微信小程序
1.数据绑定
- 小程序
- data中初始化数据
- 修改数据:this.setData
- 修改数据的行为始终是同步的
- vue
- data中初始化数据
- 修改数据:this.key=value
- 数据流
- Vue是单项数据流:Model–>View
- Vue中实现了双向数据绑定:v-model
- React
- state初始化状态数据
- 修改数据:this.setState()
- 自身构子函数中(componentDidMount)异步的
- 非自身的构子函数中(定时器的回调)同步的
- 数据流
- 单项:Model–>view
2.获取用户的基本信息
- 用户未授权(首次登陆)
- button open-type=‘getUserInfo’
- 用户已经授权(再次登陆)
- wx.getUserInfo
3.前后端交互
- 语法:wx.request()
- 注意点:
- 协议必须是https协议
- 一个接口最多配置20个域名
- 并发限制上限是10个
- **开发过程中设置不校验合法域名:**开发工具—>右上角详情---->本地设置–>不校验
4.本地存储
- 语法:wx.setStorage()||wx.setStorageSync()||…
- 注意点:
- 建议存储的数据为json数据
- 单个key允许存储的最大数据长度为1MB,所有数据存储上限为10MB
- 属于永久存储
扩展内容
1.事件流的三个阶段
- 捕获:从外向内
- 执行目标阶段
- 冒泡:从内向外
2.事件委托
- 什么是事件委托
- 将子元素的事件(绑定)给父元素
- 事件委托的好处
- 减少绑定的次数
- 后期新添加的元素也可以享用之前委托的事件
- 事件委托的原理
- 冒泡
- 触发事件的对象
- 子元素
- 如何找到触发事件的对象
- event.target
- currentTarget VS target
- currentTarget要求绑定事件的元素一定是触发事件的元素
- target绑定事件的元素不一定是触发事件的元素