前端框架有哪些，最主流的是哪个？

Posted 2023-03-09

推荐几个精致的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开发组件。

参考技术A 主流的基本上就三个：Angular， React，Vue。这三个没有哪个“最”主流，Angular学习曲线太陡，很多都是框架自己提出的概念，它不仅仅是一个前端框架，它还想做很多与数据管理相关的事情，据说一旦掌握了，功能异常强大（我认为功能异常强大=被框架绑架，所以我没花功夫去学这玩意儿）。React比Angular轻量（得多），而且支持原生的移动端构建，所以如果你想开发一个多客户端类型的应用，React是首选。Vue是一个与React差不多的轻量构架，但是允许你像写HTML一样写组件的框架，它也不太关心数据管理（这部分交给了Flux模型来实现），让你更关注于前端真正要关心的事情——数据呈现，所以学习起来是最容易上手的。
就我个人的感觉呢，工具能选轻量的就尽量轻量。三个轻量工具的组合往往强过一个复杂的能通吃三功能的大工具。所以推荐你Vue和React，不过两者里选一个就足够了。当然如果时间充裕，两个都学一下也好，这样你就可以找不同的东家了。
作为.Net程序员， 我不得不提一下Blazor，这是一个.Net平台下的崭新前端，使.Net程序员可以直接用C#来写前端，这个吸引力之大是dotnetter们难以抵挡的。如果你是.Net程序员的话，首选尝试Blazor，在不久将要推出的.Net 5中，Blazor还将有重大进化，那时候Blazor很有可能成为.Net世界大一统的（包括桌面、移动、Web等）前端框架。
至于JQuery，它确实辉煌过，但那是在前端没有框架的年代。那时候大家写SPA，除了JQuery以外简直没有第二把工具。你不会JQuery就不好意思说自己是做前端的，顶多是个写页面的。我这么说的意思是——jQuery绝对不是一个框架。它只是一个库，它不具备框架的约束性，你可以引用它但是只使用它的选择子，它不会影响你的设计结构。在现在框架横行的年代，如果你决心投身框架的阵营，那么坦率地说JQuery没有学习的必要，框架不依靠，甚至坚决反对通过选择子处理DOM，但如果你想全面地提高自己，那JQuery作为上古时代的大杀器，学一学绝对没坏处，这样你就可以找特别传统的东家了。 参考技术B 目前前端行业最流行的三大框架是Vue、react和angular
熟练掌握其中一至两种对求职和升职加薪有非常大的帮助 参考技术C 目前比较流行的前端三大框架是Angular、React、Vue，三者各有所长。
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更容易上手。 参考技术D Web前端的发展一直很火热，但不乏有声音说，前端的发展大不如前。其实，经过行业的发展，Web前端行业愈加成熟，企业对Web前端人员要求也越来越高，对于想要进入前端行业的人而言挑战比以前更大了。
前端框架从以前常用的jQuery、Bootstrap等框架，发展成现在的Vue、React、Angular三足鼎立的局面，这三个框架各有千秋，而且都是比较成熟的框架。
这三种框架都有哪些特点，我们来看看
Vue是一个轻量级的框架，通过进行双向数据的绑定来驱动界面，很多程序员学习新框架的时候，都会先从Vue开始，因为它的官方文档介绍的非常清楚，而且能够非常快速的通过异步批处理的方式更新DOM，可以把解耦的、可复用的组件组合在一起使用，还可以允许多种模块的安装，使用的场景很灵活。
React这个框架源于Facebook的内部项目，因为公司对当时盛行的JavaScript MVC框架不满意，所以就自己写了一套好用的框架。React可以通过对DOM的模拟从而减少与DOM的交互，从而轻易的解决了跨浏览器兼容的问题，它的模块化把组件隔离，出现问题时方便程序员修改，还因为同构JavaScript所以有助于搜索引擎的优化。
Angular是一个以JavaScript编写的库，拥有良好的应用程序，模板的功能非常强大，自带丰富的angular指令，可以通过指令扩宽HTML，而且可以通过表达式绑定数据到HTML，因为引入了Java的一些内容，所以很容易就可以写出复用代码，有效提高了团队开发的速度。
以上的回答希望对你有所帮助