本文目錄一覽:
如何使用app.js文件對小程序進行全局配置
可以把全局變量放入app.js的globalData對象中:
globalData: {
a: “abc”,
b: 123
}
這樣在index.js或者其他page中就可以這樣引用
app.globalData.a
app.globalData.b
微信小程序架構篇
一、小程序架構
每個小程序的結構都有兩個主要部分構成:主體部分+各個頁面。類似於許多框架,主體部分主要用於核心的配置,各個頁面主要用於不同業務場景。
1.1、主體部分主要由3個文件構成
1)app.js:小程序邏輯,初始化APP
2)app.json:小程序配置,比如導航、窗口、頁面http請求跳轉等
3)app.wxss:公共樣式配置
主體配置完成之後,就是對應業務開發了,也就是開發者最常操作的頁面。小程序頁面設計基本上也是遵循MVC結構進行構建。
1.2、頁面由4個文件構成
1)js:頁面邏輯,相當於控制層(C);也包括部分的數據(M)
2)wxml:頁面結構展示,相當於視圖層(V)
3)wxss:頁面樣式表,純前端,用於輔助wxml展示
4)json:頁面配置,配置一些頁面展示的數據,充當部分的模型(M)
二、配置app.json
app.json
全局配置頁面文件的路徑、窗口表現、設置網絡超時時間、設置多tab等。
pages
接受一個數組,每一項都是字符串,來指定小程序由哪些頁面組成
window
用於設置小程序的狀態欄、導航條、標題、窗口背景色。
tabBar
通過tabBar配置項指定tab欄的表現,以及tab切換時顯示的對應頁面。tabBar配置數組,只能配置最少2個、最多5個tab,tab按數組的順序排序。
networkTimeout
可以設置各種網絡請求的超時時間。
debug:true/false
可以在開發者工具中開啟debug模式,在開發者工具的控制檯面板,調試信息以info的形式給出,其信息有Page的註冊,頁面路由,數據更新,事件觸發。可以幫助開發者快速定位一些常見的問題
page.json
每一個小程序頁面也可以使用.json文件來對本頁面的窗口表現進行配置。頁面的哦誒址比app.json全局配置簡單的多,只是設置app.json中的window配置項的內容,頁面中配置項會覆蓋app.json的window中相同的配置項。
小程序app.js是配置什麼
app.js是編寫小程序邏輯的,比如登錄啊,獲取權限啊什麼的。app.json才是配置文件。(網頁鏈接)
原創文章,作者:FDMN,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/139875.html