目录
JavaScript 实用工具库
lodash
underscore
outils
GitHub - proYang/outils: 前端业务代码工具库
(业务代码工具库,可以按需引入,点击可直接查看函数的实现。易学易用,个人觉得值得推荐。)
ramda
(国外的一个工具库,只是了解,不常用。)
常用动画库、图表汇总(常用)
animejs
(推荐,压缩后仅7kb, 易用,能实现较复杂的效果)
animista
(推荐尝试,自定义动画神器,有了它可以随心所欲的生成css动画代码,再copy到项目中,有效减少多余的未使用的css代码)
animate.css
https://github.com/animate-css/animate.css
three.js
https://github.com/mrdoob/three.js/
(实现3d动画,基于WebGL)
d3js
(数据可视化库、兼容性好)
echarts
Chart.js
highcharts
npm库集合
查npm的下载情况
(输入npm包名,多个包名用逗号隔开,点击Show charts即可查询,可展示天、周、月、年的数据)
npm包下载量对比
常用的npm包
vuex-persistedstate、vuex-persist 、 js-cookie
、 budo 、 anywhere 、 http-server 、 lodash、echarts、dayjs、screenfull、qrcodejs2、clipboard、vue-clipboard2、nprogress、downloadjs、crypto-js、md5、uuid、mockjs、pdfkit、node-html-pdf、winston(日志服务)、mockjs、vue-quill-editor、node-cron(定时任务)、lru-cache(页面缓存)、chokidar(文件监控)、dotenv-defaults(支持默认值的 dotenv 系统,和devalue类似)、classnames、querystring、vue-lazyload、terser-webpack-plugin、webpack-bundle-analyzer、compression-webpack-plugin
前端监控、埋点
growingio
(简称gio,埋点统计,数据可视化不错,使用的公司较多。)
fundebug
(付费产品,能支持js、nodejs、小程序、java等。如果有条件自研的话,可以参考这个)
sentry
sentry.io(自动报告错误和异常)
sonar
前端质量代码扫描神器(推荐,很多公司有使用,能兼容不同语言。扫描找出代码中潜在的bug)
kibana
功能类似sentry, 在服务端的错误上报。
pinpoint
(统计、监控接口情况的工具)
阿里 应用实时监控服务ARMS
(数据统计、埋点可视化)
腾讯日志服务
(数据统计、埋点可视化)
友盟
www.umeng.com/ (数据统计、埋点可视化)
UI 、CSS 工具库
svga
svga.io/index.html(高新能动画播放)
gka
GitHub - tagerwang/gka: 一款高效、高性能的帧动画生成工具(推荐尝试,一键快速图片优化、生成动画文件)
tinypng
tinypng.com/(前端在线压缩必备工具)
vue ui库
elementUI、iview、vantUI(有赞出品)、antdv...这里就不一一介绍了。
react ui库
Material-UI(个人感觉用户体验真心不错,比如水波纹等)、antDesign、semantic-ui(貌似国外使用较多,不知是否好用,大家有用过吗?)
angular
ngAnt(国内基本就它了)、Angular Material(国外较多)
其他
多个移动设备同时调试软件:
A Web Developer's Browser | Responsively App