首页 > 编程知识 正文

ui 前端,目前比较火的前端框架及UI组件

时间:2023-05-05 12:16:15 阅读:229937 作者:2105

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

桌面端

1、Element

Element-UI

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

Element-Plus

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

2、Ant Design

Ant Design Vue

Ant Design Vue: 基于 Ant Design 和 Vue 的 企业级 UI 组件库;

支持浏览器:现代浏览器和 IE9 及以上(需要 polyfills)

Ant Design of React

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

3、 View UI


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

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

4、Layui

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

缺点:bug比较多

移动端

1、Vant

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

Vuetify 是一个纯手工精心打造的 Material 样式的 Vue UI 组件库,

Vuetify 是建立在Vue.js之上的完备的界面框架

Vuetify采用移动优先的设计,这意味着无论是在手机、平板电脑还是台式电脑上,你的应用程序都可以开箱即用。

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。