HTML5有哪些主流框架

对于参加杭州Web前端培训班的人来说，他们的课程安排是从基础到进阶，并由专业的老师引导教学。在具备一定的理论基础之后，还需要学习前端框架，目的是减少重复的劳动，提高工作效率并增加安全性，而这也是很多企业在面试过程中经常提问的知识点。今天就给大家介绍一下Web前端三大主流框架。

目前比较流行的前端三大框架是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更容易上手。

综上所述，在大型超大型Web应用开发上比较看好Angular，个性化需求、中型应用更倾向选择React，在小型应用上则看好Vue。当然不同企业会有不同的需求，所选用的框架也不一样，但只要你具备扎实的理论基础，就可以很快上手这些框架。

大多数的 web 开发者一直在用关键点来寻找动态的框架，这样能简化设计和开发工作。

HTML5 框架在所有的 web 浏览器和手机应用上都展现了优秀的性能。不仅简化了 HTML5 开发中 CSS 开发的沉重负担，还提高了网站的可见性。主要的原因是 HTML5 提供了独有的特征，例如特殊的架构标签，动画，浏览器支持等。

Ionic                                                                                                                

Ionic 是一个神奇的框架和强大前端开源系统，使用先进的 web 技术比如 CSS、HTML 和 JS 来创建令人惊叹的手机应用。已经定制了在所有手机设备上的快速 *** 作，并且确保简单的功能和大量的手机组件。

您可以通过一个命令创建来测试和使用基于任何平台上的 ionic 应用。此外，该框架为它自己的组件提供了一套 Angular 指令（自定义的 HTML 元素），从而使它可以简单的编写一行 HTML 代码。类似指令，它使用视图动画逻辑，异步通信，Angular 的触摸识别和 HTML 清洁处理。

Siimpler

Siimpler 是一个简单的 HTML 开发框架，可以通过选择自己喜欢的部分，来帮助快速又简单的创建 HTML5 开发结构。根据项目需求，可运用 Siimpler 开发你自己熟悉的前端结构。网络设计者们也可以通过使用 Siimpler 框架类的文件和文件夹来无缝的开始一个 web 项目。

Foundation

Foundation 是世界上最精妙的前端响应框架，同时，它可以兼容所有的浏览器和网络设备。Foundation 拥有移动友好型的用户接口，并且获得了许多的原件来帮助你快速又完美的建立一个响应站点。Foundation 设置了许多关键的特性，例如 HTML，CSS UI 原件，模板，小代码块，含有按钮，表单，字体，导航等功能的响应组件。

LimeJS

针对于所有的最新的桌面浏览器和触屏设备，LimeJS 对于有用户经验的游戏开发者而言是最好的和最强大的开发框架。LimeJS 对于在线游戏开发而言能够带来更好的功能和更快的开发过程，而且适合所有的浏览器和触屏设备。

Enyo

Enyo 是一个开源的 JavaScript 框架，该框架能够让你创建顶级的 HTML5 应用程序，该应用程序能够运行在各种各样的电子设备上，比如说手机，台式机，笔记本，电视，以及 web 应用。对于很多流行的手机公司开发的重要应用都是采用该框架实现的。

最后：这是对于一个 HTML 开发公司的独特的功能， *** 作，需求，以及 HTML5 框架的最好的表现。

①：PhoneGap

PhoneGap 恐怕是最老的一个框架了，相信很多人都已经听说过甚至使用过它，但是PhoneGap是基于开源的cordova 商业版本。

②：Ionic

IONIC 是目前最有潜力的一款HTML5手机应用开发框架。通过SASS构建应用程序，它提供了很多UI组件来帮助开发者开发强大的应用。它使用 JavaScript MVVM框架和 AngularJS来增强应用。提供数据的双向绑定，使用它成为Web和移动开发者的共同选择。

③：Mobile Angular UI

Mobile Angular UI是使用 bootstrap 3 和 AngularJS 的响应式移动开发HTML5框架。

Mobile Angular UI的关键字有：

Bootstrap 3

AngularJS

Bootstrap 3 Mobile组件，比如switches, overlays和sidebars，这些都是bootstrap中没有的。

AngularJS modules， 比如 angular-route, angular-touch 和 angular-animate

响应式媒体查询是将bootstrap作为单独的文件，你只需要包含你所需要的东西。Mobile Angular UIu并不包含任何jQuery依赖，你需要做的只是通过一些AngularJS指令创建友好的用户体验。

④：Intel XDK

Intel XDK 是Inter开发的一款跨平台开发工具，我们可以很容易的通过Intel XDK开发应用，你需要做的只是下载他们的应用开发工具 ，有Linux、Windows和Mac版，它还提供了很多个开发框架，比如Twitter bootstrap, jQuery Mobile 和 Topcoat.

⑤：Appcelerator Titanium

 Appcelerator’s Titanium 不同于其它框架的是，它是一个开源的框架。

 Titanium是混合式移动应用开发的一站式解决方案，你只需要下载 Titanium studio就可以解决所有的事情，Titanium SDK包含了很多手机平台的APIs和后端云服务。

 Titanium使用 Alloy，Alloy是一个快速开发的手机应用MVC框架， 模块式开发可以大大减小开发时间，提高代码复用。

⑥：Sencha Touch

Sencha Touch 同样也是HTML5手机应用跨平台开发框架，运行iOS/Android/Blackberry。它已经诞生很多年了，现在已经成为很常用的混合式编程开发框架。

Sencha Touch可以让你的Web App看起来像Native App。美丽的用户界面组件和丰富的数据管理，全部基于最新的HTML5和CSS3的 WEB标准，全面兼容Android和Apple iOS设备。

⑦：Kendo UI

Telerik’s Kendo UI 是一个强大的框架用于快速HTML5 UI开发。基于最新的HTML5、CSS3和JavaScript标准。

Kendo UI包含了开发现代JavaScript开发所需要的所有一切，包括：强大的数据源，通用的拖拉（Drag-and-Drop）功能，模板，和UI控件。

---