收集的npm实用库

59 阅读2分钟

记录一下平时收集的npm库

记录一些实用性比较强的npm库,在浏览器环境中可以用到。

百万级周下载的库

lodash:知名的js工具库,常用的方法有cloneDeep深考虑、debounce防重复点击等

color:使用js处理颜色色值

dayjs:轻量化的moment,处理时间,可以安装插件来扩展功能

nanoid:轻量化的uuid,常用语生成唯一字符串

uuid:重型nanoid,生成的唯一字符串更加可靠,重要数据场景中推荐使用uuid

ramda:函数化编程所需要使用的库,也可以当做一般的js工具库(类似于lodash),(曾经花了比较多的时间来学习,但是不好在工作中推广,学习成本比较高)

rxjs:angular中用于替代promise的库,功能非常强大,不过需要一些学习成本

decimal.js:一个数字计算的库,在js中需要精确计算时必备

core-js:含有大量api-pollyfill的库,一般会在打包工具内使用,如果你遇到了浏览器不支持某api的情况,可以在这个库里找找有没有对应的pollyfill

lodash-es:大名鼎鼎的lodash库的es module版本

xss:如其名,是一个过滤文本并防止xss攻击的库

fast-glob:常用于匹配文件名,类似于正则的功能

dompurify:净化世界的库,支持净化文本,也可以净化window对象和dom对象,支持配置多,而且还支持设定hook

events:如其名,可以定义一些自定义事件,发送和接收消息

mitt:与events类似,也是可以发送和接收消息

yallist:知名(6000w周下载)的链表实现库

rfdc:极速深度拷贝的实现库,在react中应该可以用到

react-hook-form:react中可用于便利处理表单的库

几十万但依然好用的库

qrcode:可以将文本转成二维码图片的库,常用于将链接转为二维码

sortablejs:可以实现列表项拖拽功能的库,有对应的vue组件版本(vuedraggable),使用时需要一些学习成本

@braintree/sanitize-url:可用于消除url中可能含有的xss攻击

quill:一个可以实现富文本编辑的库

mobx:可以用于react状态管理的库

styled-components:可在react中用js的方式写样式。

在国内受关注的库

qiankun:国内知名的实现微前端的框架

@micro-zoe/micro-app:京东开源的微前端框架,据说比qiankun好用