常用的前端框架有哪些？_刘颖Eleven的博客

常用框架介绍：

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

框架的选择：

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

1、bootstrap 目前最流行的 HTML, CSS 和 JavaScript 框架，用于开发响应式，移动端先行的 web 项目 gethub：https://github.com/twbs/bootstrap 官网：http://getbootstrap.com/ 2、vue 一个用以创建用户接口的直观、快速、简洁的 MVVM 框架 gethub：https://github.com/vuejs/vue 官网：https://vuejs.org/ 3、angular.js 前端框架 一般指用于简化网页设计的框架，使用广泛的前端开发套件，比如，jquery，extjs，bootstrap等等，这些框架封装了一些功能，比如html文档操作，漂亮的各种控件（按钮，表单等等），使用 前端框架 可以帮助快速地搭建网站。完美的中文配套文档, 超低的入学门槛, 一度被人说是 “傻瓜式框架”, 易学易用，褒贬不一的双向数据绑定以及超级容易上手的渐进式框架模式，都是深受我们喜欢的点。框架是提供一套完整的解决方案，按照规定好的代码结构来做编排，使用 前端框架 可以降低界面开发周期和提高界面的美观性。 web项目 前端框架 整理推荐1web项目 前端框架 整理推荐2web项目 前端框架 整理推荐3web项目 前端框架 整理推荐4web项目 前端框架 整理推荐5web项目 前端框架 整理推荐6web项目 前端框架 整理推荐本文将整理下我这几年来在普通的web项目,诸如网站,XXX管理系统等项目中使用的几个框架(或小工具,插件). 包括前端开发的方方面面,值得收藏. 以下推荐的框架(或小工具,插件)均为... 1、bootstrap Bootstrap 是Twitter推出的一个用于前端开发的，一个用于 HTML、CSS 和 JS 开发的开源工具包，是全球最受欢迎的前端组件库，用于开发响应式布局、移动设备优先的 WEB 项目。官网：https://v4.bootcss.com/ 文档：https://v4.... 前端的技术日渐更新，最近得空，花了一上午的时间，将前端常见的UI框架总结了一下，在开发的过程之中，有了这些，不断能够提高自己的工作效率，还可以在工作之余了解更多。希望大家喜欢。1.Layui官方网址：http://www.layui.com/Layui是一款采用自身模块规范编写的国产前端 UI框架，遵循原生HTML/CSS/JS的书写与组织形式，门槛极低，拿... 1.AngularJS Angular JS 是一个有Google维护的开源前端 web应用程序框架。它最初由Brat Tech LLC的Misko Hevery于2009年开发出来。Angular JS是一个模型-视图-控制器（MVC）模式的框架，目的在于使HTML动态化。与其他框架相比，它可以快速生成代码，并且能非常轻松的测试程序独立的模块。最大的优势是在你修改代码后，它会立即刷新前端 UI，能马上体现出来。《angular.js中文教学视频教程》 2. ReactJS React JS 不像一个框架反 1、jQuery jquery是基于 JavaScript 类库的框架，其中提供了许多 JavaScript 类库，和一些css样式表的封装，使用起来比较方便，简化了用户与浏览器的交互，提高了系统的性能和开发效率。其封装 JavaScript 常用的功能代码，提供一种简便的 JavaScript 设计模式，优化HTMl文档操作，事件处理，动画设计和Ajax交互. 具有独特的链式语法和短小清晰的多功能接 Mint UI是饿了么团队开发基于vue .js的移动端UI框架，它包含丰富的 CSS 和 JS 组件，能够满足日常的移动端开发需要。官网：https://mint-ui.gith JavaScript 框架 React.js 在我们编制的 2021 年最佳 JavaScript 框架的榜单中，前端类排名第一是 React.js。React.js 是一个开源的前端 JavaScript 库（并非一个成熟的框架），由 Jordan Walke 领导的 Facebook 开发团队于 2011 年创建，并于 2013 年 6 月开源。它的原型名为“FaxJS”，在 Facebook 消息来源（News Feed）上进行了首次测试。可以说，React 是网络开发行业中最大的颠覆者之一，也是塑造我