| layout | title | tags |
|---|---|---|
post |
标星 1 万的网页骨架屏生成库 |
前端 |
大家好，我是你们的章鱼猫。
现在不少网站都支持了骨架屏，能够在网页数据加载前，展示固定的布局，能够减少用户在进入网页时感受到白屏的不适感。
今天要给大家推荐一个标星 1 万的开源库：react-content-loader，它是基于 SVG 支持快速搭建网页骨架屏。
react-content-loader 有如下特点：
- ⚙️ 高定制化: 可随意的更改颜色、大小及闪动速度等；
- 👌 可插拔配置: 有很多的可插拔配置可以选择，详情可查看 http://danilowoz.com/create-content-loader/#gallery ；
- ✏️ 自己 DIY 定制: 通过使用 create-content-loader 可延展去创造你自己的骨架屏框架;
- 📱 原生 React 支持: 相同的 API 和功能支持;
- ⚛️ 非常轻量化: 只有不到 2kB大小，同时做到了零依赖;
安装和使用都很简单哦。
同时该开源库也提供了一个 UI，能够通过可视化的方式去构建你想要的骨架屏布局。体验网址：https://skeletonreact.com/
更多项目详情请查看如下链接。