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