易上手,操作简单,功能强大的开源项目
1、Sentry监控系统
sentry是一个开源的监控系统,能支持服务端与客户端的监控,还有个强大的后台错误分析、报警平台。
地址:https://sentry.io/signup/
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 实用工具库
地址:https://www.lodashjs.com/
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
调色板