前端日常快速开发必备工具库
一、通用工具库(任何项目都能用)
- lodash
最常用 JS 工具库:防抖、节流、深拷贝、数组/对象处理、判空等。 - dayjs
轻量时间格式化,替代 moment,体积小、API 一样。 - axios
请求封装、拦截器、取消请求、统一错误处理。 - qs
对象转 URL 参数、解析参数字符串。
二、表单/验证/输入
- zod / schema-utils
TS 首选,数据校验、表单验证。 - validator.js
手机号、邮箱、URL 等字符串校验。
三、存储/缓存
- localforage
加强版 localStorage,支持异步、存大对象。 - js-cookie
Cookie 读写极简操作。
四、文件/下载/导出
- file-saver
前端纯 JS 下载文件。 - xlsx (SheetJS)
Excel 导入导出神器。 - jszip
前端打包生成 zip。
五、UI/交互/动画
- @vueuse / react-use
Vue/React 官方级常用 Hooks:useDark、useScroll、useDebounce 等。 - animate.css
开箱即用 CSS 动画。
六、字符串/加密
- crypto-js
MD5、AES 加密。 - uuid
生成唯一 ID。
七、图表/可视化
- echarts / antv
图表、数据大屏必备。
八、构建/效率工具
- Tailwind CSS
快速写样式,不用写 CSS。 - classnames
动态拼接类名,Vue/React 都常用。
一句话总结(面试版)
前端快速开发常用工具分为:
通用工具(lodash、dayjs)、请求(axios)、表单验证(zod)、存储(js-cookie)、文件处理(xlsx)、样式工具(Tailwind)、框架 Hooks(vueuse),能大幅减少重复造轮子,提升开发效率。
