这段时间对我了解的一些框架知识的总结：

桌面端

1、Element

  • Element-UI

    • ui 组件的 jest ui组件分类_前端

  • Element-UI ：是基于 Vue 2.0 的桌面端组件库 开发团队：饿了么前端
  • Element-Plus

    • ui 组件的 jest ui组件分类_前端_02

  • Element-Plus：基于 Vue 3.0 的桌面端组件库

2、Ant Design

  • Ant Design Vue

    • ui 组件的 jest ui组件分类_Google_03

  • Ant Design Vue： 基于 Ant Design 和 Vue 的 企业级 UI 组件库；支持浏览器：现代浏览器和 IE9 及以上（需要 polyfills）
  • Ant Design of React

    • ui 组件的 jest ui组件分类_UI_04

  • antd： 是基于 Ant Design 设计体系的 React UI 组件库，主要用于研发企业级中后台产品。

3、 View UI

ui 组件的 jest ui组件分类_ui 组件的 jest_05

View UI：即原先的 iView，是一套基于 Vue.js 的开源 UI 组件库，主要服务于 PC 界面的中后台产品。

兼容性：大部分组件和功能支持 IE9 及以上浏览器，部分组件和功能不支持 IE

4、Layui

layui（谐音：类UI) 是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。准确地说，他更多是为后端程序员量身定做，无需涉足各种前端工具的复杂配置，只需面对浏览器本身即可

缺点：bug比较多

移动端

1、Vant

ui 组件的 jest ui组件分类_UI_06

  • Vant：轻量、可靠的移动端 Vue 组件库
  • 开发团队：有赞前端团队
  • 版本：目前 Vant 官方提供了 Vue 2 版本、Vue 3 版本和微信小程序版本，并由社区团队维护 React 版本和支付宝小程序版本。

2、Muse-UI

基于 Vue 2.0 优雅的 Material Design UI 组件库

此处解释下Material Design这个名词

什么是Material Design？MaterialDesign是2014年的 Google I/O 上推出的一套UI设计规范，Google 的 Material Design 并不是简单的扁平设计，而是一种注重卡片式设计、纸张的模拟、使用了强烈对比色彩的设计风格。

PC移动多端支持

1、vuetify

ui 组件的 jest ui组件分类_Google_07

  • Vuetify 是一个纯手工精心打造的 Material 样式的 Vue UI 组件库，
  • Vuetify 是建立在Vue.js之上的完备的界面框架
  • Vuetify采用移动优先的设计，这意味着无论是在手机、平板电脑还是台式电脑上，你的应用程序都可以开箱即用。