前言: 微信小程序是個非常輕量,容易上手的開發(fā)框架,近幾天閱讀微信小程序官方文檔,覺得講的非常詳細,摘出一些關(guān)鍵點,在這里分享。
- 1、眾多配置項中,只有pages是必填項,類型是string or array,對應(yīng)的是頁面的路徑,不需要寫文件后綴,數(shù)組的第一頁對應(yīng)首頁,小程序增加/減少頁面都需要對pages數(shù)組進行操作。
"pages": ["pages/index/index", "pages/logs/index"] - 2、window 設(shè)置小程序的狀態(tài)欄、導(dǎo)航條、標題、窗口背景色。
*導(dǎo)航欄*
navigationBarBackgroundColor:導(dǎo)航欄背景顏色 只可以用16進制的顏色值
navigationBarTextStyle: 導(dǎo)航欄字體顏色 (只能填‘black’ 或‘white’)
navigationBarTitleText: 導(dǎo)航欄文字內(nèi)容
navigationStyle: 導(dǎo)航欄樣式(只能填 ‘default’默認 或 ‘custom’自定義 )
*窗口*
backgroundColor: 窗口的背景色
backgroundTextStyle:下拉 loading 的樣式,僅支持 dark / light
backgroundColorTop: 頂部窗口的背景色,僅 iOS 支持
backgroundColorBottom: 底部窗口的背景色,僅 iOS 支持
enablePullDownRefresh: 是否開啟當前頁面的下拉刷新。true || false
onReachBottomDistance: 頁面上拉觸底事件觸發(fā)時距頁面底部距離,單位為px。僅需填寫純數(shù)字,不 用“50” 或 “50px”
pageOrientation: 屏幕旋轉(zhuǎn)設(shè)置,支持 auto / portrait / landscape
- 3、 tabBar 有頁面切換功能,有點像選項卡,很方便
image.png - 4、networkTimeout各類網(wǎng)絡(luò)請求的超時時間,單位均為毫秒。
- 5、debug 調(diào)試
- 6、functionalPages 啟用插件功能頁
- 7、subpackages 分包加載
- 8、workers 多線程任務(wù)
- 9、requiredBackgroundModes 申明需要后臺運行的能力
- 10、plugins 聲明小程序需要使用的[插件]
- 11、preloadRule 聲明分包預(yù)下載的規(guī)則
- 12、resizable 在 iPad 上運行的小程序可以設(shè)置支持[屏幕旋轉(zhuǎn)]
- 13、navigateToMiniProgramAppIdList 當小程序需要使用 wx.navigateToMiniProgram 接口跳轉(zhuǎn)到其他小程序時,需要先在配置文件中聲明需要跳轉(zhuǎn)的小程序 appId 列表,最多允許填寫 10 個。
- 14、usingComponents 在此處聲明的自定義組件視為全局自定義組件,在小程序內(nèi)的頁面或自定義組件中可以直接使用而無需再聲明。
- 15、permission 小程序接口權(quán)限相關(guān)設(shè)置
- 16、頁面配置 頁面中配置項會覆蓋 app.json 的 window 中相同的配置項
