小程序(框架主體文件)

框架主體文件由 app.json、app.js、app.wxss 構成,這3個文件必須放置在項目根目錄,一個小程序只有一份,他們負責小程序整體的配置;

1、app.json:小程序公共設置,配置小程序全局設置。

2、app.js:小程序邏輯文件,主要用于注冊小程序全局示例,編譯時會和其他頁面邏輯文件打包成一份 JavaScript文件。

3、app.wxss:小程序公共樣式表,對所有頁面的布局文件都有效。



1、配置文件(app.json)

app.json在程序加載時加載,負責對小程序的全局配置,其配置項有:

pages:設置頁面路徑

window:設置默認頁面的窗口表現(xiàn)

tabBar:設置 tab的表現(xiàn)

networkTimeout:設置網絡超時時間

debug:設置是否開啟 debug 模式,默認關閉。

app.json 文件內容整體結構如下:


文件內容

2、小程序邏輯(app.js)

小程序中邏輯文件分為頁面邏輯文件和小程序邏輯文件,app.js 便是小程序邏輯文件,在這個文件中,我們可以通過 App()函數(shù)注冊小程序生命周期函數(shù)、全局方法和全局屬性,已注冊的小程序實現(xiàn)可以再其他邏輯層代碼中通過 getApp()獲取。

2.1注冊小程序


注冊小程序

2.2獲取小程序實例


獲取小程序實例

3、全局樣式(app.wxss)

?app.wxss是全局樣式表,對項目每個頁面都有效,可將一些系統(tǒng)級別的統(tǒng)一樣式風格寫入這個文件,頁面渲染時,框架頁中的.wxss文件樣式會覆蓋 app.wxss 中相同的選擇器樣式。

?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成,瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明:文章內容(如有圖片或視頻亦包括在內)由作者上傳并發(fā)布,文章內容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務。

相關閱讀更多精彩內容

  • Spring Cloud為開發(fā)人員提供了快速構建分布式系統(tǒng)中一些常見模式的工具(例如配置管理,服務發(fā)現(xiàn),斷路器,智...
    卡卡羅2017閱讀 136,554評論 19 139
  • 轉載請注明出處, 謝謝! (~ o ~)Y 1月9日,也就是今天,微信推出的“小程序”正式上線?!靶〕绦颉笔且环N無...
    Jimmy_P閱讀 14,573評論 52 273
  • Android 自定義View的各種姿勢1 Activity的顯示之ViewRootImpl詳解 Activity...
    passiontim閱讀 179,034評論 25 709
  • 習慣的假裝堅強 卻已忘了舊時模樣 心不在焉的偽裝 掩不住滿目凄涼 窗前頻望 只留得人影彷徨 遠去的問候 亦已消失在...
    清風慕筱閱讀 423評論 0 0
  • 每天中午去外面吃午飯的時候,總要經過一家有名的整容醫(yī)院,有時候會看到出入醫(yī)院的妙齡女郎,面容姣好,身材健美,不禁會...
    Jane_gz閱讀 213評論 0 0

友情鏈接更多精彩內容