好用的模块、开源项目

易上手,操作简单,功能强大的开源项目
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

调色板

你可能感兴趣的:(好用的模块、开源项目)