微信小程序配置文件介紹 · 常用筆記

# 微信小程序配置文件介紹 ### 小程序配置 app.json `app.json`是當前小程序的全局配置，包括了小程序的所有頁面路徑、界面表現、網絡超時時間、底部 tab 等。 ### 工具配置 project.config.json 通常大家在使用一個工具的時候，都會針對各自喜好做一些個性化配置，例如界面顏色、編譯配置等等，當你換了另外一臺電腦重新安裝工具的時候，你還要重新配置。考慮到這點，小程序開發者工具在每個項目的根目錄都會生成一個`project.config.json`，你在工具上做的任何配置都會寫入到這個文件，當你重新安裝工具或者換電腦工作時，你只要載入同一個項目的代碼包，開發者工具就自動會幫你恢復到當時你開發項目時的個性化配置，其中會包括編輯器的顏色、代碼上傳時自動壓縮等等一系列選項 ### 頁面配置 page.json 這里的`page.json`其實用來表示 pages/logs 目錄下的`logs.json`這類和小程序頁面相關的配置。如果你整個小程序的風格是藍色調，那么你可以在`app.json`里邊聲明頂部顏色是藍色即可。實際情況可能不是這樣，可能你小程序里邊的每個頁面都有不一樣的色調來區分不同功能模塊，因此我們提供了`page.json`，讓開發者可以獨立定義每個頁面的一些屬性，例如剛剛說的頂部顏色、是否允許下拉刷新等等 ## 全局配置小程序根目錄下的`app.json`文件用來對微信小程序進行全局配置，決定頁面文件的路徑、窗口表現、設置網絡超時時間、設置多 tab 等。 ## 使用 Page 構造器注冊頁面簡單的頁面可以使用`Page()`進行構造。 **代碼示例：** ``` <pre class="calibre14">``` //index.js Page({ data: { text: "This is page data." }, onLoad: function(options) { // 頁面創建時執行 }, onShow: function() { // 頁面出現在前臺時執行 }, onReady: function() { // 頁面首次渲染完畢時執行 }, onHide: function() { // 頁面從前臺變為后臺時執行 }, onUnload: function() { // 頁面銷毀時執行 }, onPullDownRefresh: function() { // 觸發下拉刷新時執行 }, onReachBottom: function() { // 頁面觸底時執行 }, onShareAppMessage: function () { // 頁面被用戶分享時執行 }, onPageScroll: function() { // 頁面滾動時執行 }, onResize: function() { // 頁面尺寸變化時執行 }, onTabItemTap(item) { // tab 點擊時執行 console.log(item.index) console.log(item.pagePath) console.log(item.text) }, // 事件響應函數 viewTap: function() { this.setData({ text: 'Set some data for updating view.' }, function() { // this is setData callback }) }, // 自由數據 customData: { hi: 'MINA' } }) ``` ```