项目审核上线后发现部分页面显示出错,但是在开发工具上正常。后来发现与“ES6转ES5”有关。
以下是部分代码,在开启“ES6转ES5”时,开发工具调试正常,真机预览出错。
let tabIdx = 0;
for (let i = 0; i < tabs.length; i++) {
let tab = tabs[i];
if (tab.status == status) {
tabIdx = i;
break;
}
}
修改方案:
开启“ES6转ES5”,红色let改为var,则开发工具和真机预览都正常。
关闭“ES6转ES5”,红色let不改,则开发工具和真机预览都正常。
但是个人认为第一种方案用let应该也是可以的,为何出错,是否是开发工具在“ES6转ES5”时有问题?
用到现在发现开发工具还有好多bug和问题:
编辑器代码提示在使用伪类的时候 伪类会多一个:符号 每次都要删掉 特别麻烦 有的时候还会吧上一个类直接打出来
xml在列表渲染的时候 总是不知名的报错 但是实际是渲染出来了
打开编辑器的时候 编辑器提示有新版本 但是无法操作跟新
开发页面的时候没法单个页面预览 只能一步步点击进入到相应页面
代码颜色区分不明显(感觉跟文本没什么区别)
编辑器上有些时候预览的样式跟微信端看到的不一样 差异化很大
资源路径没有提示 像idea那种 很方便 不需要一个个打进去
文件无法通过项目目录复制进去 只能去磁盘目录复制
文件删除无法恢复(之前误删了一个目录结果代码重写 好坑的 能不能像idea那样 起码有几部撤回 或者干脆让他出现在回收站)
打开wxml或者其他文件的时候 能不能是双击打开 单击打开真的看着很晕 而且打开tab那个跟代码区域能不能区分明显点 还有 tab栏最右侧那个...图标在没有超出显示范围的时候能不能影藏
调试的时候无法像浏览器一样选择view对象查看样式信息 如果这样干脆去掉那个图标吧 每次都好想点
================ 目前县发现了这些 虽然用了一段时间了 但是还是感觉很难受
开发工具版本:v0.13.140600
手机:小米4,华为X5(都有问题)
微信版本:6.5.4
代码如下:
Page({
data: {},
onLoad: function (options) {
let status = “”;
let tabs = [
{
status: “”,
name: “全部”
}
];
let tabIdx = 0;
for (let i = 0; i < tabs.length; i++) {
let tab = tabs[i];
if (tab.status == status) {
tabIdx = i;
break;
}
}
wx.showModal({
title: “提示”,
content: “tabIdx:” + tabIdx,
showCancel: false
});
}
})
开发工具调试,正常显示对话框
真机测试,不显示对话框