微信小程序知识点总结

1，小程序官网：https://mp.weixin.qq.com/

2，vscode小程序插件

（1）wxml

（2）wxss-peek

（3） minapp：微信小程序标签、属性的智能补全（同时支持原生小程序、mpvue 和 wepy 框架，并提供 snippets）

（4）wechat-snippet：微信小程序代码辅助,代码片段自动完成

3，app.json 全局配置

"window": {
    "navigationBarBackgroundColor": "#fff",  //只能是16进制
    "navigationBarTextStyle": "black",  //只能是单词
    "navigationBarTitleText": "小程序",
  },

 

4，小程序的css单位：rpx

5，小程序会为所有页面自动加page标签，应在app.wxss文件中设为heigth: 100%

6，vue的data被劫持代理（Object.definePropety() ），可以直接this.msg获取；而小程序没有，所以小程序的data数据获取要用this.data.msg

7，react在自身的钩子函数中(componentDidMount)修改data，this,setState是异步的，在非自身的钩子函数（定时器的回调）是同步的；而小程序（this.setData）始终是同步的

8，vue,react,小程序对比

     *this.setData()是同步的

9，生命周期

onLoad（监听页面加载）——>onShow（监听页面显示）（可执行多次）——>onReady（监听页面初次渲染完成）（有数据）——>onHide（监听页面隐藏）（可执行多次）——>onUnLoad（监听页面卸载）

10，路由

（1）wx.reLaunch：关闭所有页面，打开到应用内的某个页面，执行当前页面的onUnLoad

  (2)  wx.navigateTo: 保留当前页面，跳转到应用内的某个页面。但是不能跳到 tabbar 页面，执行当前页面的onHide，回退后，执行onShow，不再执行onLoad，因为onLoad只执行一次

  (3) onLoad(options) 接收的参数options为路由跳转的query参数

（4）路由跳转路径要从根路径开始

11，修改基础库

12，前后端交互

（1）. 语法: wx.request()

（2）. 注意点: 

       a. 协议必须是https协议

       b. 一个接口最多配置20个域名

       c. 并发限制上限是10个

       b. 开发过程中设置不校验合法域名： 开发工具 ---> 右上角详情 ----> 本地设置 ---> 不校验

13，bindtap绑定的点击事件，通过id向event传参时，如果是number会自动转换为string，通过data-*传参则不会。

14，关于scroll-view

（1）scroll-y，使用时必需设置容器高度。

（2）

15, 下拉刷新

 (1) 整体页面下拉刷新需要在json文件中配置 "enablePullDownRefresh": true。

 (2) 局部刷新，bindrefresherrefresh="handleRefresh"，收起下拉刷新：refresher-triggered="{{refreshTragger}}"，为false时收起。

16，小程序的 hidden 属性等同于vue的 v-show，如果是频繁的切换，用hidden的性能要比if else要好。

 

……