@微信小程序-起步-官方文檔

初始化第一個微信小程序

1. 項目結構：

project_root.png

2. 文件基礎類型分析

   .json 后綴的 JSON 配置文件
   .wxml 后綴的 WXML 模板文件
   .wxss 后綴的 WXSS 樣式文件
   .js 后綴的 JS 腳本邏輯文件
   

   a.根目錄app.json

        概述：
        小程序根目錄下的 app.json 文件用來對微信小程序進行全局配置抵卫，決定頁面文件的路徑心铃、窗口表現(xiàn)咕晋、設置網(wǎng)絡超時時間榨馁、設置多 tab 等枝秤。
        pages
        用于指定小程序由哪些頁面組成坚洽，每一項都對應一個頁面的 路徑+文件名 信息韭畸。文件名不需要寫文件后綴喻犁，框架會自動去尋找對于位置的 .json, .js, .wxml, .wxss 四個文件進行處理。
        window
        用于設置小程序的狀態(tài)欄上岗、導航條福荸、標題、窗口背景色肴掷。
        tabBar
        如果小程序是一個多 tab 應用（客戶端窗口的底部或頂部有 tab 欄可以切換頁面）敬锐，可以通過 tabBar 配置項指定 tab 欄的表現(xiàn)，以及 tab 切換時顯示的對應頁面呆瞻。
        networkTimeout
        各類網(wǎng)絡請求的超時時間台夺，單位均為毫秒。
        debug
        可以在開發(fā)者工具中開啟 debug 模式痴脾，在開發(fā)者工具的控制臺面板颤介，調試信息以 info 的形式給出，其信息有Page的注冊赞赖，頁面路由滚朵，數(shù)據(jù)更新，事件觸發(fā)等前域≡可以幫助開發(fā)者快速定位一些常見的問題。
        functionalPages
        基礎庫 2.1.0 開始支持匿垄，低版本需做[兼容處理]
        啟用[插件功能頁]時移宅，插件所有者小程序需要設置其 `functionalPages` 為 `true`。
        subpackages
        微信客戶端 6.6.0 椿疗，基礎庫 1.7.3 及以上版本支持
        啟用[分包加載]時漏峰，聲明項目分包結構。
        寫成 subPackages 也支持届榄。                
        workers       
        使用 Worker處理多線程任務時芽狗，設置 `Worker` 代碼放置的目錄
        requiredBackgroundModes
        申明需要后臺運行的能力，類型為數(shù)組痒蓬。目前支持以下項目
        plugins
        基礎庫 1.9.6 開始支持童擎，低版本需做[兼容處理]
        聲明小程序需要使用的[插件]
        preloadRule
        基礎庫 2.3.0 開始支持滴劲，低版本需做[兼容處理]
        聲明[分包預下載]的規(guī)則。
        resizable
        在 iPad 上運行的小程序可以設置支持[屏幕旋轉]
        navigateToMiniProgramAppIdList
        當小程序需要使用 [wx.navigateToMiniProgram]顾复、接口跳轉到其他小程序時班挖，需要先在配置文件中聲明需要跳轉的小程序 appId 列表，最多允許填寫 10 個芯砸。
   

   b.工具配置 project.config.json

        通常大家在使用一個工具的時候萧芙，都會針對各自喜好做一些個性化配置，例如界面顏色假丧、編譯配置等等双揪，當你換了另外一臺電腦重新安裝工具的時候，你還要重新配置包帚。
   
        考慮到這點渔期，小程序開發(fā)者工具在每個項目的根目錄都會生成一個 project.config.json，你在工具上做的任何配置都會寫入到這個文件渴邦，當你重新安裝工具或者換電腦工作時疯趟，你只要載入同一個項目的代碼包，開發(fā)者工具就自動會幫你恢復到當時你開發(fā)項目時的個性化配置谋梭，其中會包括編輯器的顏色信峻、代碼上傳時自動壓縮等等一系列選項。
   

   c.頁面配置 page.json

          每一個小程序頁面也可以使用.json文件來對本頁面的窗口表現(xiàn)進行配置瓮床。
   
          頁面的配置只能設置 app.json 中部分 window 配置項的內(nèi)容盹舞，頁面中配置項會覆蓋 app.json 的 window 中相同的配置項。
   

   d.wxml 微信特有的html

            區(qū)別：
              1.特有的標簽語法隘庄，view,button,text等
              2.類似vue的wx-邏輯語法踢步，及類似es6字符串模板語法
   

   e.wxss 微信特有的css

            區(qū)別：
              1.新增尺度單位rpx
              2.全局css及頁面css，css單文件作用域
   

   f.微信小程序邏輯交互

            區(qū)別：
              1.新增的事件機制
              2.豐富的小程序api