网站开发常用的语言,项目建设总结报告,手机app怎么开发的,google关键词指数},
onLoad: function() {},
})
此时经过编译后模拟器的显示#xff1a; 这里都容易理解#xff0c;当点击了button按钮后#xff0c;触发点击事件执行testfun函数#xff0c;将test02设置为8#xff0c;如图#xff1a; 通过this.data.test028这种方式直接赋值可以吗 这里都容易理解当点击了button按钮后触发点击事件执行testfun函数将test02设置为8如图 通过this.data.test028这种方式直接赋值可以吗答案是不可以看下面 使用this.data.test0210的结果不会渲染到前台页面中显示但是后台已经改变会造成前后台数据不一致。
我又想到是不是可以先通过this.data.test0210赋值再通过this.setData渲染呢
onLoad: function() {
this.data.test02 10;
this.setData({
test02
})
}
编译后显示 发现了什么我个人觉得是这样的
一、this.setData中设置的key如果只有key没有value则从所在函数内找这个变量找到之后渲染到前台指定位置。
1如果Page对象的data中没有定义该key则setData自动创建这个可以从打印结果中发现this.data.test03data中没有定义。
2如果Page对象的data中已经定义该变量则修改data中原变量的值。
二、this.setData中设置的key如果有key有value直接渲染到前台并修改原data中的数据。
注意事项
上面演示的使用说明也算是注意事项吧理解透彻才能运用自如避免数据混乱。
另外给出官方的setData建议https://developers.weixin.qq.com/miniprogram/dev/framework/performance/tips.html
常见的 setData 操作错误
1. 频繁的去 setData
在我们分析过的一些案例里部分小程序会非常频繁毫秒级的去setData其导致了两个后果
Android 下用户在滑动时会感觉到卡顿操作反馈延迟严重因为 JS 线程一直在编译执行渲染未能及时将用户操作事件传递到逻辑层逻辑层亦无法及时将操作处理结果及时传递到视图层
渲染有出现延时由于 WebView 的 JS 线程一直处于忙碌状态逻辑层到页面层的通信耗时上升视图层收到的数据消息时距离发出时间已经过去了几百毫秒渲染的结果并不实时
其实前端开发的知识点就那么多面试问来问去还是那么点东西。所以面试没有其他的诀窍只看你对这些知识点准备的充分程度。so出去面试时先看看自己复习到了哪个阶段就好。
这里再分享一个复习的路线以下体系的复习资料是我从各路大佬收集整理好的
《前端开发四大模块核心知识笔记》 最后说个题外话我在一线互联网企业工作十余年里指导过不少同行后辈。帮助很多人得到了学习和成长。
我意识到有很多经验和知识值得分享给大家也可以通过我们的能力和经验解答大家在IT学习中的很多困惑所以在工作繁忙的情况下还是坚持各种整理和分享。
1.png)
最后说个题外话我在一线互联网企业工作十余年里指导过不少同行后辈。帮助很多人得到了学习和成长。
我意识到有很多经验和知识值得分享给大家也可以通过我们的能力和经验解答大家在IT学习中的很多困惑所以在工作繁忙的情况下还是坚持各种整理和分享。
