8月已經(jīng)快要結(jié)束,近日,微信團(tuán)隊(duì)發(fā)布了本月微信小程序開發(fā)能力更新,下面為大家匯總,方便大家查看。
1、小程序渲染框架升級
為了進(jìn)一步優(yōu)化小程序性能、提供更接近原生的用戶體驗(yàn),微信團(tuán)隊(duì)在 WebView 渲染的基礎(chǔ)上,優(yōu)化渲染框架。該框架使用更精簡高效的渲染管線,同時在 AppService 中劃出一個獨(dú)立的上下文,運(yùn)行之前 WebView 承擔(dān)的 JS 邏輯、DOM 樹創(chuàng)建等邏輯,實(shí)現(xiàn)更優(yōu)秀的特點(diǎn):
更高的渲染性能:更精確控制節(jié)點(diǎn)渲染,保證更高的渲染性能,首次渲染耗時減少 66%
更低的內(nèi)存占用:僅有 AppService 線程,降低內(nèi)存占用,實(shí)現(xiàn)頁面內(nèi)存占用減少 35% 以上
更快的樣式計(jì)算:通過精簡 WXSS 特性大幅簡化樣式計(jì)算的流程,實(shí)現(xiàn)更快的樣式計(jì)算性能
更高的組件性能:內(nèi)置組件的行為更接近原生體驗(yàn),提供更好的性能和交互體驗(yàn)
更豐富的擴(kuò)展能力:支持 Worklet 動畫、手勢系統(tǒng)等重要的組件能力,滿足交互開發(fā)需求
2、root-portal 組件
使整個子樹從頁面中脫離出來,類似于在 CSS 中使用 fixed position 的效果。主要用于制作彈窗、彈出層等。
示例:
3、scroll-view 支持配置 passive
示例: