易上手，操作简单，功能强大的开源项目
1、Sentry监控系统
sentry是一个开源的监控系统，能支持服务端与客户端的监控，还有个强大的后台错误分析、报警平台。
2、Fundebug监控系统
是专业的应用 BUG 监控平台。当线上应用出现 BUG 时，Fundebug 会通过邮件或者第三方工具立即给开发者发送报警，这样能够帮助开发者及时发现并且修复应用 BUG，从而提升用户体验。
地址：https://www.fundebug.com/product
3、Docusaurus开放平台（技术栈文档项目）
能够帮助你建立并发布 美观的文档网站。
地址：https://www.docusaurus.cn/docs
4、Vconsole
一个轻量、可拓展、针对手机网页的前端开发者调试面板
地址：https://github.com/Tencent/vConsole
5、Photoswipe
图片查看器
地址：https://github.com/dimsemenov/PhotoSwipe （vue）
地址：https://www.npmjs.com/package/react-photoswipe（react）
6、Lodash
一个一致性、模块化、高性能的 JavaScript 实用工具库
7、Postcss-pxtorem
将px自动转换为rem
地址：https://www.npmjs.com/package/postcss-pxtorem
8、Clipboard
一款轻量级的实现复制文本到剪贴板功能的JavaScript插件
地址：https://www.npmjs.com/package/clipboard
9、Video.js
一款web视频播放器，支持html5和flash两种播放方式
地址：https://www.npmjs.com/package/video.js/v/7.0.3
10、JSZip
将文件打包为zip
地址：https://stuk.github.io/jszip/
11、axios
异步请求
地址：http://www.axios-js.com/zh-cn/docs/
12、qs
axios进行post请求，会自动序列化，需要进行反序列
地址：https://www.npmjs.com/package/qs?activeTab=explore
13、file-saver
保存文件到本地（例如：地址、Blob、文件）
地址：https://www.npmjs.com/package/file-saver
14、exceljs
解析Excel文件内容
地址：https://www.npmjs.com/package/exceljs
15、lazyload
图片懒加载
地址：https://www.npmjs.com/package/vue-lazyload（vue）
地址：https://www.npmjs.com/package/react-lazyload（react）
16、http-proxy-middleware
通过中间件代理的方式实现跨域
地址：https://www.npmjs.com/package/http-proxy-middleware
17、emoji-regex
正则表达式来匹配所有 emoji 符号和序列
地址：https://www.npmjs.com/package/emoji-regex
18、react-amap
一个基于 React 封装的高德地图组件
地址：https://github.com/ElemeFE/react-amap
官网地址：https://elemefe.github.io/react-amap/components/marker
19、uuid
生成无重复id（场景：上传图片命名）
地址：https://www.npmjs.com/package/uuid
20、smoothscroll-polyfill
vue页面平滑滚动（场景：进行判断上滑或者下滑，通过js控制会过于灵敏）
地址：https://www.npmjs.com/package/smoothscroll-polyfill
21、autoresponsive-react
react 瀑布流效果
地址：https://www.npmjs.com/package/autoresponsive-react
22、web-vitals 性能指标监控
可以获取FCP、FP、CLS、FID等一系列指标，便于分析页面瓶颈
地址：https://github.com/GoogleChrome/web-vitals/
23、MD5生成
读取文件生成对应的md5
npm install --save md5-file
24、react-color
调色板
网友评论