实现原理
分析网页Dom树节点,通过Puppetter工具生成html、css代码。

一、安装 create-skeleton-quickly

二、 使用方法

打开网页可视化工具

npm i create-skeleton-quickly -g
csq run 5000
  1. 通过配置文件生成骨架屏
    `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