Skip to content

常用工具库整理

收集个人使用过或遇到的类库

工具库

  • lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库
  • ramda 专为函数式编程而设计的工具库
  • qs 带有一些附加安全性的请求参数 parsestringify

时间处理

  • moment JavaScript 日期处理类库
  • dayjs 一个轻量的处理时间和日期的 JavaScript 库,和 Moment.js 的 API 设计保持完全一样
  • date-fns 轻量级的 JavaScript 日期库,纯函数实现支持模块化
  • lunar-javascript 支持阳历、阴历、佛历和道历的日历工具库

请求处理

  • axios 是一个基于 promiseHTTP 库,可以用在浏览器和 node.js

精度处理

字符串处理

  • change-case 快速转换字符串格式,支持 camelCase, PascalCase, Capital Case, snake_case, param-case, CONSTANT_CASE
  • emoji-regex 匹配 emoji 的正则表达式

动画

  • typed.js 动态打字效果
  • tween.js 补间动画引擎
  • lottie 基于跨平台动画渲染库,用于解析使用 Bodymovin 导出为 jsonAdobe After Effects 动画
  • gsap GreenSock 动画平台(GSAP)可以对 JavaScript 可以操作的所有内容进行动画处理

特效

本地存储

滚动处理

  • better-scroll 重点解决移动端(已支持 PC)各种滚动场景需求的插件

事件处理

  • hotkeys-js 用于捕获键盘输入和输入的组合键

图片处理

文件处理

  • FileSaver.js 保存/下载文件(受 blob 的大小和内存限制)
  • StreamSaver.js 保存/下载文件(不受 blob 的大小和内存限制)
  • sheetjs 用于 Excel 的读取和导出
  • node-fs-extra Node fs 模块 的增强(如 promise 的支持)
  • rimraf 用于删除文件和文件夹,类似 rm -rf
  • glob 文件查找
  • globby 使用更友好的文件查找(支持 promise、否定模式、ignore 文件配置等)

版本号处理

  • semver 语义化版本解析器

数据校验

富文本

代码编辑器

  • monaco-editor 微软开源的基于 VSCode 的代码编辑器。支持智能提示、代码高亮、代码格式化等。

轮播

  • swiper 高性能的触摸滑动插件,支持 Javascript Vue 3 React AngularJS Solid Svelte
  • vue-awesome-swiper 基于 swiper 封装的 Vue 组件,支持 Vue 2Vue 3

表格

  • ag-grid 功能齐全的高性能表格,支持 Javascript Vue React AngularJS Web Components

用户体验

Webpack

解析相关

  • cheerio 为服务器特别定制的,快速、灵活、实施的 jQuery 核心实现,可以解析任何 HTMLXML 文档

自动化工具

  • puppeteer 控制 Chromium 的自动化工具
  • playwright 支持 Firefox / Chrome / WebKit(Safari) 三大浏览器的自动化工具

lint / 格式化相关

相关辅助工具

  • husky Git Hooks 工具,让你操作 Git Hooks 变得更容易
  • lint-staged 只对 Git 暂存文件运行 lint 从而提高速度
  • commitizen commit 辅助工具,获得有关提交消息格式的即时反馈

CLI 相关

  • zxJavaScriptTypeScript 编写简单的命令行脚本
  • inquirer 交互式命令行工具
  • enquirer 交互式命令行工具(更好看)
  • shelljsUnix ShellNode.js API 层的轻量级实现,可以很方便的调用系统命令
  • execa Node child_process 模块的增强(如 promise 的支持、移除输出中最后的换行符等)
  • npm-run-all 用于并行或串行执行多个 npm 脚本
  • commander.js 编写指令和处理命令行
  • yargs 命令行参数解析
  • plop 轻量级的项目搭建生成工具
  • dotenv.env 文件加载环境变量到 process.env
  • dotenv-expand dotenv 的变量扩展,使 .env 文件支持变量语法
  • simple-gitnode 中执行 git 命令
  • cosmiconfig 搜索并加载配置文件(会查找 package.json 的配置项以及 name.[rc, json, .yaml, yml, js, cjs] 文件)

命令行输出美化

  • chalk 修改控制台内容输出的样式
  • ora 命令行 loading 效果

文档

  • VuePress Vue 驱动的静态网站生成器
  • dumi 基于 Umi 为组件开发场景而生的文档工具
  • Docusaurus 基于 React 的静态网站生成器

赣ICP备2023003243号