用戶
 找回密碼
 立即注冊

QQ登錄

只需一步,快速開始

掃一掃,登錄網站

小程序社區 首頁 教程 新手教程 查看內容

微信小程序開發需要注意的一些規范

Rolan 2019-5-5 00:42

出現 JavaScript 異??赡軐е滦〕绦虻慕换o法進行下去,我們應當追求零異常,保證小程序的高魯棒性和高可用性,相信這一點一般情況下都不會出現,需要注意的是代碼測試中多場景的試錯。2.合理控制圖片的大小圖片太 ...

出現 JavaScript 異??赡軐е?a href="http://www.0660028.live/" target="_blank" class="relatedlink">小程序的交互無法進行下去,我們應當追求零異常,保證小程序的高魯棒性和高可用性,相信這一點一般情況下都不會出現,需要注意的是代碼測試中多場景的試錯。

2.合理控制圖片的大小

圖片太大會增加下載時間和內存的消耗,應根據顯示區域大小合理控制圖片大小。 一般情況下圖片較大的,我們應該都會選擇直接放在服務器上,直接拿到地址,但是官方說這樣讀取的圖片: 存在網絡圖片資源未開啟 HTTP 緩存控制 ,這是個什么意思,我也未完全弄懂。

3.小程序所有請求應響應正常

請求失敗可能導致小程序的交互無法進行下去,應當保證所有請求都能成功。然而,請求成功只是第一步,還可能存在的問題就是請求的耗時太長、存在短時間內發起太多的請求這樣的情況,一方面是后臺人員的接口寫的爛,一方面就是需求使然(技術半吊子,還想安全的產品經理會有這種讓你去指定地方請求的情況),比如在阿里云OSS存儲的一些json數據。。。。

4.避免setData的數據過大且避免setData的調用過于頻繁。

由于小程序運行邏輯線程與渲染線程之上,setData的調用會把數據從邏輯層傳到渲染層,數據太大會增加通信時間. setData接口的調用涉及邏輯層與渲染層間的線程通過,通信過于頻繁可能導致處理隊列阻塞,界面渲染不及時而導致卡頓,應避免無用的頻繁調用.

5.避免將未綁定在 WXML 的變量傳入 setData

setData操作會引起框架處理一些渲染界面相關的工作,一個未綁定的變量意味著與界面渲染無關,傳入setData會造成不必要的性能消耗。 這一條我想是很多開發人員在初次接觸小程序開發的時候都會犯的一個錯誤吧。因為剛開始的時候由于這種setData的語法,讓我們忘了還有全局變量的使用,于是會經常出現使用Page中定義的data做中間過渡。

6.wxss 覆蓋率較高,較少或沒有引入未被使用的樣式

我們應該按需引入 wxss 資源,如果小程序中存在大量未使用的樣式,會增加小程序包體積大小,從而在一定程度上影響加載速度。 這個也是比較常見的一種不規范,寫了很多CSS樣式,很多不用的就留來了代碼里面,越來越多,所以在編寫代碼過程中,盡量去對每一行代碼(特別是自己寫的)了如指掌。

7.避免首屏時間太長的情況

首屏時間是指用戶開始看到第一屏的內容的時間,首屏時間太長會導致用戶長時間看到的都是白屏,會一直等待有意義的內容展示出來。出現這一情況,應仔細檢查這個過程都有哪個操作,一般來說,可能是請求數據的時間太長,或者是一次渲染的數據太大導致渲染時間太長。

這些東西是我感覺比較常見且容易修改的,其它還存在一些規范,不妨打開微信開發者工具,點擊 Audits ,對你寫的代碼進行一個測試,測試結果會讓你很好的處理自己的代碼。That's really cool!

鮮花
鮮花 (1)
雞蛋
雞蛋

剛表態過的朋友 (1 人)

分享至 : QQ空間
收藏
原作者: 六個周 來自: 掘金
上证指数十年走势图