简介
nutty-util 是一个 npm 包,提供了很多常用的前端工具函数,比如常见的字符串处理、日期格式处理、数组处理、以及一些便捷的工具函数等等。使用这个包可以让前端开发变得更加高效。
安装
安装 nutty-util 可以使用 npm 命令:
npm install nutty-util --save
安装完成后可以在项目中引用使用。
常用 API
这里列出一些比较常用的:
深克隆
使用 Object.assign()、JSON.stringify() 等方式时容易出现浅克隆的问题,这时 nutty-util 里的 deepClone 函数可以帮助我们实现深克隆。
import { deepClone } from 'nutty-util' let obj = {name: '张三', age: 18} let cloneObj = deepClone(obj)
array 数组去重
import { distinct } from 'nutty-util' let arr = [1, 2, 3, 1, 1, 2, 4] let arr2 = distinct(arr) console.log(arr2) // 输出 [1, 2, 3, 4]
将字符串转换成首字母大写的格式
import { titleCase } from 'nutty-util' let str = 'hello world' let str2 = titleCase(str) console.log(str2) // 输出 'Hello World'
时间格式化
import { formatDate } from 'nutty-util' let date = new Date() // 当前时间 let date2 = formatDate(date, 'yyyy-MM-dd hh:mm:ss') console.log(date2) // 输出 2020-03-28 20:00:00
防抖和节流
-- -------------------- ---- ------- ------ - --------- -------- - ---- ------------ -- -- --- -- - ----------- -- - -- --- -- ----- -- -- --- --- - ----------- -- - -- --- -- -----
结语
nutty-util 提供了很多常用的工具函数,减少了前端开发中的一些不必要的代码编写。不仅如此,它也为我们提供了一个思路,即我们在编写自己的 npm 包时,应该提供更加优良的 api,让使用者的代码更加简洁易懂。
参考文献
- nutty-util github 仓库
- 防抖和节流
- Javascript种字符串转小写和大写的方法
- Javascript截取时间中年月日时分秒的方法汇总
- JavaScript 专题之跟着 underscore 学防抖
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/6005530781e8991b448d0668