前端开发常用库

js数学工具

bignumber.js 大数浮点数运算

currency.js 货币值

官网译文版

• 实现货币值字符串量和数字量的转换
• 默认小数点后两位，默认逗号分隔符，$为默认货币符号
• 小数点符号亦可自定义
• 内部进行整数运算 避免js数值计算精度问题，值不应超过90,071,992,547,409.91
• 包含加减乘除和均分

lodash.js

大部分功能在 es6 中被实现或有建议替代

---

页面布局库

1. bootstrap
2. TailWindCSS

---

UI图形交互

Element-UI、AntD、View UI（iView）等系列UI组件

MATERIAL UI (React)
naive-ui （vue3）

vuetify 一个 vue 的组件框架 提供了一些预制组件

vant 移动端UI

// install latest Vant for Vue 3 project
npm i vant
// install Vant 2 for Vue 2 project
npm i vant@latest-v2

weui

库本身不强大 文档也欠维护
但是它提供了符合 微信风格 的样式，尚可一用

vanilla-tilt.js 带景深效果的晃动鼠标反馈效果

Clipboard.js 剪切板操作

自动复制

Driver.js 引导页库

typed.js 打字效果

---

js工具库

JQuery

js基础扩展

Day.js / Moment.js date日期增强

npm install dayjs

import dayjs from 'dayjs'

qs 一个轻量的 url 参数转换

js-cookie 一个简单的、轻量的处理 cookies 的 js API

文件处理

Excel 相关

• js-xlsx 处理excel

npm install xlsx

• luckyexcel 在线表格编辑工具

• SheetJS 读取、编辑和导出电子表格
  https://github.com/SheetJS/sheetjs 表格文件格式转换

在线 excel 工具
Handsontable 非商用免费
spreadjs 需要授权

图片相关

• tesseract.js 图像文字识别 OCR

• qrcode 生成二维码

• html2canvas 通过页面信息生成图片

PDF 相关

• pdfobject pdf预览
• pdfjs

文件压缩

• jszip

3D

vue-3d-model 3D模型预览

---

postcss

cssnano css更强大的压缩能力

normalize.css

---

绘图库

手绘风 canvas 图形 rough

动画库

1. Waves 点击波纹效果
   waves.min.css and waves.min.js

CSS动画库

1. Animate.css | 简单的元素进出动画
2. Hover.css | 各种悬停动画
3. magic.css | 各种原地秀的动画

JS动画库

1. animejs | 运动转换的动画
2. wowjs | 轻量级滚轮事件动画 基于animate.css
3. scrollReveal.js | 根据页面滚动显示动画 可设置动画播放次数
   scrollmagic

GASP 高性能动画
类似ppt动画操作

性能： GASP>CSS>jquery动画

视频播放器

dplayer
video.js
ckplayer

其他

ora 控制台loading动画 npm

dataV

uni-app

uni-ui