微信小程式架構

1.目錄結構

架構頁面檔案 – pages

工具類檔案 – utils

架構全局檔案 （對所有界面都有效）

• app.js 小程式邏輯檔案：定義全局資料以及定義函數檔案
  • 指定小程式的生命周期函數
    • onLaunch: 監聽小程式初始化（全局隻觸發一次）
    • onShow: 監聽小程式顯示
    • onHide: 監聽小程式隐藏
    • onError: 錯誤監聽函數
    • onPageNotFound: 頁面不存在監聽函數
    • …
    • 其他: 開發者自定義
  • 注冊小程式
    • App()必須在App.js中注冊，且不能注冊多個
    • 在App()中用this獲得App執行個體
    • 在getApp()獲得執行個體之後，不要私自調用生命周期函數
• app.json 小程式公共設定檔案
  • “pages”配置頁面路徑
    • 頁面路徑定義了一個數組，存放多個頁面的通路路徑，定義頁面通路路徑後，微信小程式架構就可以在pages檔案夾下建立相應名稱的檔案夾以及檔案。
  • “window”配置視窗及導航欄
  • “tabBar”配置底部标簽導航
    • tabBar是一個對象
  • “networkTimeout”配置網絡逾時
  • “debug”配置debug模式
• app.wxss 小程式公共樣式表
• project.config.json 小程式個性化配置檔案（config: 配置）

具體開發過程中：

• js檔案進行邏輯業務的處理，動态的提供資料
• 在wxml檔案裡綁定資料，渲染界面
• 在wxss檔案裡添加樣式，美化界面

wxml – 骨

wxss – 肉

js – 動作