微信小程序

微信小程序

1.数据绑定

1. 小程序
   1. data中初始化数据
   2. 修改数据：this.setData
      1. 修改数据的行为始终是同步的
2. vue
   1. data中初始化数据
   2. 修改数据：this.key=value
   3. 数据流
      1. Vue是单项数据流：Model–>View
      2. Vue中实现了双向数据绑定:v-model
3. React
   1. state初始化状态数据
   2. 修改数据：this.setState()
      1. 自身构子函数中(componentDidMount)异步的
      2. 非自身的构子函数中(定时器的回调)同步的
      3. 数据流
         1. 单项：Model–>view

2.获取用户的基本信息

1. 用户未授权(首次登陆)
   1. button open-type=‘getUserInfo’
2. 用户已经授权(再次登陆)
   1. wx.getUserInfo

3.前后端交互

1. 语法：wx.request()
2. 注意点：
   1. 协议必须是https协议
   2. 一个接口最多配置20个域名
   3. 并发限制上限是10个
   4. **开发过程中设置不校验合法域名：**开发工具—>右上角详情---->本地设置–>不校验

4.本地存储

1. 语法：wx.setStorage()||wx.setStorageSync()||…
2. 注意点：
   1. 建议存储的数据为json数据
   2. 单个key允许存储的最大数据长度为1MB，所有数据存储上限为10MB
   3. 属于永久存储

扩展内容

1.事件流的三个阶段

1. 捕获：从外向内
2. 执行目标阶段
3. 冒泡：从内向外

2.事件委托

1. 什么是事件委托
   1. 将子元素的事件(绑定)给父元素
2. 事件委托的好处
   1. 减少绑定的次数
   2. 后期新添加的元素也可以享用之前委托的事件
3. 事件委托的原理
   1. 冒泡
4. 触发事件的对象
   1. 子元素
5. 如何找到触发事件的对象
   1. event.target
6. currentTarget VS target
   1. currentTarget要求绑定事件的元素一定是触发事件的元素
   2. target绑定事件的元素不一定是触发事件的元素