简介
qz-tools 是一个前端开发人员使用的工具包，内含常用的 JavaScript 工具函数、DOM 操作函数等，能够帮助开发人员更加高效地进行前端开发。
安装
在命令行中输入以下指令进行安装：
npm install qz-tools --save
使用
在 JavaScript 中引用 qz-tools，如下所示：
import qzTools from 'qz-tools';
此时，qzTools 可以被当做一个对象使用，通过 . 访问对象内的各个方法。
常用工具函数
以下为 qzTools 内的常用工具函数：
isNumber(str)
判断传入的参数是否是数字，返回布尔值。
qzTools.isNumber('123'); // true
qzTools.isNumber('abc'); // falsegetDateFromUnixTime(seconds)
将 UNIX 时间戳转换成标准时间格式，返回字符串。
qzTools.getDateFromUnixTime(1601753125); // "2020-10-03 18:05:25"
getUrlParam(name)
获取当前 URL 中的参数值，返回字符串。
// 当前 URL 为 http://localhost:8080?page=2&name=qiu
qzTools.getUrlParam('page'); // "2"
qzTools.getUrlParam('name'); // "qiu"DOM 操作函数
以下为 qzTools 内的 DOM 操作函数：
createElement(tagName)
创建一个指定标签名的 DOM 元素，返回 DOM 对象。
let div = qzTools.createElement('div');
document.body.appendChild(div);addClass(element, className)
给 DOM 元素添加指定的 CSS 类名。
qzTools.addClass(div, 'container');
removeClass(element, className)
从 DOM 元素中删除指定的 CSS 类名。
qzTools.removeClass(div, 'container');
hasClass(element, className)
判断 DOM 元素中是否存在指定的 CSS 类名，返回布尔值。
qzTools.hasClass(div, 'container'); // false
示例代码
-- -------------------- ---- ------- ------ ------- ---- ----------- -- -------- ------------------------------------- -- ---- ------------------------------------------------------- ----------- --------- ----------------------------------------- -- --- -- -- --- ---- --- --- - ----------------------------- --------------------- ------------- --------------------------------- -------------- -- ---- ------------------------ ------------- --------------------------------- -------------- -- -----
总结
qz-tools 是一个实用性很强的工具包，内含许多常用的 JavaScript 工具函数和 DOM 操作函数，可以提高前端开发人员的工作效率，同时也可以帮助初学者更好地学习前端知识。希望本文对您的学习和工作有所帮助，感谢您的阅读！
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005739a81e8991b448e98b1