全国

前端ui框架有哪些

2021-02-03 11:30:35 519 浏览 ui培训

所有企业几乎都在用框架,很多人在学ui的时候,想了解它的前端框架,那么下面小编给大家介绍前端ui框架有哪些,一起来看看吧。

前端ui框架有哪些

前端ui框架

一、Mint UI:由饿了么前端团队推出的 Mint UI 是一个基于 Vue、js 的移动端组件库,自 开源以来,根据社区和团队内部的反馈,修复了一些 bug 并新增了部分组件。

二、We UI:它 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信内网页和微信小程序量身设计,令用户的使用感知更加统一。

三、iView UI:一套基于 Vue、js 的高质量UI 组件库,主要服务于 PC 界面的中后台产品,过去的两年里,iView 开源项目已经帮助成千上万的开发者快速完成网站开发,大幅度提高了开发效率,成为 Vue、js 生态里重要的一部分。

四、Layui:经典模块化前端框架由职业前端倾情打造,面向所有层次的前后端开发者,零门槛开箱即用的前端UI解决方案 ,在年度比较受欢的框架排名榜上也是前三名的。

五、Element UI:element ui框架的按钮组件,这款由饿了么前端开源的UI框架,一经面世,就收获大量程序员的芳心,在github 上更是高达29、8k的star早已说明一切,用于开发PC端的页面还是绰绰有余的,如果说你是用vue开发者,却没用过element UI,那你肯定不是合格的vue开发者。

六、vant UI:它是有赞移动端组件库 Vant 的小程序版本,两者基于相同的视觉规范,提供一致的 API 接口,助力开发者快速搭建小程序应用。

七、Flutter:它是谷歌的移动UI框架,可以快速在iOS和Android上构建高质量的原生用户界面,前端对于 Flutter 的热忱度之高一度让人有点惊讶,事实上在 Flutter 社区内见到的客户端开发者远多于前端开发,不过前端对于跨端解决方案确实有着天然的渴求。

前端框架的好处

1、组件化: 其中以 React 的组件化最为彻底,甚至可以到函数级别的原子组件,高度的组件化可以是我们的工程易于维护、易于组合拓展

2、天然分层: JQuery 时代的代码大部分情况下是面条代码,耦合严重,现代框架不管是 MVC、MVP还是MVVM 模式都能帮助我们进行分层,代码解耦更易于读写。

3、生态: 现在主流前端框架都自带生态,不管是数据流管理架构还是 UI 库都有成熟的解决方案。

前端框架的根本意义

简单来说,前端框架的根本意义是解决了UI 与状态同步问题。

在 Vue 中我们如果要在todos中添加一条,需要要app4.todos.push({ text: '新项目' }),这时由于 Vue 内置的响应式系统会自动帮我们进行 UI 与状态的同步工作.

如果我们用 JQuery 或者 JS 进行操作,免不了一大堆li.appendChild、document.createElement等 DOM 操作,我们需要一长串 DOM 操作保证状态与 UI 的同步,其中一个环节出错就会导致 BUG,手动操作的缺点如下:

00001. 频繁操作 DOM 性能低下。中间步骤过多,易产生 bug且不易维护,而且心智要求较高不利于开发效率。

不管是 vue 的数据劫持、Angular 的脏检测还是 React 的组件级 reRender都是帮助我们解决 ui 与状态同步问题的利器。

这也解释了Backbone作为前端框架鼻祖在之后落寞的原因,Backbone只是引入了 MVC 的思想,并没有解决。View 与 Modal 同步的问题,相比于现代的三大框架直接操作 Modal 就可以同步 UI 的特性, Backbone 仍然与 JQuery 绑定,在 View 里操作 Dom来达到同步 UI 的目的,这显然是不符合现代前端框架设计要求的。

ug编程如何计算刀长 ui设计包含哪些
机构
课程

相关资讯

766培训网ui培训前端ui框架有哪些
在线预约
电话咨询
在线咨询