小程序開發知識點
開發組成
頁面結構：WXML
頁面樣式：WXSS
頁面腳本：JS+WXS
開發準備
頁面組成
app對象 -> page對象 -> component對象
#頁面結構
app對象
app.js
非必須
作用：
- 監聽app對象的生命週期
- 存儲全局數據，類似vue中vuex
app.wxss
非必須
作用：
- 全局樣式
app.json
必須，必須至少註冊一個page
作用：
- 全局配置、2. 註冊pages、3. window窗口，導航欄、4. tabbar選項卡
pages對象
page.js
作用：
- 監聽page的生命週期、2. 頁面邏輯、3. 頁面數據
page.wxml
作用：1. 數據渲染、2. 頁面結構、3. 事件綁定
page.wxss
作用：
- 頁面樣式
page.json
作用:
1.頁面配置：component註冊、導航欄、上/下拉刷新
component對象
複用性高的頁面組件部分，和page大致相同
page.json
"component"：true
配置
分類：
- 項目開發配置
簡易設置：小程序開發軟件->詳情->本地配置
project.config.json
- 小程序收錄配置
作用：sitemap功能，默認收錄小程序的頁面內容，用於微信搜索，增加曝光度，類似百度收錄
sitemap 配置文檔
sitemap.json
- 全局配置
作用：頁面文件的路徑，窗口設置，網絡超時時間，tabbar選項設置
app.json
- 頁面配置
可以覆蓋全局配置