什么是Web前端开发？
前端开发是创建web页面或app等前端界面呈现给用户的过程。通过html、css、js以及衍生出来的各种技术、框架、解决方案来实现互联网产品的用户交互界面。
Web前端框架有：Bootstrap框架、React框架、Vue框架、Angular框架、Foundation框架、TypeScript框架。
1、Bootstrap框架
Bootstrap是当今可用的前端框架中最受欢迎的，它具有直观，时尚的界面而且功能强大可以更快更轻松地实现 web开发而且不需要捆绑。附件就可以使用许多第三方插件，大多数浏览器都支持它，而且它提供了比其他前端框架更多的组合资源。
2、React框架
React框架引入了许多自定义的（在创建时）前端 Web开发的方法。要使用 React，首先需要掌握组件的体系结构，JSX和单向数据流等，React框架的出现促使开发了大量额外工具用来实现高度灵活性。虽然灵活性是其主要优势，但 React因其灵活性也存在一些问题。比如在使用 React时会面临选择的问题，而且它没有可靠的开发工作流程。我们必须使用 React构建自己的工作流程。这比使用其他 JS框架更困难，因为构建到框架中需要大量的开发工具。
3、Vue框架
Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue被设计为可以自底向上逐层应用。Vue的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue也完全能够为复杂的单页应用提供驱动。
4、Angular框架
Angular.js通常被称为 MVW（模型–视图–随意）框架，其中包括：快速代码生成，轻松测试任何应用程序部分和双向数据绑定（后端的更改会立即反映在 UI上）。自发布以来，它成为开发的最常用的 JS框架。对于基于企业的应用程序或具有高标准代码可读性的严格编程环境，Angular-s都是更好的选择。
5、Foundation框架
Foundation是由网页设计公司 Zurb创建的，是一个非常先进的企业级前端框架，非常适合开发灵活，响应迅速的网站。但是使用它也相当复杂，所以不适合刚入门的学习者，这个功能丰富的框架支持 GPU加速，可实现流畅，闪电般快速的动画，Fastclick.js可在移动设备上快速渲染。它在 Sass预处理器上运行，并包含 Foundation开发的数据交换属性，该属性允许您为移动设备加载轻量级 HTML部分，为较大屏幕加载“较重”HTML部分。
6、TypeScript框架
TypeScript是由微软开发的自由和开源的编程语言，JavaScript类型的超集，它可以编译成纯 JavaScript。TypeScript可以在任何浏览器、任何计算机和任何操作系统上运行，并且是开源的。
肯定使用框架啊，不然还原生 JS、自己写样式？
H5做移动开发也分两种，一种就是正常的网页，一种是封装的成 App在手机上跑的。下面我只大致介绍一下又哪些框架，具体的特性不是三两句能说完的，题主可以自行搜索相关资料。
后者比较知名的框架就是 PhoneGap、MUI等等了。
而前者具体分的话还分 CSS框架和 JS框架。样式框架有很多了，常见的有 jQuery Mobile、Bootstrap、Kendo UI、Amaze UI等等。JS框架一般是 AngularJS、Backbone、ReactJS等等，但说实话这些 JS框架都比较繁重，一般是为比较复杂的场景设计的，如果你的页面需求很简单，那么大可以不用它们只用样式框架就好了。
值得一提的是国内 BAT三大巨头也分别有自己的 H5框架，并且都已经开源了，百度的是 GMU（Global Mobile UI）、Clouda+、EFE这三个，阿里的是 Kissy Mobile，腾讯的是 Frozen UI。
①：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控件。
转载请注明：片头模版 » web app 框架(web前端框架有哪些)
