前端好用的第三方功能库

前端好用的第三方功能库

npm 地址

1. pixelmatch 图片对比库
   最小、最简单和最快的JavaScript像素级图像比较库，最初创建用于在测试中比较屏幕截图。
2. react-viewer 图片拖动、放大、缩小展示库
3. husky 代码提交的钩子函数(yorkie 是基于 husky 封装的一个)
   
4. nanoid、uuid 随机唯一 id
5. lint-staged

   	"gitHooks": {
           "pre-commit": "lint-staged"
       },
       "lint-staged": {
           "*.{ts,tsx,js,jsx}": [
               "eslint --fix",
               "prettier --write",
               "git add"
           ],
           "*.{less,css,json}": [
               "prettier --write",
               "git add"
           ]
       },
   

6. copy-to-clipboard
   复制内容至粘贴板

   import copy from 'copy-to-clipboard';
   
   const handleCopy = () => {
       if (copy(value)) {
           message.success('复制成功，可直接粘贴');
           onCancel();
       } else {
           message.error('复制失败');
       }
   };
   

7. query-string
   处理query的各种操作
8. wkhtmltopdf
   html 转 PDF
   用法 wkhtmltopdf --page-width 297 --page-height 210 --margin-left 0 --margin-right 0 --margin-bottom 0 --margin-top 0 file.html file.pdf
9. anywhere
   随时随地将你的当前目录变成一个静态文件服务器的根目录。
   
10. vconsole 用于在移动端浏览器查看控制台信息，便于排查问题