不太的常用依赖

2022-06-29  本文已影响0人  云高风轻

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
  1. 阿里dataV
    DataV是一个基于Vue的数据可视化组件库，Vue数据可视化组件库（类似阿里DataV，大屏数据展示），提供SVG的边框及装饰、图表、水位图、飞线图等组件，简单易用，长期更新。
    dataV.png
    也有react版-dataV
  1. GoView
    一个基于 Vue、Datav、Echart 框架的 " 数据大屏项目 "，通过 Vue 组件实现数据动态刷新渲染，内部图表可实现自由替换。部分图表使用 DataV 自带组件，可进行更改，详情请点击下方 DataV 文档。
    GoView.png
  1. GoView-vue3+Hooks+TS
    vue3大屏.png
  1. GoView-react
    react大屏.png
  1. iDataV
    大屏数据可视化案例。包含了很多现成的模板，可在这些不同风格的模板基础上快速开始一个可视化大屏项目。
    iDataV.png
  1. dataease
    DataEase 是开源的数据可视化分析工具，帮助用户快速分析数据并洞察业务趋势，从而实现业务的改进与优化。DataEase 支持丰富的数据源连接，能够通过拖拉拽方式快速制作图表，并可以方便的与他人分享。
    dataease.png
  1. FlyFish
    飞鱼（FlyFish）是一个数据可视化编码平台。通过简易的方式快速创建数据模型，通过拖拉拽的形式，快速生成一套数据可视化解决方案。)
    FlyFish.png

20. vr全景图

photo-sphere-viewer

21. 瀑布流

  1. vue-masonry

22. 加载进度条

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

参考资料

初心

我所有的文章都只是基于入门，初步的了解；是自己的知识体系梳理;如有错误,欢迎交流;
如果能帮助到有缘人,非常的荣幸,一切为了部落的崛起;
共勉
上一篇 下一篇

猜你喜欢

热点阅读