骨架屏
收藏
我的收藏简介
骨架屏是页面的一个空白版本,通常会在页面完全渲染之前,通过一些灰色的区块大致勾勒出轮廓,待数据加载完成后,再替换成真实的内容。
通过小程序框架提供骨架屏机制,能比业务中创建的骨架屏加载时机更靠前,使用这一机制,可以减少用户的白屏等待时长,给用户带来更好的体验。
创建骨架屏
为了开发的便利,UDE 将提供多种方式创建骨架屏,包括自动生成骨架屏代码的能力,手动编写 sk 文件生成骨架屏 。
手动创建 sk 文件
SK
文件是框架骨架屏的模板文件,文件命名为*.sk
,由template
和style
两部分组成。其中
template
标签中为标准的 HTML
子集,仅支持div
标签和 id
、class
、style
三个属性;style
为标准的 CSS
。
自动创建
除了手动编写,IDE 还支持自动生成骨架屏代码的能力,支持根据开发者的配置生成骨架屏。