前端精美插件推荐
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/
29. gasp动画过渡插件,类似于html的过渡效果,但是如果你是做canvas应用,用不了css动画,可以试试这个,相同功能该有一个叫tweenjs,但我觉得有坑
https://openlayers.org/en/latest/apidoc/
30. vue3.0+vite+electron 一键启动客户端的vue项目, 还有一个electron-vue是vue2.x的
https://github.com/electron-vite/electron-vite-vue
30.《HTML5+JavaScript动画基础》前端必看的一本书，可以刷新你对前端的认知
未完待续...
投币,点赞,收藏.....
