1. 前言

1. 之前的文章没用markdown,重新整理一份,大家使用的时候比较方便
2. 那些大家都知道的这里就不在写了 比如axios

---

2. 数字滚动

1. 数字滚动 动态效果 演示.gif

---

3. 时间转换

1. momentjs 1.png

---

4. vue拖拽

1. Vue.Draggable

---

5. 深拷贝

1. clone-deep

---

6. 剪切板

1.clipboardjs

---

7. 路径转正则

1. path-to-regexp

---

8. 避免遭受xss攻击

1. xss

---

9. 重置样式

1. normalize.css

---

10. 加密

1. crypto
2. js-base64
3. md5

---

11. 二维码

1. qrcodejs

---

12. 在线编辑

1. codemirror

---

13. 编辑器

1. mavonEditor --基于vue的Markdown 编辑器组件
2. wangeditor ---富文本编辑器
3. vue-quill-editor基于 Quill、适用于 Vue 的富文本编辑器，支持服务端渲染和单页应用

---

14. 网页代码高亮插件

1. prismjs

---

15.将加载的 svg 图片拼接成 雪碧图

1. svg-sprite-loader

---

16. websocket 封装

1. websocket-heartbeat-js

---

17. 数据转化

1. qs

---

18. react路由懒加载

1. @loadable/component

---

19. 图表

1. ecahrts
2. 金融图表-KLineChart
   KLineChart示例 image.png

---

3. 阿里dataV
   DataV是一个基于Vue的数据可视化组件库，Vue数据可视化组件库（类似阿里DataV，大屏数据展示），提供SVG的边框及装饰、图表、水位图、飞线图等组件，简单易用，长期更新。
   dataV.png
   也有react版-dataV

---

4. GoView
   一个基于 Vue、Datav、Echart 框架的 " 数据大屏项目 "，通过 Vue 组件实现数据动态刷新渲染，内部图表可实现自由替换。部分图表使用 DataV 自带组件，可进行更改，详情请点击下方 DataV 文档。
   GoView.png

---

5. GoView-vue3+Hooks+TS
   vue3大屏.png

---

6. GoView-react
   react大屏.png

---

7. iDataV
   大屏数据可视化案例。包含了很多现成的模板，可在这些不同风格的模板基础上快速开始一个可视化大屏项目。
   iDataV.png

---

8. dataease
   DataEase 是开源的数据可视化分析工具，帮助用户快速分析数据并洞察业务趋势，从而实现业务的改进与优化。DataEase 支持丰富的数据源连接，能够通过拖拉拽方式快速制作图表，并可以方便的与他人分享。
   dataease.png

---

9. FlyFish
   飞鱼（FlyFish）是一个数据可视化编码平台。通过简易的方式快速创建数据模型，通过拖拉拽的形式，快速生成一套数据可视化解决方案。)
   FlyFish.png

---

20. vr全景图

photo-sphere-viewer

---

21. 瀑布流

1. vue-masonry

---

22. 加载进度条

1. nprogress默认在顶部的进度条 可用于请求加载和完成 ;或者页面进入前和已经进入的路由

---

参考资料

---

初心

我所有的文章都只是基于入门，初步的了解；是自己的知识体系梳理;如有错误,欢迎交流;

如果能帮助到有缘人,非常的荣幸,一切为了部落的崛起;

共勉