前端UI库对⽐
前端UI库的选择会直接决定产品的页⾯主基调风格，特别是⼀些⾼度封装的组件，例如时间⽇期控件，级别联动或者树形控件，⼀旦确定UI 库，风格就将锁定。另外不同的UI库、组件库数量的多少、封装的完善度、使⽤体验、是否存在隐藏bug也是不⼀样的。我下⾯罗列了⼏种针对PC端web开发最常⽤的⼏种UI组件库，可以点击链接感受⼀下各⾃的UI风格，然后晶再个时间和⼤家碰⼀下，给出最终选择⽅案吧。 Element UI
Element-UI 是⽬前针对于 Vue 开发 PC 端项⽬的时候所使⽤到的⼀个主流 UI 库，在pc端项⽬开发中使⽤⼴泛。
特点 ：
1. Element-UI 是现在基于 Vue 的⼀个⾮常好⽤的桌⾯端 UI 组件库
2. ⽀持 @vue/cli 项⽬的直接添加，⽀持按需导⼊、国际化、⽀持⾃定义主题
3. ⽂档清晰，学习成本低
5. UI 的风格符合⽬前⼤众的普遍审美
mb4026. 如果你想要做⼀个公司级别的产品，那么 Element-UI 基本可以满⾜需求
vuetify
v uetify 是⿇省理⼯学院的开源项⽬，在国内项⽬使⽤⽐较⼩众。
E lementUI更侧重创建⼀组风格统⼀、⾼效且易于上⼿的理念，⽽Vuetify框架讲究多平台适配，与Google设计MaterialDesign设计风格搭配到⼀起，代码量会⽐Element稍微⼤⼀些，但对于⾃⼰做屏幕分辨率适配还是轻松不少。（最新的Vuetify框架还没有中⽂⽂档，这⼀点上⾃然⽐不上ElementUI这种本⼟框架，后期会慢慢适配的，近⽇想学习Vuetify框架，但英语⽔平也不是那么好的话，可以进⼊官⽹后点击下图红⾊划线部分进⼊旧版⽂档） 特点：
1. vuetify 是国外团队进⾏开发的⼀个基于 vue 的组件库
2. ⽀持 @vue/cli 项⽬的直接添加，⽀持按需导⼊、国际化、提供了定制功能（样式、颜⾊、主题等等）
3. ⽂档相对清晰，但是和国⼈的思维不太⼀样，导致学习成本相对⾼⼀些项目成本管理论文
4. 提供的组件⾜够使⽤，并且提供了 v- 开头的扩展指令，还有付费专题模块
5. UI 的风格使⽤的是 Google 推出的 Material Design 的设计风格，在国内推⼴度相对低⼀些
6. 使⽤ vuetify 在 UI 样式上，会有⼀些额外的风险，但是可以避免同质化的问题，⽐较适合⼀些个⼈或者需要彰显个性的项⽬参考图：
2011湖北高考数学
Ant Design
Ant Design 在 react 中的地位，应该和 element UI 在 vue 中的地位是⼀样的，都可以说是最⽕爆的 UI 库之⼀。
Ant Design 同时⽀持 React、Vue、Angular，也就是说我们在这三个主流框架中都可以使⽤，但是 Ant Design 对于React 的⽀持是最好的，所以⼀般我们说到 Ant Design ，都会说他是⼀个基于 React UI 的⼀个组件库。
对于 Ant Design 来说，如果把它作为 React 项⽬的⼀个核⼼ UI 库的话，那么它是完全可以胜任的，没有⼀点问题。并且⽆论是它的开发团队也好，它的⼀个社区也好，都可以很好的保证该库的⼀个正常的升级和迭代。
特点：
1. Ant Design 是阿⾥巴巴-蚂蚁⾦服体验技术部所设计的⼀个 UI 库，⼀般⽤于基于 React 的项⽬
2. ⽀持在 create-react-app（React 官⽅脚⼿架） 项⽬的直接添加，⽀持按需导⼊、国际化、提供了定制主题
3. ⽂档清晰，学习成本低
4. 提供的组件⾜够使⽤，并且提供了精品社区服务
5. UI 的风格符合⽬前⼤众的普遍审美
6. 如果你想要做⼀个公司级别的产品，那么 Ant Design 基本可以满⾜需求，但是难免样式、风格上会同质化严重
Ant Design Pro
Ant Design升级版，由蚂蚁⾦服开发的⼀套开箱即⽤的中台前端/设计解决⽅案，基于 Ant Design 体系精⼼设计，提炼⾃中后台应⽤的典型页⾯和场景，使⽤ React/dva/antd 等前端前沿技术开发。
参考图：
iview
你的眼泪为谁流⽐较常⽤的前端UI库
参考图：
layui
特点：
钢结构阻尼比
1. layui 是 ⾃由职业者（贤⼼）进⾏开发的⼀个前端库，最低可以兼容到 IE8
2. 设置的初衷是让⾮前端的⼯程师可以很⽅便的开发前端页⾯
3. 使⽤简单，⽂档清晰，学习成本低
乙烷4. 提供页⾯元素和模块化的概念
5. UI 的风格并不过时
6. 适合⾮专业前端⼯程师使⽤
豫公网安备41160202000603
站长QQ:729038198
关于我们
投诉建议