前端开发常用工具库

61 阅读4分钟

1. 时间处理

  • dayjs

    • 轻量级的 JavaScript 时间处理库,API 与 Moment.js 类似,但体积更小(仅 2KB)。
    • 支持链式调用、国际化、插件扩展等功能。
  • momentjs

    • 经典的时间处理库,功能强大,支持日期解析、格式化、计算等。
    • 由于体积较大且开发已停止维护,推荐使用 dayjs 作为替代。

2. 请求处理

  • axios

    • 基于 Promise 的 HTTP 客户端,支持浏览器和 Node.js。
    • 提供拦截器、请求取消、自动转换 JSON 数据等功能。
  • superagent

    • 轻量级的 HTTP 请求库,支持链式调用和插件扩展。
    • 适用于简单的请求场景。

3. 图表库

  • echarts

    • 百度开源的图表库,支持多种图表类型(折线图、柱状图、饼图等)。
    • 功能强大,配置灵活,适合复杂的数据可视化需求。
  • d3

    • 数据驱动文档(Data-Driven Documents)库,适合创建高度定制化的数据可视化。
    • 学习曲线较高,但功能极其强大。
  • G6

    • 蚂蚁集团开源的一款专注于图可视化的 JavaScript 库,属于 AntV(蚂蚁数据可视化)系列的一部分。它主要用于展示和分析关系数据,例如社交网络、知识图谱、流程图等。
  • X6

    • 蚂蚁集团开源的图编辑引擎,专注于图编辑图分析场景。与 G6 不同,X6 更注重图的编辑能力,适合需要用户交互创建、修改图的场景,例如流程图设计、拓扑图编辑等。
  • jointjs

    • 用于创建交互式流程图、拓扑图、UML 图等的工具库。
    • 支持拖拽、连线、自定义样式等功能。
  • three.js

    • 运行在浏览器中的 3D 引擎,支持创建三维场景、模型、动画等。
    • 适合开发 3D 游戏、数据可视化等场景。
  • @antv/

    • AntV 是蚂蚁集团开源的数据可视化解决方案,包含 G2(图表库)、G6(图分析库)、L7(地理空间数据可视化)等。

4. 视频

  • xgplayer

    • 腾讯开源的 HTML5 视频播放器,支持多种视频格式和流媒体协议。
    • 提供丰富的插件和自定义功能。
  • video.js

    • 开源的 HTML5 视频播放器,支持自定义皮肤和插件扩展。
    • 兼容多种浏览器和设备。
  • flv.js

    • 基于 HTML5 的 FLV 视频播放器,支持将 FLV 格式视频转换为 MSE(Media Source Extensions)播放。

5. 动画

  • animejs

    • 轻量级的 JavaScript 动画库,支持 CSS、SVG、DOM 等动画。
    • 提供链式调用、时间轴控制等功能。
  • @tweenjs/tween.js

    • 用于创建平滑动画的库,支持缓动函数和动画队列。
  • pixi.js

    • 2D 渲染引擎,适合创建高性能的图形和动画。
    • 支持 WebGL 和 Canvas 渲染。

6. Node.js 服务框架

  • express

    • 最流行的 Node.js Web 框架,简单易用,支持中间件和路由。
  • koa

    • 由 Express 原班人马开发的下一代 Web 框架,基于 async/await,更轻量且更现代。

7. 安全

  • crypto-js

    • 提供多种加密算法(如 AES、SHA-256 等)的 JavaScript 库。
  • jsencrypt

    • 基于 OpenSSL 的 RSA 加密库,支持前端加密。
  • fast-safe-stringify

    • 安全地将 JavaScript 对象转换为字符串,避免循环引用问题。
  • xss

    • 用于防止 XSS(跨站脚本攻击)的库,支持过滤 HTML 和转义字符。

8. 文件处理

  • multer

    • 用于处理文件上传的 Node.js 中间件。
  • xlsx

    • 前端生成和读取 Excel 文件的库,支持多种格式(XLSX、CSV 等)。
  • jspdf

    • 用于生成 PDF 文件的库。
  • markdown-it

    • 将 Markdown 格式转换为 HTML 的库。
  • js-yaml

    • 用于 YAML 和 JSON 格式互转的库。
  • json2csv

    • 将 JSON 数据转换为 CSV 格式的库。
  • chokidar

    • 监控文件和文件夹变化的库,支持跨平台。

9. 日志

  • log4js

    • Node.js 通用的日志库,支持多种日志级别和输出格式。
  • winston

    • 功能强大的日志库,支持多种传输方式和自定义格式。
  • debug

    • 适用于 Node.js 和 Web 环境的轻量级调试工具。

10. 测试工具

  • jest

    • 流行的 JavaScript 测试框架,支持单元测试和快照测试。
  • karma

    • 测试运行器,支持多种浏览器和测试框架。
  • mocha

    • 灵活的测试框架,支持异步测试和多种断言库。
  • cypress

    • 端到端测试框架,支持实时重载和调试。

11. 微前端

  • qiankun

    • 基于 Single-SPA 的微前端解决方案,支持多框架集成和独立部署。

12. 编辑器

  • monaco-editor

    • VS Code 的在线编辑器核心,支持语法高亮、代码提示等功能。
  • quill

    • 功能强大的富文本编辑器,支持自定义模块和插件。

13. 其他工具

  • @storybook/

    • UI 组件的开发环境,支持隔离开发和测试。
  • lodash

    • JavaScript 实用工具库,提供数组、对象、函数等操作的便捷方法。
  • puppeteer

    • 用于控制 Chrome 或 Chromium 的 Node.js API,支持网页截图、PDF 生成、自动化测试等。
  • core-js

    • 将 ES6+ 代码编译为 ES5 的 polyfill 库。
  • prismjs

    • 代码高亮显示库,支持多种编程语言。
  • localForage

    • 本地存储库,基于 IndexedDB、WebSQL 和 localStorage。