小程序基础

flex布局

• flex-direction: row; //主轴默认是水平
• flex-direction: column-reverse; //众轴反转
• flex-grow: 1; //占用多余宽度
• justify-content: flex-end; //右对齐
• justify-content: space-between; //两端对齐
  • justify-content: space-around; //环绕对齐
• align-item: flex-start; //上对齐
  • align-item: center; //垂直对齐
  • align-item: stretch; 控件拉伸到两端，控件height值要设为auto
  • align-item: baseline; //文字基线对齐

页面跳转

• wx.navugateTo()：从当前页面跳转到子页面，父子关系。父页面被隐藏
• wx.redirectTo()：从当前页面到另外页面，平行关系。当前页面被关闭

代码遍历

• 在block标签上可以实现代码遍历。

wx:for="{{post_key}}"; // 设置键 
wx:for-item="item": // 默认是item,显示当前页面 
wx:for-index="{{index}}"; // 默认index    

• 某个属性设置false，需写成{{false}}.否则都为true

事件

• 点击事件：需在Tap前面加bind或者catch（bindTap）
• catch具有阻止冒泡的功能
• 小程序的事件大多是冒泡事件，往上。点击子节点触发父节点

杂记

• require函数接收路径。路径只能是 相对路径
• template引用模板的is属性值=设置模板的name值
• 数据绑定
  • 如果在onLoad方法中，不是异步的去执行一个数据绑定，则不需要使用 this.setData方法。只需要对 this.data赋值即可实现数据绑定

缓存

• wx.setStorage(‘key’, object)：设置缓存
• wx.getStorage(‘key’, object)：获取缓存
• wx.removeStorage(‘key’, object)：清除指定缓存
• wx.clearStorage()：清除所有缓存
• 每一种行为都有两种方法。例如：
  • wx.setStorage(‘key’, object) 异步
  • wx.setStorageSync(‘key’, object) 同步