开发小程序时需要注意的事项

开发小程序时应注意的事项：

1.小程序需要处理未定义的非空情况，以避免任何JavaScript异常，这可能导致页面为空

2.合理控制图片大小：图片过多会增加下载时间和内存消耗，应根据显示区域的大小合理控制图片的大小

3.每次联合调试都可以看到后端请求接口的时间。所有请求都不应花费太长时间。如果请求时间过长，用户将不得不等待甚至离开。应优化服务器处理时间。减小返回数据包的大小以使请求快速响应

（目前可能存在的陷阱：Wx.request在开发者工具上请求没有问题，但进入真正的机器后，时间很短，但瀑布很长，尤其是在Android 4g速度较慢的情况下）

4.避免在短时间内发送过多图片请求：在短时间发送过多的图片请求会触发浏览器对并行加载的限制，这可能会导致图片加载缓慢，用户一直在等待处理。应合理控制数量。您可以考虑使用Sprite地图技术或从屏幕上延迟加载图像

5.避免短时间内发送过多请求：短时间内发出过多请求会触发小程序并行请求数量的限制。同时，过多的请求也可能导致加载速度慢等问题。您应该合理地控制请求的数量，甚至合并请求。目前，applet请求的并发阈值是10，但wx connectSocket的最大并发限制是5[但我们还没有使用这个…]。

6.避免过多的setData和频繁调用setData（！！！）由于小程序在逻辑线程和渲染线程上运行，因此调用setData将数据从逻辑层传输到渲染层。过多的数据会增加通信时间，这是一件非常消耗性能的事情。因此，如果必须在短时间内频繁调用setData，可以考虑防抖和节流

7.图片应按照原图的宽高比显示：如果图片未按照原图宽高比进行显示，可能会导致失真、不美观，甚至导致用户识别困难。图像分量的模式属性可以适当设置以保持原始图像的纵横比

8.避免WXML节点过多：建议一个页面使用的WXML节点少于1000个，节点树深度少于30层，子节点数不超过60个。WXML节点树过大会增加内存使用量，样式重新排列时间也会更长

9.避免将无法访问的页面打包在小程序包中：小程序的包大小会影响加载时间。尝试控制包大小，以避免打包不会使用的文件

10.避免使用css“：active”伪类来实现点击状态：使用css”：active“伪类来执行点击状态，这很容易触发，滚动或滑动时点击状态不会消失，因此体验很差

11.如果有滚动区域，建议启用惯性滚动：惯性滚动会使滚动更平滑。在Android中，惯性滚动是默认的，而在iOS中，webkit溢出滚动：需要额外设置触摸样式

12.建议对所有资源请求使用HTTPS（HTTPS更安全，HTTP以明文传输，并且存在内容可能被篡改的风险）

13.应尽可能删除小程序中未使用的wxss样式：我们应根据需要引入wxss资源。如果小程序中有大量未使用的样式，则小程序包的大小会增加，这将在一定程度上影响加载速度

14.可以对同一图像的请求启用HTTP缓存控制后，下次加载同一图像时，将直接从缓存中读取该图像以提高加载速度

15.如果页面包含计时器，则必须随页面一起回收。计时器是全局的，没有绑定到页面。当页面因倒退而损坏时，计时器应注意手动回收

1.小程序应避免任何JavaScript异常

JavaScript异常可能导致小程序之间的交互失败。我们应该追求零例外，以确保小程序的高健壮性和可用性

2.小程序的所有请求都应正常响应

请求失败可能导致小程序之间的交互失败。应确保所有请求