微信小程式開發規範文件 注意事項

2022-04-03 06:22:59 字數 888 閱讀 6248

乙個頁面的資料如果需要被其它頁面修改,則把這個頁面的資料放入storage裡。

目錄結構符號

js模組引入請使用import關鍵字,而非require,wxml引入模板用標籤,wxss使用@import語法,三者統一

所有方法和變數名稱都使用小寫camel模式,一般是動詞+名詞形式,盡量不要超過5個單詞,如:getlist,setbackimage

所有用到的常量的地方都使用全大寫,下劃線分隔的形式,如:egg_che

使用this轉換的地方,統一使用that,如:let that = this; 盡量使用箭頭函式,可保留this指向

所有自定義方法(onload,onshow等系統方法除外)必須使用規範注釋語法進行注釋

在page和model裡定義方法的時候,直接使用getlist(){} 即可,中間可以不用加function關鍵字

**精簡

小程式宣告週期函式裡(onload,onready,onshow,onhide,onunload等)不要直接寫複雜業務邏輯,複雜業務邏輯獨立成方法,這裡只負責方法呼叫。

modal

所有資料處理必須封裝到model裡面,包括url位址,引數格式化,返回結果格式化都放到model裡面,在page裡使用的時候,基本不用做過多資料處理,一般都直接setdata皆可,model規範請參考前面的說明。

公用**抽取

如果1個功能在超過乙個地方出現,那請實現為公用元件,元件實現請參考前面的說明。

在wxml模板裡,如果同時有2個迴圈中都使用到了同樣的**片段,請使用template的方式定義,然後直接使用即可,不能重複寫.

空資料處理

所有地方都需要有對介面返回空資料的處理,介面上要有相應的提示和引導。

其它的可以定義規範的loading,成功失敗提示等,這裡不多說了.

微信小程式開發注意事項

安裝過程next完成即可。1.安裝nodejs 開啟msi檔案next選擇安裝的位置d nodejs,最後完成即可 完成後環境變數path會自動新增d nodejs 完成後開啟cmd驗證node的版本號 在cmd視窗執行以下兩條命令 npm config set prefix d nodejs no...

微信小程式開發規範文件 專案結構

專案結構 project 根目錄 images 小圖示 pages pages目錄 utils 工具,包檔案目錄 project.config.json 專案的編輯器配置頁面目錄 1.由歷史原因和個人習慣導致目錄命名不統一,語義不清晰,不同成員在維護時難以快速識別。示例 錯誤的寫法 pages ab...

微信小程式注意事項

1.setdata 小程式檢視層和邏輯層在兩個獨立的模組,並不具備資料直接傳遞的,setdata相當於他們的橋梁。常見的setdata操作錯誤有三種。1 頻繁的去setdata 在開發過程中,盡量少的去setdata,大量的setdata資料會導致頁面卡頓或下拉延時等。2 setdata大量新資料 ...