业余时间学习了下小程序开发，并开发了一个学习类小工具（学拼音汉字），在这里整理一篇关于小程序开发需要注意的事项。

1、后端接口域名必须使用https，我是使用的阿里symantec免费证书（登录阿里云-->安全(云盾)-->证书服务-->symantec---单个域名----免费型）

2 、不能直接进行dom节点操作,使用wx.request从后台返回数据之后,使用setData()方法更新值，这样就直接更新View了。必须使用setData()来更新页面，这是由于小程序框架是单向数据绑定的。

3、资源文件尽量从服务器上获取，这是由于目前小程序上传的压缩包大小不能超过1M

4、尽量使用es6的箭头函数，这样就不用定义var that = this

5、setData单次设置的数据不能超过1024kB，需要避免一次设置过多的数据。

6、小程序页面下文件名称需要一直，框架会自动去寻找路径.json,.js,.wxml,.wxss的四个文件

7、原生的组件层级是最高的，不能设置z-index。比如live-player，live-pusher等，但提供了cover-view、cover-image可覆盖在原生组件之上的文本视图。目前有些样式限制，不能使用动画，gif格式图片等

8、小程序后端更换接口地址域名时，微信开发者工具应重启才能生效，或点击右上角的详情-》选择域名配置

9、冒泡事件（点击、长按、触摸），当点击子级时，同时触发父级点击事件。

bindtap: 元素绑定事件，父节点绑定事件会冒泡
catchtap: 不会冒泡，仅在当前元素触发

10、使用window对象和document对象的框架，在微信小程序均无法使用，比如jquery

11、小程序压栈不能超过5个，即最多可以打开五个页面，之后再使用wx.navigateTo无法打开新页面，可以使用wx.redirectTo打开新页面。

12、页面退出、返回，会执行onUnload()这个方法，所以在这个方法中我们需要清空资源数据。

13、json文件默认不能为空，即使没有内容也要为空数据{}。同时最后一个值后面不能打“,”哦

14、在样式中，引入公共样式需要使用@import "common.wxss"，同时单位记得一定不要使用px哦，小程序为了保证兼容和自适应使用了新的单位rpx。

15、在个人中心，可以提供一个供用户清理本地缓存的按钮。

大体注意点就这么多了，后续遇到会持续更新哦，下面给大家发一下最终效果图：（注：界面并不是最新UI）

链接: https://www.fly63.com/article/detial/943