前端越来越复杂——文搞懂Web前端主流框架到底有哪些！
2023-03-15 加入收藏
最近在某乎上看到这样一个问题——前端为什么会越来越复杂。
在评论中，小编看到一个回答，大意是这样的：
相对于后端来说，前端的发展路径更容易分叉，总要有一种新的方法去解决一个新的问题。随着用户审美的提高，对产品的需求扩大等因素，让前端的选择繁多，分支也增多，这样很难在技术上得到积累，导致前端逐渐出现复杂的现象。
其实复杂的前端技术不是难以学习和运行的意思，而是涉及的知识点更加丰富，运用到的前端技术越来越多。随着前端技术越来越多，给前端工作者的技术选择越多，就会让人感觉前端越来越复杂，这是从无到有的复杂。但是当这些知识点被集合成一个框架的时候，前端就变成非常容易的事。
框架可以帮助省略掉一些基本的相同底层代码的反复书写，只需调用框架的方法就可以实现你想要的功能。学习框架的目的就是提高项目的编写效率，使你可以有更多的时间去编写属于自己独特的东西，而不需要将大量的时间花费在底层代码的书写上。
今天就带大家熟悉前端中的7种框架。在了解框架之前，一起来看看前端中的这三个部分：HTML，CSS，JavaScript。
HTML（超文本标记语言——HyperText Markup Language）是构成Web世界的基石。HTML是一种基础技术，常与CSS、JavaScript一起被众多网站用于设计令人赏心悦目的网页、网页应用程序以及移动应用程序的用户界面。
层叠样式表(英文全称：Cascading Style Sheets)是一种用来表现HTML（标准通用标记语言的一个应用）或XML（标准通用标记语言的一个子集）等文件样式的计算机语言。CSS不仅可以静态地修饰网页，还可以配合各种脚本语言动态地对网页各元素进行格式化。
一种直译式脚本语言，是一种动态类型、弱类型、基于原型的语言，内置支持类型。它的解释器被称为JavaScript引擎，为浏览器的一部分，广泛用于客户端的脚本语言，最早是在HTML（标准通用标记语言下的一个应用）网页上使用，用来给HTML网页增加动态功能。
Web前端发展至今，演变出了无数的库和框架；说到库第一时间想到的是不是jquery？今天我们就来说说前端发展到现在都有哪些好用的库框架：
近几年最火的前端框架当属Vue.js了，Vue.js是一个构建数据驱动的Web界面的渐进式框架。Vue.js的目标是通过尽可能简单的API实现响应的数据绑定和组合的视图组件。
很多使用过vue的程序员这样评价它，“vue.js兼具angular.js和react.js的优点，并剔除了它们的缺点”。授予了这么高的评价的vue.js，也是开源世界华人的骄傲，因为它的作者是位中国人--尤雨溪。
Bootstrap是让你的页面更简洁、直观、强悍、移动设备优先的前端开发框架,让Web开发更迅速、更简单。
它还提供了更优雅的HTML和CSS规范，它是由动态CSS语言Less写成。有着丰富的网格布局系统以及丰富的可重用组件，还有强大的支持的JavaScript、jQuery插件以及组件定制等。
Layui是一款口碑极佳的Web弹层组件，是一款采用自身模块规范编写的前端 UI 框架，遵循原生 HTML/CSS/JS 的书写与组织形式，门槛极低，拿来即用。
Layui首个版本发布于2016年秋，它区别于那些基于MVVM底层的UI框架，从核心代码到API的每一处细节都经过精心雕琢，非常适合界面的快速开发。
Element-Ul是饿了么前端团队推出的一款基于Vue.js 2.0 的桌面端UI框架，手机端有对应框架是Mint UI 。适合于Vue的UI框架。
Mint UI是由饿了么前端团队推出的 一个基于Vue.js的移动端组件库，Mint UI包含丰富的CSS和JS组件，能够满足日常的移动端开发需要。
通过它，可以快速构建出风格统一的页面，提升开发效率。
AngularJS诞生于2009年,由Misko Hevery等人创建,后为Google所收购。是一款优秀的前端JS框架,已经被用于Google的多款产品当中。
AngularJS有着诸多特性，最为核心的是MVW（Model-View-Whatever）、模块化、自动化双向数据绑定、语义化标签、依赖注入等等。
React可以非常轻松地创建用户交互界面。为你应用的每一个状态设计简洁的视图,在数据改变时React也可以高效地更新渲染界面。
因为该公司对市场上所有JavaScript MVC框架，都不满意，就决定自己写一套，用来架设Instagram的网站。做出来以后，发现这套东西很好用，就在2013年5月开源了。