10-微信小程序-骨架屏

链接： https://developers.weixin.qq.com/miniprogram/dev/devtools/skeleton.html

有些时候在我们的页面中有大量数据或者图片加载,如果不做任何处理,整个进入加载的用户体验会很差很难看

第一种为增加菊花加载或其它样式的加载按钮,在数据加载完成后隐藏

第二种就是骨架屏形式,现在小程序已经支持快速生成骨架屏,用起来相当方便.

骨架屏 Skeleton Screen Loading 也叫加载占位图，是近年流行的加载控件，通常表现形式是在界面上待加载区域填充灰色的占位图，与线框图的效果非常相似。Skeleton Screen本质上是界面加载过程中的过渡效果。

适用于布局排版固定的内容区域

骨架屏所展现的是内容的大概轮廓，如果内容布局和排版不是固定的，那么轮廓和内容布局的巨大差异，不仅不能给用户顺畅和期待感，反倒会造成落差。

因此骨架屏适用于布局排版固定的内容区域，例如列表、文章、个人信息。

注意：如果内容区域有空页面的情况，也不建议使用骨架屏。

骨架屏是页面的一个空白版本，通常会在页面完全渲染之前，通过一些灰色的区块大致勾勒出轮廓，待数据加载完成后，再替换成真实的内容。通常在小程序中，我们需要手工维护骨架屏的代码，当业务变更时，同样需要对骨架屏代码进行调整。为了开发的便利，开发者工具提供了自动生成骨架屏代码的能力。

骨架屏的使用越来越广泛。在微信小程序中使用骨架屏如果自己实现，不同的页面对应不同的骨架屏，会有一定难度；不过，微信小程序已经提供生成骨架屏功能，使得我们在开发中非常方便。

---