骨架屏

收藏
我的收藏

简介​

骨架屏是页面的一个空白版本,通常会在页面完全渲染之前,通过一些灰色的区块大致勾勒出轮廓,待数据加载完成后,再替换成真实的内容。​
通过小程序框架提供骨架屏机制,能比业务中创建的骨架屏加载时机更靠前,使用这一机制,可以减少用户的白屏等待时长,给用户带来更好的体验。​
关于骨架屏的更多介绍,可以参考框架骨架屏。​

创建骨架屏​

为了开发的便利,UDE 将提供多种方式创建骨架屏,包括自动生成骨架屏代码的能力,手动编写 sk 文件生成骨架屏。​

手动创建 sk 文件​

SK 文件是框架骨架屏的模板文件,文件命名为*.sk,由templatestyle两部分组成。​
其中template标签中为标准的 HTML 子集,仅支持div标签和 idclassstyle三个属性;style为标准的 CSS。​

自动创建​

除了手动编写,IDE 还支持自动生成骨架屏代码的能力,支持根据开发者的配置生成骨架屏。​