uniapp开发注意点

1.开启下拉刷新功能:

app.json文件当中windows配置：

"enablePullDownRefresh": true

要配置拉下时的背景颜色：

在windows当中配置 

"backgroundColor": "#eee"

要让下拉刷新的时候，小圆点不断闪现刷新，那么就要配置为dark：

"backgroundTextStyle": "dark"

2.引入外部wxss资源:

@import "文件路径"

3.设置上拉触底距离：

"onReachBottomDistance": "50px"

4.tabBar设置

 "tabBar": {
   "list": [{
     "pagePath": "pagePath",   //在这里设置匹配的路径
     "text": "text",     //在这里写名称
     "iconPath": "iconPath",  //未选中的图标
     "selectedIconPath": "selectedIconPath"   //选中的图标
   }]
 }

一般在设置选中的图标的时候，图片的名称后面都要加上一个active的关键字

5.数据请求GET以及POST 

6.声明式导航

跳转至tabBar页面的时候，一定要加上open-type="switchTap"属性

<navigator url="/pages/logs/logs" open-type="switchTab">跳转至</navigator>

跳转至非tabBar页面的时候，opentype="navigate"

页面后退:

<navigator open-type="navigateBack" delta="1">页面后退</navigator> //delta表示后退的层级

7.编程式导航

导航至tabBar页面的时候：

 导航至非tabBar页面的时候：
 

 后退导航，可以在navigateBack当中加入delta:***，表示回退多少个页面

 8.导航传参

<navigator url="/pages/logs/logs?name=za&age=18" open-type="switchTab">跳转至</navigator>

    wx.request({
      url: 'https://www.escook.cn/api/get?name=zs&age=18',
    })

9.onLoad事件 

10.下拉刷新 

 11.上拉触底

 12.添加loading效果

 13.节流操作

 14.生命周期

 15.生命周期函数：

App<Iapp>({

  /**
   * 当小程序初始化完成时，会触发 onLaunch（全局只触发一次）
   */
  onLaunch() {
    
  },

  /**
   * 当小程序启动，或从后台进入前台显示，会触发 onShow
   */
  onShow(opts) {
    console.log(opts.query)
  },

  /**
   * 当小程序从前台进入后台，会触发 onHide
   */
  onHide() {
  },

  /**
   * 当小程序发生脚本错误，或者 api 调用失败时，会触发 onError 并带上错误信息
   */
  onError(msg) {
    console.error(msg)
  },
})

16.页面的函数周期

 17.wxs概念

18.wxs用法

 19.外联的wxs脚本 

20.wxs不能作为事件的回调