常用的前端框架有哪些？

常用的前端框架有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框架

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部分。

框架的选择：

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