微信小程式注意事項

2022-07-11 00:36:15 字數 964 閱讀 6465

1.setdata

小程式檢視層和邏輯層在兩個獨立的模組,並不具備資料直接傳遞的,setdata相當於他們的橋梁。常見的setdata操作錯誤有三種。

(1)頻繁的去setdata:在開發過程中,盡量少的去setdata,大量的setdata資料會導致頁面卡頓或下拉延時等。

(2)setdata大量新資料:我們從setdata底層可知,每次setdata都會生成乙個指令碼,資料量大會導致指令碼的編譯執行時間太長,占用webview js 執行緒。

(3)後台態頁面進行setdata:在wxml裡沒有用到的變數等最好不要setdata,可以設定乙個全域性變化,後台態頁面setdata會搶占前台頁面資源。

2.

目前資源的主要效能問題在於大和長列表上,這兩種情況都有可能導致 ios 客戶端記憶體占用上公升,從而觸發系統**小程式頁面。

3.**包大小的優化

小程式對於**包大小是2018kb,對於開發者來說,要注意:

(1)兩個以上頁面要封裝。

(2)不使用的**和資源要及時清除。

(3)能用字型圖示代替的盡量少使用。

4.button按鈕不能自定義樣式

因為你寫了type屬性,只要不寫type屬性,可隨意變更button樣式

5.不能跳轉頁面的時候記得檢視一下跳轉的頁面是否是tabbar頁面,如果是,只能用switchtab來跳轉

6.裡面包含:預設啟動頁面/tabbar 頁面,以及一些所有分包都需用到公共資源/js 指令碼

微信小程式開發注意事項

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

微信小程式測試策略和注意事項

一 測試前準備 環境搭建 1.前端頁面 2.管理後台 配置內網測試伺服器環境,通過 pc 端 web 站點管理小程式前端的輸出內容,可從開發人員獲取管理賬號進行測試 二 測試範圍 1.許可權測試 2.功能測試 1 按功能模組測試 根據設計好的各個大類功能模組劃分,然後再逐級細化,覆蓋到每個功能盡可能...

微信小程式自定義元件注意事項

自定義元件官方文件介紹 component元件官方文件介紹 在components資料夾下新建目錄select,建立select下拉選項卡元件 select.wxml檔案 tips 1 animation 是下箭頭的動畫效果 2 data index 是當前元素被點選時的索引 3 selecttog...