小程序开发(2)-之app.js、app.wxss、project.config.json说明
#app.js
小程序的入口文件,也可以說是一個全局的變量,因為我們經(jīng)常會在一些頁面里這樣使用它const app = getApp();
我們可以在這里做一些初始化的操作,每次啟動小程序的時候,都會先執(zhí)行一邊這里,可以對一些常用的全局變量進(jìn)行一個存放,賦值到app對象上,另外一些登錄操作也可以在操作,獲取系統(tǒng)的信息等
在這里我們比較常用的是globalData,用來存放一些全局的數(shù)據(jù)或自定義的數(shù)據(jù),更多具體的生命周期鉤子函數(shù)可以看官方說明
?
#app.wxss
小程序的全局樣式文件,一些自定義的樣式文件可以在一開始的時候進(jìn)行一個引入,這樣不用每個頁面的wxss文件都引入一遍,下圖是我們項目的app.wxss引入的文件,主要的是global.wxss
#global.wxss
global.wxss定義了一些常用的顏色值、字體大小、字重、常用內(nèi)外邊距、層級、陰影、全局的
類名,wxss變量我們是用--sd來定義的,這樣一個是方便查找、也一目了然, 如果需要更換ui
的顏色、邊距、字體大小這些,只需要更改全局的樣式變量,方便省心
?
?
#project.config.json
project.config.json的話需要說的不多,從字面上也能了解,例如更換appid、名稱、庫的版本等可以在這里修改,但有一個功能點一定要說下,因為每次修改代碼的時候,都會熱更新界面,一般默認(rèn)普通編譯都是首頁,也就是app.json中主包的第一個頁面,那為了我們調(diào)試方便,我們會定義一些頁面的路徑,也就是project.config.json->condition->miniprogram,我們可以在這里配置,也可在微信開發(fā)者工具下配置,會生成到我們這個文件里面,需要調(diào)試特定頁面就選擇一個即可,如圖三所示,可以添加名稱、路徑、參數(shù)等
#圖一
#圖二
#圖三
?
創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎勵來咯,堅持創(chuàng)作打卡瓜分現(xiàn)金大獎總結(jié)
以上是生活随笔為你收集整理的小程序开发(2)-之app.js、app.wxss、project.config.json说明的全部內(nèi)容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 一键快速生成 Vue 的 HTML页面结
- 下一篇: 图片本地缓存