简介
booting.min.js 是一个小而强大的 JavaScript 库，可以用于实现网站 loaded/ready 时的动画效果。它的特色是体积小（压缩后只有 2KB）且易用。
安装
可以通过 npm 或者 yarn 安装 booting.min.js：
npm install booting.min.js # 或者 yarn add booting.min.js
也可以直接在 HTML 中引入：
<script src="https://cdn.jsdelivr.net/npm/booting.min.js"></script>
使用方法
1. 初始化配置
在使用之前需要初始化 booting：
booting.init({
color: '#fff', // 背景色
loader: {
type: 'spinner', // loader 类型（supports [spinner, pulse, wave])
color: '#000' // loader 颜色
}
})2. 显示和隐藏 booting
booting.show(); // 显示 booting.hide(); // 隐藏
3. 配置全局默认值
可以在初始化时通过 booting.setDefaults() 方法配置全局默认值，例如：
booting.setDefaults({
color: '#000',
loader: {
color: '#fff'
}
});4. 事件监听
booting 有 3 个事件，分别是 show, hide 和 remove。可以通过 booting.on() 方法监听这些事件，例如：
booting.on('show', () => {
console.log('show event emitted');
});示例代码
下面是一个简单的示例代码，演示了 booting 的使用方法：
-- -------------------- ---- -------
--------- -----
------
------
-------------- ------------
-------
---- -
----------------- --------
------ -----
---------- -----
-
--------
------- -----------------------------------------------------------
--------
--------------
------ ------ -- -----
------- - -- -- ------ --
----- --------
------ -------
-
---
---------------------------------------------------------- -- -- -
--------------- -- ------ ------- --
------------- -- -
--------------- -- - ----
-- ------
---
---------
-------
------
------------- -----------
-------
-------总结
booding.min.js 是一个小巧但功能强大的 JavaScript 库，可以方便地实现网站 loading 动画。通过本文的介绍，您可以轻松地学会如何使用 booting.min.js。希望本文能够对您前端开发的学习和实践有所帮助！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066bc1967216659e24419a