Vue 项目中的骨架屏实现是什么原理?

2019-03-16 09:58:28 +08:00
 ashinas
RT,骨架屏相关的问题。这两天也百度了一下,概念还是比较抽象。有没有大神简单讲解一下,前端新人一枚。
6742 次点击
所在节点    编程
2 条回复
stiekel
2019-03-16 10:44:47 +08:00
分两个阶段,一个是框架加载前的,二是框架加载后的。
框架加载前的,需要服务器端分析路由后,加载对应的骨架屏文件或配置,然后放在 <div id="app"></div> 中。
框架加载后的,可以在前端完成,分析路由后加载骨架屏文件或配置。
whypool
2019-03-16 11:51:08 +08:00
一个伪类而已
div:empty{这里没有内容的时候就展示框架结构,一般是 css 画出来的,还可以加动画效果}

这是一个专为移动设备优化的页面(即为了让你能够在 Google 搜索结果里秒开这个页面),如果你希望参与 V2EX 社区的讨论,你可以继续到 V2EX 上打开本讨论主题的完整版本。

https://www.v2ex.com/t/545194

V2EX 是创意工作者们的社区,是一个分享自己正在做的有趣事物、交流想法,可以遇见新朋友甚至新机会的地方。

V2EX is a community of developers, designers and creative people.

© 2021 V2EX