前端框架都有哪些,最主流的是哪个?
推荐几个精致的web UI框架及常用前端UI框架!
1.Aliceui
Aliceui是支付宝的样式解决方案,是一套精选的基于 spm 生态圈的样式模块集合,是 Arale 的子集,也是一套模块化的样式命名和组织规范,是写 CSS 的更好方式。
2.Amazeui
Amaze UI 是一个轻量级、 Mobile first 的前端框架, 基于开源社区流行前端框架编写的。
3.sui
SUI是一套基于bootstrap开发的前端组件库,同时她也是一套设计规范。
通过SUI,可以非常方便的设计和实现精美的页面。
同时sui还有移动端版本msui,msui是阿里巴巴共享业务事业部UED团队的作品。目的是为了手机H5页面提供一个常用的组件库,减少重复工作。
4.FrozeUI
Frozen UI是一个开源的简单易用,轻量快捷的移动端UI框架。基于手Q样式规范,选取最常用的组件,做成手Q公用离线包减少请求,升级方式友好,文档完善,目前全面应用在腾讯手Q增值业务中。
5.uiKit
uiKit是一款轻量级、模块化的前端框架,可快速构建强大的web前端界面。
6.H-ui
H-ui是轻量级前端框架,简单免费,兼容性好,适用于中国网站。
7.Weui
weUI 是一套同微信原生视觉体验一致的基础样式库,由微信官方设计团队为微信 Web 开发量身设计,可以令用户的使用感知更加统一。包含button、cell、dialog、 progress、 toast、article、actionsheet、icon等各式元素。
8.layui
Layui 诞生于2016年金秋,是一款带着浓烈情怀的国产前端UI框架,她追求极简,又不失丰盈的内在,说她是史上最轻量的结晶,似乎并不为过。一切都源自于她对原生态的执着,对前端社区的那些噪杂声音的过滤,以及她本身的精心雕琢。
9.YDUI Touch
YDUI Touch 专为移动端打造,在技术实现、交互设计上兼容主流移动设备,保证代码轻、性能高;使用 Flex 技术,灵活自如地对齐、收缩、扩展元素,轻松搞定移动页面布局;实现强大的屏幕适配布局,等比例适配所有屏幕。什么?用得不开心?轻松切换 px;自定义Javascript组件、Less文件、Less变量,定制一份属于自己的YDUI;
10、后台UI开发框架 MuseUI
一款基于bootstrap风格,兼容于主流浏览器(包括IE6)的后端UI开发组件。
就我个人的感觉呢,工具能选轻量的就尽量轻量。三个轻量工具的组合往往强过一个复杂的能通吃三功能的大工具。所以推荐你Vue和React,不过两者里选一个就足够了。当然如果时间充裕,两个都学一下也好,这样你就可以找不同的东家了。
作为.Net程序员, 我不得不提一下Blazor,这是一个.Net平台下的崭新前端,使.Net程序员可以直接用C#来写前端,这个吸引力之大是dotnetter们难以抵挡的。如果你是.Net程序员的话,首选尝试Blazor,在不久将要推出的.Net 5中,Blazor还将有重大进化,那时候Blazor很有可能成为.Net世界大一统的(包括桌面、移动、Web等)前端框架。
至于JQuery,它确实辉煌过,但那是在前端没有框架的年代。那时候大家写SPA,除了JQuery以外简直没有第二把工具。你不会JQuery就不好意思说自己是做前端的,顶多是个写页面的。我这么说的意思是——jQuery绝对不是一个框架。它只是一个库,它不具备框架的约束性,你可以引用它但是只使用它的选择子,它不会影响你的设计结构。在现在框架横行的年代,如果你决心投身框架的阵营,那么坦率地说JQuery没有学习的必要,框架不依靠,甚至坚决反对通过选择子处理DOM,但如果你想全面地提高自己,那JQuery作为上古时代的大杀器,学一学绝对没坏处,这样你就可以找特别传统的东家了。
熟练掌握其中一至两种对求职和升职加薪有非常大的帮助
1、Angular
Angular是一个JavaScript框架,最为核心的是:MVC(Model–view–controller)、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。Angular通过指令扩展了HTML,以一个 JavaScript文件形式发布,通过script标签添加到网页中。Angular的优势在于:零配置、深度整合设计模式、约定才是框架的本质。不过对于JavaScript工程师来说,少有工程化的经验,学习起来会比较痛苦。
2、React
React是一个Facebook和Instagram用来创建用户界面的JavaScript库,用于构建页面、Javascript库。主要功能是对DOM操作,声明式设计,更快的开发出Web应用系统。借助React,你可以非常轻松地创建用户交互界面,为你应用的每一个状态设计简洁的视图。在数据改变时,React也可以高效地更新渲染界面。
3、Vue
Vue是用于构建交互式的Web界面的库,它提供了MVVM数据绑定和一个可组合的组件系统,具有简单、灵活的 API。从技术上讲,Vue集中在MVVM模式上的视图模型层,并通过双向数据绑定连接视图和模型。实际的DOM操作和输出格式被抽象出来成指令和过滤器,相比其它的MVVM框架,Vue更容易上手。
前端框架从以前常用的jQuery、Bootstrap等框架,发展成现在的Vue、React、Angular三足鼎立的局面,这三个框架各有千秋,而且都是比较成熟的框架。
这三种框架都有哪些特点,我们来看看
Vue是一个轻量级的框架,通过进行双向数据的绑定来驱动界面,很多程序员学习新框架的时候,都会先从Vue开始,因为它的官方文档介绍的非常清楚,而且能够非常快速的通过异步批处理的方式更新DOM,可以把解耦的、可复用的组件组合在一起使用,还可以允许多种模块的安装,使用的场景很灵活。
React这个框架源于Facebook的内部项目,因为公司对当时盛行的JavaScript MVC框架不满意,所以就自己写了一套好用的框架。React可以通过对DOM的模拟从而减少与DOM的交互,从而轻易的解决了跨浏览器兼容的问题,它的模块化把组件隔离,出现问题时方便程序员修改,还因为同构JavaScript所以有助于搜索引擎的优化。
Angular是一个以JavaScript编写的库,拥有良好的应用程序,模板的功能非常强大,自带丰富的angular指令,可以通过指令扩宽HTML,而且可以通过表达式绑定数据到HTML,因为引入了Java的一些内容,所以很容易就可以写出复用代码,有效提高了团队开发的速度。
以上的回答希望对你有所帮助