微信小程序：数据绑定、用户信息获取与前后端交互指南

本文档是一份关于JavaScript前端开发的详细笔记，涵盖了数据库、后端交互以及相关的微信小程序开发技术。以下是从文档中提炼出的关键知识点： 1. **数据绑定** - 在微信小程序中，数据绑定是通过`<view wx:if="{{condition}}">...</view>`或`<text>{{data}}</text>`这样的语法实现的。数据的变化是同步的，通过`this.setData()`来修改data中的值。 - 在Vue中，数据初始化通常在`data`对象中进行，`this.key = value`用于修改数据。Vue的数据流是单向的，即Model（数据）到View（视图），但通过`v-model`可以实现双向绑定。 - React中，状态数据存储在`state`中，`this.setState()`用于更新。在生命周期方法中，`componentDidMount`主要用于异步操作，而定时器回调中的更改则是同步的。 2. **获取用户信息** - 微信小程序首次登录时，使用`button open-type="getUserInfo"`请求用户授权。已授权用户再次登录时，通过`wx.getUserInfo`获取用户信息。 3. **前后端交互** - `wx.request()`是微信小程序与服务器交互的基础，必须使用HTTPS协议。每个接口有20个域名限制和10个并发请求的上限。在开发工具中，可以通过设置禁用合法域名检查来调试。 4. **本地存储** - 使用`wx.setStorage()`或`wx.setStorageSync()`来存储数据，建议存储JSON格式数据。单个键的存储最大长度为1MB，总存储上限为10MB。这些数据是持久的，类似于HTML5的localStorage。 5. **事件处理** - 事件流分为三个阶段：捕获阶段（从外向内）、执行目标阶段和冒泡阶段。事件委托是一种优化技术，将子元素的事件绑定到父元素，便于管理大量子元素的事件处理，同时支持动态添加元素。 6. **事件分类** - 标准DOM事件如`click`, `input`等，是由浏览器自动触发的固定名称事件。 - 自定义事件则是开发者定义的，通过`PubSub.subscribe()`订阅事件并提供回调函数，触发时通过事件名调用相应的订阅方。 总结来说，这份笔记覆盖了JavaScript前端开发的核心内容，包括微信小程序的数据绑定、用户信息获取、前后端通信规范、本地存储管理，以及事件处理和事件委托的基本概念和实践技巧。对于前端开发者来说，这是理解和掌握前端技术的重要参考资料。