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