前端如此多娇,令天下码农尽折腰。
前端知识琳琅满目、良莠不齐,使我们在筛选甄别的过程中所花费的时间着实不小。
为了避免重复造轮子,提高开发效率,故将常用的前端开发所使用的网站归类。
JavaScript 实用工具库
lodash:www.lodashjs.com
underscore:underscorejs.net
outils:github.com/proYang/out… (业务代码工具库,可以按需引入,点击可直接查看函数的实现。易学易用,个人觉得值得推荐。)
ramda:github.com/ramda/ramda(国外的一个工具库,只是了解,不常用。)
常用动画库、图表汇总(常用)
animejs:animejs.com/
animista:animista.net/play/basic
animate.css:github.com/animate-css…
three.js:github.com/mrdoob/thre…
d3js:www.d3js.org.cn/
echarts:echarts.apache.org/zh/index.ht…
Chart.js:www.chartjs.org/
highcharts:www.highcharts.com.cn/
npm库集合
查npm的下载情况:npm-stat.com/(输入npm包名,多个包名用逗号隔开,点击Show charts即可查询,可展示天、周、月、年的数据)如下图
`通过分析和对比,我们能初步的评估其生态和活跃度。在技术选型上也能给我们提供参考帮助`
npm包下载量对比:www.npmtrends.com/
常用的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、sequelize(nodejs ORM工具)
前端监控、埋点
growingio:www.growingio.com/
fundebug :www.fundebug.com/
sentry:sentry.io
sonar:前端质量代码扫描神器
kibana:功能类似sentry, 在服务端的错误上报。
pinpoint:(统计、监控接口情况的工具)
阿里 应用实时监控服务ARMS:(数据统计、埋点可视化)
腾讯日志服务:cloud.tencent.com/document/pr… (数据统计、埋点可视化)
友盟:www.umeng.com/ (数据统计、埋点可视化)
UI 、CSS 工具库
svga:svga.io/index.html(高新能动画播放)
gka:github.com/tagerwang/g…
tinypng:tinypng.com/(前端在线压缩必备工具)
vue ui库:elementUI、iview、vantUI(有赞出品)、antdv...
react ui库:Material-UI、antDesign、semantic-ui
angular:angAnt、Angular Material
其它工具
多个移动设备同时调试软件: responsively.app/