window 導航欄
屬性名 | 類型 | 默認值 | 作用 |
---|---|---|---|
navigationBarTitle | Text string | 字字符串 | 導航欄標題內容 |
navigationBarBackgroundColor | Hexcolor | #000000 | 設置導航欄背景顏色(比如熒黃色 #ffa) |
navigationBarTextStyle | string | white | 設置導航欄標題的顏色(僅含有黑色和白色) |
backgroundColor | Hexcolor | #ffffff | 窗口的背景顏色 |
backgroundTextStyle | string dark | 設置下拉 | loading 的樣式 僅支持 dark/light |
enablePullDownRefresh | Boolean | false | 是否全局開啟下拉刷新 |
onReachBottomDistance | Number | 50 | 頁面上拉觸底事件觸發閾值(距頁面底部距離 單位為 px |
我們習慣性動作就是向下拉動屏幕,這樣我們的頁面就會重新加載
app.json
"window": {"navigationBarTextStyle": "black","navigationStyle": "custom"},
tabbar
頁面常見配置
網絡請求
不存在跨域問題
如何方便開發跳過https,使用本地的http,
在調試工具中,勾選不校驗合法域名
申明式導航和編程式導航
/**
- 生命周期函數–監聽頁面加載
- 可以接受導航參數
*/
onLoad(options) {
console.log(options)
},
上拉觸底請求截流
需要一個locked鎖和loading加載圖標的顯示;
編譯模式
自定義編譯模式可以實現,默認刷新小程序跳轉到指定頁面
小程序生命周期
小程序生命周期:啟動 運行 銷毀
頁面的生命周期:加載 渲染 銷毀
/*** 生命周期函數--監聽頁面加載* 小程序初始化運行* 加載1次*/onLoad() {},/*** 生命周期函數--監聽頁面初次渲染完成* 渲染完成1次,可以設置標題做一些dom操作,onload沒有頁面不能*/onReady() {},/*** 生命周期函數--監聽頁面顯示* 小程序后臺進入前臺運行*/onShow() {},/*** 生命周期函數--監聽頁面隱藏* 小程序前臺進入后臺運行*/onHide() {},/*** 生命周期函數--監聽頁面卸載*/onUnload() { },
wxs
自定義組件以及組件引入局部和全局組件
組件的生命周期
組件插槽
組件通信
behavior
引入外部npm
promise化
數據共享
分包
主包,分包,普通包,獨立包