要用原生JavaScript开发web应用？呵呵哒！现在都追求开发效率，开发者需要要更高效的方式，于是JavaScript框架诞生了。JavaScript框架是单页应用开发的顶梁柱，它为HTML和原生JavaScript增加了强大的功能。
多年以来，我们苦逼地使用原生JavaScirpt和jQuery开发复杂的界面，开发和维护的苦真是一言难尽。
框架能够让开发者抽出更多的精力专注在交互功能上，不用太操心代码的结构和组织。
大多数框架使用了MVC模式，并增强了代码的扩展性，重用性和可维护性。MVC并不是唯一的准则，还有一些其他的模式，比如MV＊，MVVM，MVP。要根据项目的需求应用恰当的模式。
最近一段时间JavaScirpt框架层出不穷，其中有十个最棒的，它们高端大气，功能丰富，广受欢迎，让我们可以搞定那些难搞的单页应用。
1.Angular.jsAngularJS，Google的亲儿子，是JavaScript框架中一面旗帜，在年发布第一版，遵循MIT许可开源。发布以来，Angular的生态圈就以惊人的速度壮大。它自称拥有最大的开发者社区，也是最常用的框架。
Angular为HTML增添了开发动态交互页面时所需的全部功能，其中包括在HTML元素的属性上添加Angular的指令。用Angular扩展HTML太方便了，把默认指令或者自定义指令放在某个div的属性上就可以了。
Angular负责编译和渲染HTML，并生成用户界面，在此过程中，它操作DOM并实现指令中的全部功能。不过，指令只是Angular强大功能的一部分。
双向数据绑定是Angular的核心功能。用户在界面上戳戳点点或是输入点什么的时候，改变了应用中的view，此时model(JavaScriptobjects)会跟随着view一起发生变化，model中的代码逻辑得到执行，最终将更新DOM结构。
这个过程反过来也一样的，当某些因素引起model变化时（比如使用服务端的消息推送），view会重新渲染。这种方式大体上根治了手工维护DOM的痛苦。
最近发布的ReactJS有超越Angular的势头，不过Angular牢牢地把持着领先地位，人们对它的需求有增无减。Angular能够不断地成长是因为每一个版本都会有优化和先进的功能。
我们可以访问Angular的官方网张了解更多的信息-angularjs.org
2.React.jsFacebook和Instagram的用户界面为什么这么给力呢？因为它们用的是React.js。我们借此可以感受到ReactJS在创建大规模动态应用方面的强大能力。
React在年发布了第一个的开源版本，它遵循BSD许可。一经发布社区规模就迅速扩大，必须承认它是当今发展最快JavaScript框架。随手就可以找到非常多的资料，教程和React的组件库。
ReactJS最擅长高效地渲染复杂的用户界面。它的基本原理是一个称为virtualDOM的东西。virtualDOM可以在客户端或服务端渲染，并进行通信。
在数据处理变的复杂和动态之后，客户端的DOM操作的性能受到影响。React的解决办法是：
使用virtualDOM在服务端进行DOM渲染。
比较真实的DOM和virtualDOM，并标记两者的差异。
只更新那些发生变化的DOM节点而不是重绘完整的DOM树。
React另一个优势在于响应式组件带来了很好的重用性，React组件库创建后可以在多个项目中共用，也能供大众使用。
一个很好的例子是Material－UI，它用React组件实现了Google的materialdesign。
去Instagram看看会有更直观的感受，它的界面完全由ReactJS生成。