微信小程序 开发 总结

wxml：

1. wx:if  wx:elif   wx:else (不渲染标签)，wx:for  wx:key  wx:for-index='id'  wx:for-value='username'，hidden(display：none）
2. block：不创建div类标签，只是创建一个盒子容器，html中不显示此标签
3. bindtap（click)，bindinput（input：change事件）

wxss：

1. rpx：尺寸单位，建议使用iPhone6(750px)为开发计算屏幕尺寸。开发时，10px的宽度，乘以2，写20rpx即可。
2. @import 导入
3. 全局样式和局部样式冲突，以局部样式为准（根目录下的app.wxss文件中写的样式全局生效）

app.json：

1. pages：配置路由。添加后自动创建对应文件夹
2. window：配置小程序头部等样式。

   1. backgroundTextStyle： 背景文字颜色 （目前仅支持dark、light) 

   2. navigationBarBackgroundColor： 头部背景色

   3. navigationBarTitleText：头部文字内容设置

   4. navigationBarTextStyle：头部文字颜色

   5. enablePullDownRefresh：是否开启下拉刷新,

   6. backgroundColor：背景色

   7. onReachBottomDistance：触底加载(懒加载）距底部出发的距

3. tabBar：配置底部/头部tab切换配置
4. style：v2。删除后，默认老版样式

page.json：

1. 对单个页面的个性化配置，就近原则

网络请求:

1. wx.request()方法：

    wx.request({
               url: 'https://www.escook.cn/categories',
               method: 'GET',//POST
               success: (res) => {
                   this.setData({
                       gridlist:res.data
                   })
                   console.log(this.data.gridlist)
               }
           })

2. onLoad()事件：

  onLoad: function (options) {
        this.getSlide()
    },