实现原理
分析网页Dom树节点,通过Puppetter工具生成html、css代码。
一、安装 create-skeleton-quickly
二、 使用方法
打开网页可视化工具
npm i create-skeleton-quickly -g
csq run 5000
- 通过配置文件生成骨架屏
`
asp
csq init // 在当前文件夹创建skeleton.config.js
csq start // 开始生成骨架屏代码
3. 通过扩展方法
```asp
const DrawPageStructure = require('create-skeleton-quickly');
new DrawPageStructure({
isAnimation: true,
background: '#ecf0f2',
pages: [
{
url: 'https://www.baidu.com',
},
],
})
.start()
.then(html => {
console.log(html);
});
代码及工具的使用请移步 Github
http://github.com/Peroluo/create-skeleton-quickly
欢迎PR和Star!
文档更新时间: 2022-10-11 17:46 作者:admin