一、对于节点数大于1000的:
1、对于页面里面的标签,能用text的,就不用view;
2、能直接用文本的,就不用text标签;
3、对于一些循环渲染的列表,能用block标签的,就不要浪费一些view标签;
总: 视图代码优化的小技巧
1、使用wxml标签要克制,能不用容器标签就不用,能少用就少用;
2、默认以catch替代bind绑定事件,自定义的data数据属性中永远只存储基本数据类型,且只存储小数据;
3、动态渲染的列表,一定要绑定一个唯一的wx:key;静态渲染的可以使用index;
4、对于scroll高频事件要节流,使用节流函数throttle;
5、对于用户的单击事件,可以适当使用防抖函数debounce。
二、wxss优化
1、开启惯性滚动:
2、清除wxss无用代码
使用gulp工具和gulp-cleanwxss插件
注: 由于工具不完善,只能针对于静态的wxss。可能会误删动态的wxss代码。
三、UI交互优化技巧
1、使用padding改变点击区域大小;
2、使用伪元素改变单击区域大小;
四、脚本优化技巧
1、定时器是异步线程里的东西,在离开页面时一定要销毁;在页面的生命周期函数pageLifeTimes里面销毁。
2、使用wxx.onXXX全局绑定一定要小心,有一个监听必须有一个反监听;
3、使用全局对象要小心;在生命周期函数detach上需要做相关操作。
4、使用this对象要谨慎。
五、setData调用优化
1、不要多次分开调用setData,尽量合并调用;
2、不准备渲染的数据不要放在data对象中;所有需要触发视图更新的才需要放在data里面。
3、通过index局部更新长列表数据;
注:调用update方法。