【收藏】小程序开发页面技巧点及注意事项

148 阅读2分钟

「这是我参与11月更文挑战的第25天,活动详情查看:2021最后一次更文挑战

关闭sitemap索引提示

sitemap 的索引提示是默认开启的,如需要关闭 sitemap 的索引提示,可在小程序项目配置文件 project.config.json 的 setting 中配置字段 checkSiteMap 为 false。

20201209145249315.png

app.js调用页面的方法

页面调用app的方法可以通过getApp()获取全局的app实例调用,app.js调用页面的方法就是在app.js定义全局变量,然后在页面onload后将页面对象this赋值给这个全局变量供app.js调用这个全局变量的方法或者属性值。

1.png

2.png

3.png

添加编译模式

添加当前编辑的页面路径(可带参数、场景值),用自定义的编译模式启动后,初始页面就变成了当前编辑的页面(携带参数和场景值),再也不用去app.json修改页面路径的顺序了。

11.png

22.png

其他

1、onLoad 参数 options 需检测空值

2、小程序里数组与对象的赋值为引用

3、条件判断注意字符串问题,数值最好加 parseInt,数学运算也要注意

4、function 里引用 data 元素使用 this.data.xxx,同理 app.globalData.xxx

5、wx.removeTabBarBadge 系列检测最好用上  setTimeout

6、调起微信支付时,body 最好转一次 utf-8 编码

8、页面切换,onReady 不一定调用,但 onShow 一定调用 

9、程序自己处理版本更新,部分系统几天都不会更新 wx.getUpdateManager

10、分享格式不再有 success等回调

11、页面如果加载成功就有选择对话框之类的交互操作,请使用 setTimeout

12、object 拷贝使用 var cpObj = JSON.parse(JSON.stringify(Obj));

13、弹窗 image 加载图片试试  lazy-load="true"

14、使用地图必须加入合法域名:apis.map.qq.com

15、如果页面有 tabBar 菜单跳转,则 navigator 跳转此页面无效

16、target:实际触发事件的节点,currentTarget:绑定事件的节点