HTML5常用框架

HTML5开发工程师现在可谓是市场上的热门职位，不少人看到HTML5开发的发展前景后，纷纷选择通过学习转行做这个行业，想要成为一名合格HTML5开发人员，就需要熟练掌握框架的技术，那么HTML5框架有什么作用？常用的HTML5框架有哪些呢？

通过使用框架，可以在同一个浏览器窗口中显示不止一个页面。每份HTML文档称为一个框架，并且每个框架都独立于其他的框架。

1、React

React主要用于构建UI。开发人员可以在React里传递多种类型的参数，如声明代码。还能够帮助开发人员渲染出UI、也可以是静态的HTML DOM元素、也可以传递动态变量、甚至是可交互的应用组件。

React采用声明范式，可以轻松描述应用。通过对DOM的模拟，很大限度地减少与DOM的交互。并且React可以与已知的库或框架很好地配合。

2、ionic

ionic是一个用来开发混合手机应用的、开源的、免费的代码库。可以优化HTML、CSS和JS的性能，构建高效的应用程序，而且还可以用于构建Sass和AngularJS的优化。ionic会是一个可以信赖的框架。

3、Enyo

Enyo是一个为 WebOS 应用程序设计的 JavaScript 框架，针对移动平台设计。除原生 webOS 之外，还支持 Android、iOS、Chrome 桌面版、Firefox 桌面版甚至 IE 桌面版本。精简的模块化设计，方便扩展的同时也保持苗条，核心 gzip 后仅有 13kb。依据 APL 协议开源，对于非开源应用友好。

4、Bootstrap

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

Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。且自带以下特性：全局的 CSS设置、定义基本的 HTML 元素样式、可扩展的 class，以及一个先进的网格系统。Bootstrap 还包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等。以及十几个自定义的jQuery 插件。重要的是开发人员可以定制Bootstrap的组件、LESS 变量和jQuery 插件来得到想要的版本。

5、Vue.js

是一套用于构建用户界面的渐进式JavaScript框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，方便与第三方库或既有项目整合。

Vue 完全有能力驱动采用单文件组件和Vue生态系统支持的库开发的复杂单页应用。通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件。因此它非常容易学习，也非常容易与其它库或已有项目整合。而且在与相关工具和支持库一起使用时，Vue.js 也能完美地驱动复杂的单页应用。