課程規(guī)劃小程序
安裝依賴
npm install
開發(fā)環(huán)境啟動
npm run dev:mp-weixin
構(gòu)建生產(chǎn)環(huán)境
npm run build:mp-weixin
項目規(guī)范
目錄及命名規(guī)范
【Pages目錄】頁面級目錄
planPages
-- moudle_loading
-- src
-- loading
-- report_loading
-- module_core
-- src
-- curriculum_planning
主包/子包目錄下豪硅,為各頁面級目錄凌彬,文件夾名稱為各模塊名(moudle_ + 模塊名),文件夾下一級文件為頁面(小駝峰)昔案!
【Components目錄】頁面級目錄
components
-- no-data
-- question
components目錄下黄锤,為公共組件肠缨,文件夾名稱為組件名(橫杠分隔)佩憾,文件夾下一級文件為組件(橫杠分隔)掩蛤!
css規(guī)范
格式命名規(guī)范 參考:百度FEX前端團(tuán)隊 css 規(guī)范
用法規(guī)范 參考:WXSS
- 尺寸單位 rpx
- 禁止內(nèi)聯(lián)樣式
- 選擇器:統(tǒng)一使用枉昏,class和id 選擇器,禁用標(biāo)簽選擇器
globalData 規(guī)范
globalData是小程序中一種簡單的全局變量機(jī)制揍鸟,被uni-app重新實現(xiàn)兄裂,全端通用!具體內(nèi)容請參考:uni-app globalData
全局變量機(jī)制阳藻,支持了極簡版的跨頁通訊晰奖,但是同樣帶來了一定的維護(hù)問題!基于此腥泥,這里定義了項目中g(shù)lobalData的使用規(guī)范匾南,并在項目支持全局log globalData!
// main.js
app.prototype.log = () => {
console.log(getApp().globalData);
};
// xxx.vue
this.log();