绿足 博客

一. 骨架屏简介 简单来说， 骨架屏就是填充了背景等特效的真实页面手稿轮廓图。 它可以是精确/粗略的描述了页面各个元素大小，形状，位置占位的一种页面真实数据渲染加载前的排版。 目的是加载页面过程中给用户一种较好体验的过渡效果，降低用户的焦灼情绪。避免页面过大/网络过慢长时间白屏或者闪烁。二. 骨架屏的实现方案目前生成骨架屏的技术方案大概有三种：使用图片，svg 或者手动编写骨架屏代码：...

背景我们会遇到一些情况， 当前的项目不需要服务端渲染， 那么我们又当如何快速自动化生成骨架屏呢？带着这个问题，本章将带大家一起使用另一个美到粗暴的方式： 通过webpack 插件来实现骨架屏效果。设计思想这里假设你的项目是通过webpack 构建生成的静态部署资源。 并且你的构建过程中...