taro-plugin-skeleton
配合index.config使用
單獨寫骨架屏頁面,與原有業務耦合度較低。
當頁面渲染固定元素,骨架屏會被遮擋
原理:攔截原有小程序底層頁面,使用骨架屏頁面替換。
當小程序View 沒有渲染的時候展示骨架屏,小程序View展示會遮擋住骨架屏頁面。
缺點:
上拉下拉會露出骨架屏頁面。
骨架屏頁面需要單獨寫樣式。
taro-skeleton
骨架屏組件,封裝了基礎樣式
可以根據業務定制骨架屏。
缺點:
與業務耦合度較高,需要單獨寫骨架屏邏輯。
page-skeleton-webpack-plugin
h5 可用,自動生成骨架屏
原理:
依賴 html-webpack-plugin 對html進行計算,替換dom。