1、数据绑定问题
(1)微信小程序开发过程中,在进行数据操作或拼接时,主要是参考Vue.js这个前端框架,支持以前${ }这种写法类似的功能。
(2)在进行数据绑定时,最好不要在{{ value }} 绑定数据的前面加上中文的 冒号(: ),可能会导致Wxml panner这个调试器失效。
2、修改数据绑定注意点
(1)数据绑定的动态变更必须使用的函数是setData函数。
(2)修改数据绑定时,直接修改data是无效的。
(3)setData存在上线,它的数据量不能超过1M。
(4)setData可以设置不被定义的数据内容,而预定义则指的是data中的变量。
3、小程开发全局设置相关问题
(1)globalData的设置对整个小程序开发项目的全局调整是有利的。
(2)globalData的设置包括OPEN_ID、SESSION_KEY、basePath等的设置。
(3)OPEN_ID、SESSION_KEY在小程序初始化完成的时即可获取,便于调用后面的代码。
(4)设置basePath的目的是为了发布时不需要修改多出接口地址。
(5)basePath的一般设置为“https://IP地址:端口号/”,等发布时再改为正式服务器地址,这样的设置可避免多次修改并未完全修改等带来的相关问题。
(6)globalData是一个变量,可以在其他位置修改,不过最好的做法就是不要修改。
4、条件渲染相关问题
(1)小程序控制组件的隐藏与显示,并没有完全参考解耦的设计思路,而是直接作为组件的属性字段写在组件中。它不是惰性属性,只会接受true和false,并始终被渲染。一般使用在view中作为条件渲染来使用,不能用CSS的概念来理解。
(2)For循环列表渲染有两个隐藏的属性,小程序隐式的指定默认值的变量名是item,下标是index。
5、开发样式编辑相关问题
(1)微信的Wxss是一套新的样式语言,它引入了CSS大部分特性,并在此基础上对其进行扩充和修改。
(2)为了保证手机的兼容性,小程序对屏幕的宽度设置,设定为任何手机屏幕宽度都是750rpx,不过,rpx在小分辨率的手机上可能会有点毛病。