二、页面开发中的典型陷阱

2.1 页面生命周期理解不足

小程序页面有复杂的生命周期，开发者常犯的错误包括：

• 混淆App、Page和Component的生命周期：三者有相似但不完全相同的生命周期钩子。例如，组件没有onLoad但有created和attached。

• 异步操作与生命周期不同步：在onLoad中发起网络请求，但在页面跳转时未处理未完成的请求。应使用Promise或async/await管理异步流程，必要时取消请求。

2.2 数据绑定与更新性能问题

小程序的setData是实现数据绑定的核心方法，但使用不当会导致严重性能问题：

• 频繁调用setData：在滚动、动画等高频场景中不断调用setData会造成界面卡顿。解决方案是使用函数节流或防抖，或合并多次更新。

• 一次性设置大量数据：setData的数据需要通过Native层传输，数据量过大会阻塞通信。应只设置视图需要的数据，大列表建议分页加载。

• 直接修改this.data而不调用setData：这样修改不会触发界面更新，但有些开发者误以为可以提升性能。实际上这是错误做法，必须通过setData才能更新视图。

2.3 事件处理与通信问题

事件系统是小程序交互的基础，常见问题包括：

• 自定义组件事件冒泡：默认情况下自定义组件事件不会冒泡，除非显式设置bubbles:true。许多开发者不了解这点，导致事件监听失败。

• dataset数据类型的误解：通过data-属性传递的数据都会被转为字符串，传递对象或数组时需要先JSON.stringify，接收时再解析。