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默认在顶部的进度条 可用于请求加载和完成 ;或者页面进入前和已经进入的路由

参考资料

初心

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

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

共勉