前端精美插件

element-ui,echart 耳熟能详的就不说的,以下推荐使用场景不那么频繁,但用到方恨少的插件!

1. 数字翻滚动画
   https://github.com/gitWhatever/vue-digitroll

2. html元素连线,两点连线 带方向, 可以是曲线
   https://github.com/anseki/leader-line

3. 视差滚动
   https://github.com/Prinzhorn/skrollr
   http://prinzhorn.github.io/skrollr/ // 效果展示

4. 无缝滚动
   https://github.com/chenxuan0000/vue-seamless-scroll

5. 图片查看, 功能多
   https://github.com/mirari/v-viewer

6. 滚动到当前视图执行动画
   https://scrollrevealjs.org/

7. 前端导出excel
   https://github.com/exceljs/exceljs

8. 功能强大的表格, 支持虚拟滚动
   https://github.com/x-extends/vxe-table

9. threejs 3d canvas 教材案例
   https://github.com/josdirksen/learning-threejs-third

10. gojs 2d canvas 关系图,流程图等...
    https://github.com/NorthwoodsSoftware/GoJS

11. dayjs 轻量级日期格式化
    https://dayjs.fenxianglu.cn/

12. 瀑布流
    https://github.com/lfyfly/vue-waterfall-easy

13. 自定义拖拽布局,功能强大
    https://github.com/jbaysolutions/vue-grid-layout

14. 本地存储sessionStorage, localStorage封装
    https://www.npmjs.com/package/good-storage

15. 拖拽排序(表格的每一行或html元素),耦合度低
    https://github.com/SortableJS/Sortable
    https://www.itxst.com/sortablejs/neuinffi.html // 中文文档

16. 二维码生成
    https://github.com/davidshimjs/qrcodejs

17. 自定义css动画+调试
    https://github.com/michaelvillar/dynamics.js#usage

18. 根据鼠标移动元素transform, 类似于视差滚动,但一般用于背景展示
    https://github.com/Aminerman/vue-kinesis

19. 文字跑马灯
    https://github.com/EvodiaAut/vue-marquee-text-component

20. 后台springboot 插件: sa-token (调调api就能完成登录权限验证,不用些security那套冗长的代码了)
    https://sa-token.dev33.cn/doc/index.html#/

21. web端excel编辑器,用canvas绘制(适合复杂表格,简单表格还是用vxe-table比较好)
    https://gitee.com/mengshukeji/Luckysheet

22. 看他的trending推荐前端精美的有创意作品,也不能说是插件,就是可以提升你的审美
    https://codepen.io/

23. 弹幕插件
    https://blog.chenhaotaishuaile.com/vue-baberrage/

24. 甘特图
    https://github.com/neuronetio/vue-gantt-elastic

25. 手绘风格的图表
    https://github.com/jwilber/roughViz

26. three封装成vue组件,可通过标签形式创建或引入模型,但是只支持vue3
    https://github.com/troisjs/trois

27. 地图插件,支持3d,可扩展性高,感觉比leaflet和openlayers强
    https://maptalks.org/examples/cn/map/load/#map_load

28. d3 svg类型的可视化插件,学这个的同时,正好可以深入一下svg基础
    https://www.d3js.org.cn/document/

29. openlayers一个地图插件
    https://openlayers.org/en/latest/apidoc/

30. gasp动画过渡插件,类似于html的过渡效果,但是如果你是做canvas应用,用不了css动画,可以试试这个,相同功能该有一个叫tweenjs,但我觉得有坑
    https://openlayers.org/en/latest/apidoc/

31. vue3.0+vite+electron 一键启动客户端的vue项目, 还有一个electron-vue是vue2.x的
    https://github.com/electron-vite/electron-vite-vue

30.《HTML5+JavaScript动画基础》前端必看的一本书，可以刷新你对前端的认知

未完待续...