常用的前端框架有哪些？

常用的前端框架有Bootstrap框架、React框架、Vue框架、Angular框架、Foundation框架等等

现在越来越多的前端框架开始出现，这为我们的项目需求带来了极大的方便。本文将为大家详细介绍几种前端框架，有一定的参考作用，希望对大家有所帮助。

常用框架介绍：

Bootstrap框架

Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript 开发的简洁、直观、强悍的前端开发框架，使得 Web 开发更加快捷。 Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，包括NASA的MSNBC（微软全国广播公司）的Breaking News都使用了该项目。国内一些移动开发者较为熟悉的框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

• Bootstrap是当今可用的前端框架中最受欢迎的，它具有直观，时尚的界面而且功能强大可以更快更轻松的实现web开发而且不需要捆绑附件就可以使用许多第三方插件，大多数浏览器都支持它，而且它提供了比其他前端框架更多的组合资源。

React框架

React JS 不像一个框架反而更像一个库，但绝对是值得一提。AngularJS是一个MVC模式的框架，但ReactJS是一个由Facebook开发的非MVC模式的框架。它允许你创建一个可复用的UI组件，Facebook和Instagram的用户界面就是用ReactJS开发的。

• React框架引入了许多自定义的（在创建时）前端Web开发的方法。要使用React，首先需要掌握组件的体系结构，JSX和单向数据流等，React框架的出现促使开发了大量额外工具用来实现高度灵活性。
• 虽然灵活性是其主要优势，但React因其灵活性也存在一些问题。比如在使用React时会面临选择的问题，而且它没有可靠的开发工作流程。我们必须使用React构建自己的工作流程。这比使用其他JS框架更困难，因为构建到框架中需要大量的开发工具。

Vue框架

Vue.js简介：Vue.js是一套构建数据驱动的 web 界面的渐进式框架。与其他重量级框架不同的是，Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层，并且非常容易学习，非常容易与其它库或已有项目整合。另一方面，Vue 完全有能力驱动采用单文件组件和 Vue 生态系统支持的库开发的复杂单页应用。Vue.js 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。它提供了更加简洁、更易于理解的API，使得我们能够快速地上手并使用Vue.js。

• Vue框架是用于构建用户界面的渐进式框架。它是可以自底向上逐层应用。Vue 的核心库只关注视图层，上手简单而且还便于与第三方库进行整合。但是它也有自己的不足之处就是Vue的现成解决方案很少，因此可能需要考虑创建自己的解决方案来解决各种问题。
• 如您所见，不同的前端开发框架为表格带来了不同的好处。对一个开发人员或项目有效的方法可能对另一个开发人员或项目不起作用，因此必须先研究各种解决方案，然后再将其自行解决。

Angular框架

Angular JS 是一个有Google维护的开源前端web应用程序框架。它最初由Brat Tech LLC的Misko Hevery于2009年开发出来。Angular JS是一个模型-视图-控制器（MVC）模式的框架，目的在于使HTML动态化。与其他框架相比，它可以快速生成代码，并且能非常轻松的测试程序独立的模块。最大的优势是在你修改代码后，它会立即刷新前端UI，能马上体现出来。

• Angular.js通常被称为MVW（模型 - 视图 - 随意）框架，其中包括：快速代码生成，轻松测试任何应用程序部分和双向数据绑定（后端的更改会立即反映在UI上）。自发布以来，它成为开发的最常用的JS框架。
• 对于基于企业的应用程序或具有高标准代码可读性的严格编程环境，Angular-s都是更好的选择。

Foundation框架

Foundation 是一个免费的前端框架，用于快速开发。Foundation 包含了 HTML 和 CSS 的设计模板，提供多种 Web 上的 UI 组件，如表单、按钮、Tabs 等等。同时也提供了多种 JavaScript 插件。

• Foundation是由网页设计公司Zurb创建的，是一个非常先进的企业级前端框架，非常适合开发灵活，响应迅速的网站。但是使用它也相当复杂，所以不适合刚入门的学习者。
• 这个功能丰富的框架支持GPU加速，可实现流畅，闪电般快速的动画，Fastclick.js可在移动设备上快速渲染。它在Sass预处理器上运行，并包含Foundation开发的数据交换属性，该属性允许您为移动设备加载轻量级 HTML部分，为较大屏幕加载“较重”HTML部分。

框架的选择：

• 每个框架都有自己的优点和缺点，以及它特定的用处，我们可以根据我们的项目需求来进行选择。例如，如果您的项目很简单，则无需使用复杂的框架。此外，许多选项都是模块化的，可以仅使用所需的组件，也可以混合来自不同前端框架的组件。
• 所以在选择前端框架之前，请考虑您的技能水平以及正在处理的项目的基本要求来更好的选择框架的使用。