»»AngularJS 、Backbone.js 和 Ember.js 的比较
　　我们准备在这篇文章中比较三款流行于Web的&模型-视图-*&框架：AngularJS、Backbone和Ember。为你的项目选择正确的框架能够对你及时交付项目的能力和在以后维护你自己代码的能力产生巨大影响。你也许想基于一款可靠的、稳定的和成熟的框架来构建项目，但又不想为此受到约束。Web发展迅速&&新技术产生，旧的那套方法很快跟不上潮流。如此形势之下，我们准备仔细深入的比较这三个框架。
　2& 框架概览
　　今天我们提到的所有框架有许多共同点:都是开源的，遵从 MIT 协议，并且都尝试通过 MV* 模式来解决开发单页面应用的问题。它们都有类似的概念:视图，事件，数据模型和路由。我们先简单回顾一下有关的历史和背景知识，然后再展开深入比较这三款框架。
　　AngularJS 诞生于 2009 年，当时作为一个大型商业产品的一部分叫做 GetAngular。不久之后，Misko Hevery，GetAngular 项目创建者之一，花了仅仅三周时间，用 GetAngular 重写了一个曾经耗时 6 个月才完成的，有 17K 行代码的页面应用，并将代码削减到&1,000 行左右，于是成功的说服了谷歌开始赞助该项目，并将其开源，也就是我们今天看到&AngularJS 。Angular 的特点是拥有双向数据绑定，依赖注入，易于测试的编码风格，以及通过使用自定义指令可以简单的扩展 HTML。
　　Backbone.js 是一个轻量级的 MVC 框架。诞生于 2010 年，它作为那种笨重全功能的 MVC 框架，比如说 ExtJS， 的一个代替品，迅速流行开来。 很多服务都使用了它，比如&Pinterest, Flixster, AirBNB 等等。
　　Ember 则要回溯到 2007 年，最开始是以 SproutCore MVC 框架展现在世人面前，由 SproutIt 开发，后来是 Apple，再后来到 2011 的时候，jQuery 和 Ruby on Rails 的核心贡献者 Yehuda Katz 参与了进来。有名的&Ember 用户包括了 Yahoo!, Groupon, 和 ZenDesk。
　　社区是在选择一个框架的时候，要考虑的最重要因素之一。大社区意味着更多的答案，更多的第三方模块，更多的&YouTube 教程&你，明白了么。我做了个统计，截止 日，Angular 是绝对的王者，作为 GitHub 上第六大星级项目，在 StackOverflow 上的提问比 Ember 和 Backbone 加起来还多，你自己看:
Github 的点赞星数
第三方模块
栈爆网的提问件数
YouTube 件数
GitHub 贡献者
Chrome 插件用户
Backbone.js
　　所有这些指标，显示的仅仅是每个框架的当前状态。看看哪个框架增长最快也是很有趣的，你有福了，通过谷人希的趋势跟踪，你可以得到以下答案:
　4&框架大小
　　页面的加载时间是你网站成功的关键。当涉及浏览速度的时候，用户&& 所以很多情况下你要尽可能让你的应用跑得越快越好。使用框架，有两个因素会对应用的加载时间产生影响: 框架的大小和它启动的时间。
　　Javascript 资源通常都会被经过精简和压缩，所以我们来比较一下压缩版。但是只看框架的大小肯定不够的。Backbone.js，尽管是最小的&(只有 6.5kb)，但是必须 Underscore.js (5kb) 和 jQuery (32kb) 或者 Zepto (9.1kb)，而且你还有可能还有一些第三方插件要加进来。
AngularJS 1.2.22
& & &39.5kb
& & &39.5kb
Backbone.js 1.1.2
& & &6.5kb
& & &43.5kb (jQuery + Underscore)
& & &20.6kb (Zepto + Underscore)
Ember.js 1.6.1
& & 136.2kb (jQuery + Handlebars)
& & 净大小
& & &包含依赖之后的大小
　　Angular 和 Ember 都有模板引擎。而另一方面 Backbone，把这个选择权留给了你。感受模板引擎的异同最好的办法就是上点代码，好的，我们开始。我们将演示把一个列表转换成 HTML&列表的例子。
　　5.1 AngularJS
　　Angular 的模板引擎仅仅是在 HTML 上使用绑定表达式。而绑定表达式又仅仅是两层大括号而已:
&&&li&ng-repeat=&framework&in&frameworks&&
&&&&&&title=&{{framework.description}}&&
&&&&{{framework.name}}
　　5.2 Backbone.js
　　Backbone 可以和许多第三方模板引擎集成，默认的选择是&。 因为 Underscore 是 Backbone 的依赖项，你已经把它加载到页面中了，你无须添加任何额外的依赖关系就可以使用它的模板引擎。不爽的是，Underscore 的模板引擎非常初级，你通常不得不把 javascript 混进去，比如说:
&&&%&_.each(frameworks,&function(framework)&{&%&
&&&&&li&title=&&%-&framework.description&%&&&
&&&&&&&%-&framework.name&%&
&&&%&});&%&
　　5.3 Ember.js
　　Ember 目前用的是 Handlebars 模板引擎，的&Mustache 模板引擎的扩展。一个新的&Handlebars 变种，叫做 HTMLBars ，目前已经可以使用了。Handlebars 不关心 DOM & 它所做的仅仅是做一个简单的字符串变换。而 HTMLBars 则可以处理 DOM，所有的变量转换都有上下文感知。由于 HTMLBars 还没有流行，我们还是来看看用 Handlebars 方式打印列表方式:
&&{{#each&frameworks}}
&&&&&li&{{bind-attr&title=description}}&
&&&&&&{{name}}
&&{{/each}}
　6 AngularJS
　　6.1 好处
　　Angular 为 Web 开发带来了许多创新的概念。双向数据绑定节省了大量的样板代码。比如下面的 jQuery 代码片段:
$('#greet-form&input.user-name').on('value',&function()&{
&&&&$('#greet-form&div.user-name').text('Hello&'&+&this.val()&+&'!');
　　由于 Angular 的双向绑定，你根本就不需要自己写代码。只需要在 HTML 模板里面声明绑定就可以了:
&input&ng-model=&user.name&&type=&text&&/&
Hello&{{user.name}}!
　　Promises 在 Angular 中扮演了一个重要的角色。Javascript 是单线程，基于事件循环的语言，这意味着许多操作(比如说网络通讯)都是以异步方式进行的。异步的 Javascript 代码会很快的就陷入了长长的嵌套回调，也就是臭名昭著的 &Pyramid Code& 或者叫做 &Callback Hell&。
　　相对比另外两个，Angular 不光有着更大的社区，更多的在线文档，而且还有谷歌在背后的推广和支持。所以，核心团队还在不断增长，产出更多的创新，以及改善开发生产效率的工具，比如: Protractor, Batarang, ngmin 和 Zone.js，一抓一大把。而且，开发团队还向用户征集需求。比如说，Angular 2.0 的所有设计文档你都可以从&&找到，任何人都可以直接给设计文档提建议。
　　Angular 帮助你把构建应用的程序块划分为下面这几种类型：控制器(Controller)，指令(Directive)，工厂(Factory)，过滤器(Filter)，服务(Service)和视图(View) (就是模板)。它们被组织为模块形式，之后可以被另一个引用。每种类型有不同的作用。视图处理 UI，控制器处理 UI 背后的逻辑，服务用来处理和后台的通信，并且将共通的有关联的功能组件结合在一起，而指令通过定义新的元素，属性和行为，很容易的构造可重用的组件，以及HTML扩展。
　　自动脏值检查意味着，你不需要用 getter 和 setter 去访问数据模型 & 你可以修改任意范围(scope)的任意属性，然后 angular 会自动检测到变化，通知该属性的所有观察者(watcher)。
　　&Angular 的初衷是写出可测试的代码。& 中的这句话，包含了太多意思&& Angular 确实很注重分离，单元隔离，为 &和&&等基础内置服务提供了现成的，强大的 mock。
　　6.2 痛处
　　Angular 常被人诟病的是指令那复杂的 API。 Transclusion，尤为突出，这个概念，把许多开发者搞得一头雾水，让你满脑子各种概念，比如编译函数(compiling function)，linking，函数的预处理/后处理(pre/post linking functions)，各种 scope 类型 (transclusion/isolate/child scope)，还有各种配置设置，需要相当的时间来掌握。
　　Angular 中的 scope 层次结构使用的是 Prototypal 继承，这又是一个为了迎合从面向对象语言，比如 Java 和 C#，过来的开发人员而提出的概念。不理解 scope 导致许多开发者开发很受伤&(比如说: ,
　　&在视图层被广泛应用。表达式语言非常强大，有时候是强大过头了。这诱导开发者使用各种复杂的逻辑，甚至执行赋值运算和计算全部都放在模板中。把逻辑运算放在模板中让它非常难以测试，因为它变成不可能独立测试了。看看下面的例子，演示了如何滥用这种模板语言的:
&button&ng-click=&(oldPassword&&&&checkComplexity(newPassword)&&&&oldPassword&!=&newPassword)&?&(changePassword(oldPassword,&newPassword)&&&&(oldPassword=(newPassword='')))&:&(errorMessage='Please&input&a&new&password&matching&the&following&requirements:&'&+&passwordRequirements)&&Click&me&/button&
　　许多情况下，指令名称的拼写错误，或者调用未定义 scope 方法，都会被忽略，并且很难被发现，特别是当你把复杂的指令 API 和上面提到的 scope 的继承弄到一起的时候。我见过有些苦逼花费一大堆时间抓耳挠腮想找出为什么 scope 中的一个绑定的事件没被回调函数触发，最后居然是因为用了驼峰(camelCase)命名，而没有用连字符分隔(hyphen-separated)拼写属性的名称(比如说).
　　最后，是 Angular 的循环系统中, 要注意那&神奇的&脏值检查，它经常会给开发者惊喜。在非-Angular上下文运行的时候，很容易忘记调用&$digest() ()。也就是说，你必须非常小心，不要触发缓慢的观察者事件或者无限循环(例子: ,
还有 )。通常，对于一页上有大量的交互元素的页面，Angular会变得非常慢。有个很好的界定是，不要在同一页面上放超过 2,000 个活动的绑定。
　7 Backbone.js
　　7.1 好处
　　Backbone 轻量，快速，内存占用小。学习曲线也是很平缓的，只需要几个简单的概念就能掌握&(模型/集合, 视图, 路由)。它有很棒的文档，代码简单，注释详细，并且这里还有一个源码，用来解释框架的工作细节。实际上你可以通读整个框架的源码，用不到一个小时去熟悉它。
　　因为又小又基础，你可以基于 Backbone 打造你自己的框架。一些基于 Backbone 的第三方框架的例子有&Aura, Backbone UI, Chaplin, Geppetto, Marionette, LayoutManager, Thorax, Vertebrae。用 Angular 和 Ember 你一般都要用框架作者给你的选择，有些可能会不适合你的工程需求和个人风格。Angular 2.0 承诺改变这种情况，通过构建更小的独立模块，使你可以选择和组合它们。不过我们还没看到它什么时候才能交付。
　　7.2 痛处
　　Backbone 没有提供基本构造。它仅仅是提供了一些基础工具让你去创建，让你去决定如何构造应用，这有太多空要填了。比如说内存管理需要小心的处理。由于缺失视图生命周期管理，这会使得路由/状态的变化，很容易导致内存泄漏，除非你可以很清楚的处理一切。
　　诚然，Backbone本身不提供的功能，可以由第三方插件来填补，这也就意味着，在你创建应用的时候，有很多选择，因为一个功能通常有许多个备选插件。比如说，内嵌模型可以由下面这些插件提供:Backbone.DocumentModel, BackBone.NestedTypes, Backbone.Schema, Backbone-Nested, backbone-nestify, 这还是其中的一小部分。决定哪个更适合你的工程是需要调查的，这需要时间 & 而使用框架的一个主要目的是节省你的时间。
　　Backbone 缺乏对双向数据绑定的支持，意思也就是说，你必须编写大量的样板来处理模型更新之后触发的视图更新。看看上面给出的例子，想想看&Angular.js 的双向数据绑定削减了多少样板代码。
　　Backbone 中的视图是直接操作 DOM 的，这让它们非常难做单元测试，也就更脆弱，更难以重用。常见的例子就是用 CSS 选择器查找 DOM 元素，改变CSS 类名，添加有同样类名的新元素或者把同样的 DOM 树包装到另一个元素，都会打乱你的 CSS 选择器以及应用的渲染。
　8 Ember.js
　　8.1 好处
　　Ember.js 主张约定优于配置。也就是说，无需编写大量的样板代码，Ember 会自动推导出许多配置本身，比如在定义一个路由资源的时候，可以自动判定路由的名称和控制器。Ember 甚至会在你没定义控制器的时候，自动为你的资源生成一个。
　　Ember 包含了一个优秀的路由和一个可选的数据层，叫做 ember data。和其他两个框架不同，它们的数据层非常小(Backbone 的集合/模型和 Angular 的 $resource)，Ember 有一个拿来即用的非常成熟的数据模块，只需要简单的配置，就可以和后台的&Ruby-on-Rails 或者其它的 RESTful JSON API 集成得非常好。它还可以来支持面向 mock API 开发以及测试。
　　性能是 Ember.js 设计的主要目标。诸如&&这个概念，可以确保数据的变化只导致单个 DOM 更新，即使同一块数据进行了多次更新也是一样，还有, 还有可以在编译时或在服务端对 HandleBars 模板进行预编译的能力，都可以帮助你保证应用的负载，保证它跑得足够快。
　　8.2 痛处
　　Ember 的 API 在它稳定版出来之前变化太大了。这导致了有大量的过期内容和不能再运行的例子，这会新进开发者开始使用这个框架时感到非常困惑。看看&，你就会知道我说的是什么意思了。这里有太多的大变更了，这就让许多栈爆网的回答和编码例子变得毫无意义了(比如说。
　　Handlebars 为了和数据模型一致，用了太多的&&script& 标签来污染 DOM 了。这会在迁移到&HTMLBars 的时候变得毫无意义，但到那时，你的 DOM 树上全都是 &script& 标签，会哪些是你的代码了。还有最糟糕的部分 & ，或者影响和其他框架的集成，比如说&。
　　我们已经看过三个框架的长处短处。Ember 的综合能力，其中的 MVC 结构，对于那些曾经在&Ruby, Python, Java, C# 或者其他面向对象语言中有过&MVC 编程背景知识的程序员来说非常有意义。Ember 还带来了媲美桌面应用的性能，而且还因为约定优于配置的原因，可以让你节省非常多样板代码。
　　Backbone 崇尚极简主义。它够小，够快，够简单，但是提供了你构建应用所需要的最小集(许多情况下，甚至要小于最小集)。
　　Angular 的扩展 HTML 的创新方法，对于骨子里是 web 开发者的人来说非常有意义。它有强大的社区，有谷歌在后面支持它，它不断沉淀和成长。它不但适用于快速原型开发，还适用于大型生产应用。
　　原文地址：
验证消息：Admin10000
提示：常上QQ空间的朋友可关注，精彩内容不错过。
理智评论文明上网，拒绝恶意谩骂 发表评论 / 共0条评论
登录会员中心您所在的位置： &
Clouda框架介绍与应用场景
Clouda框架介绍与应用场景
Clouda是一个NodeJS Web开发框架，但是，与流行的Express框架不同，Clouda是一个完整的前后端开发解决方案，等价于目前热议的MEAN架构。
Clouda是一个NodeJS Web开发框架，但是，与流行的Express框架不同，Clouda是一个完整的前后端开发解决方案，等价于目前热议的MEAN架构。
MEAN是指mongoDB+Express+AngularJS+NodeJS，在Clouda中则是mongoDB+Clouda
core+Handlebar+NodeJS，Clouda是一个集成框架，相对来说比MEAN要容易上手，另外Clouda中实现了前后端数据绑定和 UI实时刷新，也就是实时性。
与Clouda类似的NodeJS实时Web框架有Meteor、socketstream、Derby，另外网易有基于NodeJS的游戏服务端框架pomelo，也支持开发实时性Web App。
Clouda框架是百度历经两年开发出来，并在Github上开源，2013年8月百度世界大会上正式发布。截止至2014年5月已至0.10.2版本。
Clouda的前身是sumeru（西米露） WebApp平台，据传该平台由前百度云首席架构师林仕鼎设计，由百度移动云部门下面的技术团队开发，并由童遥担任项目负责人。
Clouda是配合百度移动云战略而研发出来的，是百度轻应用战略的一部分，其目标是打造媲美原生应用性能的Mobile Web App，也是为了提高轻应用的性能表现。
官方网站上介绍Clouda的特性如下：
云端统一。只用Javascript一门语言，抹平云端界限，一份代码处处运行。这是属于nodejs的特性。
实时编程。所有数据实时推送的基础设置，每个终端都无延迟同步响应。
随动反馈。面向数据的编程模型，数据实时推送后，界面会自动更新。这两条说的其实就是一个事，就是实时性。
专为移动。为智能手机与平板电脑特别设计，运行性能高，标配离线能力。
高兼容性。标配数据同步工具，兼容已有服务；同时兼容Backbone等开源框架。也就是说一些组件可以被替代，如handlebar.js和Clouda UI。
一键托管。无缝整合百度BAE云环境，即可自建服务器也可一键托管在百度云。
SEO能力。原厂匹配主流搜索引擎，每个APP场景都可以被搜索引擎爬虫抓取。这两条是为配合百度的服务准备的，其实还可以加一条，就是快速接入轻应用。
入门简单。简单语法搭配丰富教程与文档，保证快速上手，还配有5分钟教程。Clouda框架还是需要一些学习成本的，虽然比其他的框架可能要简单一点。
mongoDB：mongoDB是Clouda正常运行所依赖的环境，mongoDB是非关系文档型数据库，数 据以json的二进制扩展bson存储，读取出来的数据可以直接在javascript中操作而无需进行转换。Clouda使用mongoDB官方开发的 驱动组件mongodb来操作数据库。
另外Clouda还支持Redis的分布式存储，不过也需要先有Redis环境。
Handlebar.js：一个弱逻辑的js模板引擎库。它的特点是你可以像在ddcms、wordpress中写模板一样来写页面。它可以将数据绑定到html节点，并在数据改变时实时刷新UI。
这个库是可替换的，你可以切换到backbone等其他模板引擎上。
Handlebar.js官网：
SockJS：SockJS是一个可以提供类似websocket对象的js库，能提供服务器和浏览器之间的一致连贯的、跨浏览器的连接。websocket是可选的，SockJS可以用自己的协议来代替，也就意味着可以支持较低版本的浏览器。
SockJS Github：
Clouda UI：Clouda UI是一个支持双向数据绑定的轻量级UI框架，里面封装的是GMU组件，GMU是百度FEX Team为轻应用开发的一套移动优先的UI组件，不过现在已经开源出来，可以在Clouda里用，也可以单独使用。
GMU Github：
Clouda的依赖里面还包含其他node模块，如Clean-CSS、shelljs、uglify-js，因为不是很重要这里就不提了。
Clouda项目默认使用MVC架构，我根据官网的介绍和实际项目的代码画了一张示意图如下：
498)this.width=498;' onmousewheel = 'javascript:return big(this)' width="485" height="230" alt="clouda架构" src="/wyfs02/M01/27/A4/wKiom1N0JlXAe0fQAABJjIytUIo404.jpg" />
从图中可以看到Controller并没有和Model直接交互，而是通过一个Pub/Sub模型。由于Clouda使用SockJS和Handlebar实现了Model到View间的数据绑定，实际上这个架构是有点接近于MVVM了。
Clouda项目负责人童遥在一次演讲上演示的架构如下：
498)this.width=498;' onmousewheel = 'javascript:return big(this)' width="485" height="216" alt="clouda架构2" src="/wyfs02/M00/27/A4/wKioL1N0JiuhqrqBAAC2AtMCth8838.jpg" />
童遥的演讲讲了为什么要开发实时性的Web App框架以及设计思路，不少干货还是值得一看的：
由于Clouda使用了类websocket机制，每一个浏览页面的用户都要创建一个长连接对服务器进行轮询，因此最好每一个浏览页面的用户都是重 度用户，而不是看一下页面就离开。Clouda的设计本来是为Mobile Web
App，因此可以适用，但实际上也是可以用于PC浏览器上的，即Web App。
同时，每次Clouda启动都会动态的创建页面资源，因此页面越少越好。
综上，Clouda适用于页面少的Web App，即在线工具和服务等，而不适用于用户平均在线时长和PV/IP比偏低的服务，如Blog、CMS等偏静态页面的开发。
官方提供了以下功能示例代码，你可以认为它们是Clouda适用的应用场景。
TO-DO list
多人聊天室
多频道的聊天室
带数据验证的用户系统
获取第三方数据
在Clouda官网的客户案例页面提供了更多的示例，这些是业务层面的，全部都是Mobile Web App，总结如下：
可以看到业务案例大多是IO密集的数据库查询。这也是NodeJS的强项。
与其他框架、语言配合
Clouda会生成独立的项目，因此无法与其他NodeJS框架如express完美协同，不过Clouda支持express的数据接口。
另外Clouda会动态生成页面文件，因此也无法与其他语言如php等进行混合开发，不过也可以用API和组件的方式协同。
Clouda的理念很先进，但也有不完善之处，以下是希望Clouda进行改进和完善的地方。
更抽象，能够选用模块，而不是默认封装。在MEAN架构中，除了NodeJS，其他模块应该是可替换的，我们希望Clouda也能做到模块可替换，目前只是前端类库可替换，这还不够。
更广泛的适用性。即能支持非实时应用的开发，网络上的内容其实大多数不要求完全的实时性，我们希望Clouda即能支持实时，也能支持非实时。
组件化。Clouda由于使用长连接能够用于显示用户的在线状态，因此非常适用于会员系统、IM组件的开发，希望Clouda能开发一个mini组件版，去掉不必要的东西，能方便的嵌入到其他应用程序里面。
---------------------
更新：据内部消息，Clouda正在酝酿一次大的改版，将功能细化，使框架底层对开发者更透明。预计6月份会出一个预览版。【编辑推荐】【责任编辑： TEL：（010）】
关于&&&&的更多文章
iOS从最初的惊艳到后来的成熟，再到现在的转变，被誉为最佳移动
既然强大的Android Studio来了，有什么理由不去用呢？
Android操作系统已经成熟，Google开始将注意力转向底
对于开发者来说，设计模式想必都不陌生，而在Android
相信很多开发者在iOS项目的开发过程中，都会使用到一
本书以最新的ASP.NET 2.0为基础，详细阐述了当前网络开发的经典架构ASP.NET 2.0+XML+CSS的各个知识点，以及SQL Server 2005的相
Windows Phone专家
Android开发专家
51CTO旗下网站前端大牛 Addy Osmani 的15个精彩PPT与其作品《Backbone.js应用程序开发》 | 程序员书屋小组 | 果壳网 科技有意思
742人加入此小组
Addy Osmani 创建了 TodoMVC、jQuery UI Bootstrap、jQuery Plugin Patterns 和 Backbone Paginator，出版了《Learning JavaScript Design Patterns》和《Developing Backbone.js Applications》两本技术书籍，而且还是著名的 jQuery、Modernizr 以及 Backbone.js 框架的贡献者。《Developing Backbone.js Applications》即将由 出版，中文名称：《Backbone.js应用程序开发》目前在印刷状态，即计9月15日可与大家见面。后面会给大家详细说明。本文中的PPT分享来自博客园中昵称梦想天空整理的《前端大牛 Addy Osmani 的15个精彩彩PPT》因为《Developing Backbone.js Applications》作者与PPT作者同为一人，所以微信君整合在一起与大家回顾PPT、分享技术书！作者PPT分享1、Tooling For The Modern WebApp Developer现代 Web App 开发者必备的实用工具推荐，深入介绍了 Chrome 开发者工具的功能。2、The New Wave Utility Belt (FOWA)介绍了 Google 强大的工具系统：Yeoman，帮助开发人员快速构建出漂亮的、引人注目的 Web 应用。3、Digesting JavaScript MVC深入解析 JavaScript MVC，讨论 JavaScript MVC 模式应用情况以及优秀的框架推荐。4、Decoupling JavaScript Vs. The World讲解 JavaScript 组件级别解耦、模块级别解耦以及观察者模式、门面模式和中介者模式等。5、Scaling Your JavaScript Applications探讨 JavaScript 应用程序的体系结构，模块化和可扩展性。内容包括MV*模式（MVC，MVP，MVVM），MV*框架，AMD 和大规模的应用模式和解决方案。 6、The jQuery Essentials《jQuery 必知必会》教你编写 jQuery 的最佳实践和性能技巧，如果你正在学习 jQuery，一定不能错过了。7、Polyfilling The HTML5 Gaps With JavaScriptPolyfill 是 JavaScript 垫片，让你能够在旧的浏览器中使用 HTML5 和 CSS3 的那些强大的新功能。 8、Large-scale JavaScript Application Architecture构建高扩展的 JavaScript 项目必须要了解的架构和设计模式使用经验。 9、Scalable JavaScript Design Patterns在这个幻灯片中，作者详细介绍了大型 JavaScript Web 应用程序的架构和设计模式。 10、jQuery Proven Performance Tips & Tricks, 2011jQuery 代码的性能测试方法和技巧分享，都是作者多年的最佳实现经验。 11、Building Decoupled Large-scale Applications Using JavaScript (And jQuery)探索 JavaScript 构建大型 Web 应用的优秀设计模式，关注解耦（decoupling）的重要性。 12、Large-Scale JavaScript Development在这个幻灯片中，作者分享了一组优秀的设计模式用于构建低耦合、高扩展的 JavaScript 应用程序。 13、Tools For jQuery Application Architecture (Extended Slides)jQuery 应用架构工具集锦，包括：JavaScriptMVC, Backbone.js, Spine.js, Sammy.js等众多内容。 14、Evaluating jQuery Learning Material教你如何评估 jQuery 学习资料的价值，帮助你挑选有价值的学习内容。 15、jQuery Performance Tips & Tricks使用 jQuery 进行开发时的最佳实践和性能技巧，值得前端开发人员时刻加载脑子里。 关于《Backbone.js应用程序开发》 内容简介本书先从了解MVC、SPA和Backbone的基本知识开始，然后着手构建示例应用程序——一个简单的Todo列表应用程序、RESTful风格的图书应用程序、以及使用Backbone和RequireJS的模块化应用程序。本书的作者是谷歌Chrome团队的工程师Addy Osmani，他还演示了框架的高级应用。本书特色了解Backbone.js如何给客户端带来MVC方面的好处； 编写易于阅读的、结构化的和易扩展代码 ； 使用Backbone.Marionette和Thorax扩展框架； 解决使用Backbone.js时会遇到的常见问题； 使用AMD和RequireJS将代码进行模块化组织； 使用Backbone.Paginator插件为Collections数据分页； 使用样板代码引导新的Backbone.js应用程序； 使用jQuery Mobile，并解决两者之间的路由问题； 使用Jasmine、QUnit和SinonJS对Backbone应用进行单元测试。Addy Osmani博客地址：Addy Osmani Github：
+ 加入我的果篮
(C)2015果壳网&京ICP备号-2&京公网安备