PC端
Ant Design (推荐)
难度级别:中等
适用框架:最火的三大框架都可以
注:如果你是vue爱好者不是很建议,ant写法类似于react
网址:https://ant.design/index-cn
element-ui (推荐)
难度级别:简单
适用框架:vue2
网址:https://element-plus.gitee.io/zh-CN/guide/design.html
element-plus(不推荐)
难度级别:简单
适用框架:vue3
注:很多bug,需要去修改
网址:
https://element-plus.gitee.io/zh-CN/guide/design.html
移动端:
Vant (推荐)
难度级别:简单
适用框架:vue2、vue3、react、微信小程序
注:该UI库主要偏向于电商
网址:https://vant-contrib.gitee.io/vant/v2/#/zh-CN/
vux(不推荐)
难度级别:简单
适用框架:vue
注:不建议使用,该框架是个人开发者开发维护;很多组件都需要自行去修改源码;比 如:输入框清除
网址:https://doc.vux.li/zh-CN/about/before-using-vux.html
uView(推荐)
难度级别:简单
适用框架:uniapp
网址:https://www.uviewui.com/
第三方插件
echarts(推荐)
难度级别:中
作用:数据可视化表格
网址:https://echarts.apache.org/examples/zh/index.html
jsencrypt
难度级别:简单
作用:加密解密
网址:https://github.com/travist/jsencrypt
day.js
难度级别:简单
作用:解析、验证、操作时间
网址:https://dayjs.fenxianglu.cn/
js-base64
难度级别:简单
作用:base64加密和解密,以及Uint8Array等操作
网址:https://www.npmjs.com/package/js-base64
qrcodejs
难度级别:简单
作用:生成二维码
网址:https://github.com/davidshimjs/qrcodejs
weapp-qrcode-canvas-2d
作用:微信小程序生成二维码(兼容uniapp)
网址:https://github.com/DoctorWei/weapp-qrcode-canvas-2d
html2canvas
难度级别:中
作用:可以将dom生成图片(可以理解为截图)
注:不能在小程序上使用
网址:https://html2canvas.hertzen.com/
Painter
难度级别:中
作用:小程序海报生成
注:可以兼容各端小程序
网址:https://github.com/Kujiale-Mobile/Painter
lodashjs
难度级别:简单
作用:对js的数组、对象等操作
网址:https://www.lodashjs.com/
swiper
难度级别:中
作用:适用于各端轮播图;目前是功能最强大、最多的轮播图
github:https://github.com/nolimits4web/Swiper
网址:https://www.swiper.com.cn/
Draggable
作用:拖拽
github:https://github.com/SortableJS/Vue.Draggable
网址:https://sortablejs.github.io/Vue.Draggable/#/simple
crypto-js
作用:AES加密,解密;ecb和cbc模式
github:https://github.com/brix/crypto-js
vue-video-player
作用:视频播放组件
使用框架:vue
github:https://github.com/surmon-china/videojs-player
网址:https://github.surmon.me/videojs-player
uglifyjs
作用:代码压缩
github:https://github.com/mishoo/UglifyJS
网址:https://lisperator.net/uglifyjs/
javascript-obfuscator
作用:代码混淆
github:https://github.com/javascript-obfuscator/javascript-obfuscator
网址:https://obfuscator.io/
Fabric.js
作用:操作canvas画图
GitHub:https://github.com/fabricjs/fabric.js
网址:fabricjs.com/
Animate.css
作用:动画库
GitHub:https://github.com/animate-css/animate.css
网址:animate.style/
ml5-library
作用:人工智能识别;且可以自行训练机器人
注:底层是TensorFlow.js
GitHub:https://github.com/ml5js/ml5-library
网址:https://ml5js.org/
学习网址:https://blog.csdn.net/fribbler/article/details/108728011
printJs
作用:打印服务
GitHub:https://github.com/crabbly/print.js
网址:printjs.crabbly.com/
clipboard
作用:将浏览器内容复制到剪切板
GitHub:https://github.com/zenorocha/clipboard.js
网址:clipboardjs.com/
以上是我在开发中使用或者觉得比较好的插件或者库;在此小小的记录一下,也分享给大家,如果大家有更好的也可以分享给我哦;相互学习,内卷起来