2021-03-29

課程規(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

  1. 尺寸單位 rpx
  2. 禁止內(nèi)聯(lián)樣式
  3. 選擇器:統(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();
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 1.傳統(tǒng)權(quán)限:rwx。 -r,可以讀取,ls -w可以寫, -x可以執(zhí)行, 2.特殊權(quán)限:SUID,執(zhí)行這個(gè)程序時(shí)...
    TnC_a1f7閱讀 192評(píng)論 0 0
  • 第二周作業(yè)(3月29) 1、從三個(gè)方面簡(jiǎn)述Linux中的權(quán)限體系,如傳統(tǒng)權(quán)限、特殊權(quán)限、訪問控制acl linux...
    sheir閱讀 208評(píng)論 0 0
  • 1.從三個(gè)方面簡(jiǎn)述Linux中的權(quán)限體系,如傳統(tǒng)權(quán)限、特殊權(quán)限、訪問控制acl a.傳統(tǒng)權(quán)限:讀r,寫w,執(zhí)行x。...
    e7cb3918699f閱讀 390評(píng)論 0 0
  • 寫在有道筆記上,uni項(xiàng)目實(shí)踐,轉(zhuǎn)過來(lái)格式不太好看,先做此記錄吧。 看了uniapp多端開發(fā),感覺不錯(cuò),還有模板商...
    YellowPoint閱讀 2,554評(píng)論 0 1
  • 將如下文件夾進(jìn)行拷貝到新機(jī)器上,重啟xcode即可 代碼塊:~/Library/Developer/Xcode/U...
    我是小胡胡123閱讀 519評(píng)論 0 0

友情鏈接更多精彩內(nèi)容