有朋友留言RequireJS如何与Backbone集合使用。
这两个轻量级的库合起来使用确实能够方便的构建大型应用程序。RequireJS填补了前端模块化开发的空缺,Backbone采用MVC的分层结构很好的将程序各个部分解耦。
Backbone目前不支持AMD(曾经支持过),那么它只能作为普通的JS文件使用。它全局的标示符是Backbone,它还依赖于underscore,underscore的全局标示是下划线(_)。
因此,当我们使用AMD方式写的模块中使用Backbone时,得确保underscore和Backbone已经载入了。
RequireJS 2.0后提供了一个shim参数很好的解决了该问题。
示例目录
js目录中有underscore.js,backbone.js。其中cache.js不依赖于Backbone,BaseRouter.js依赖。
index.html如下
<!doctype html> <html> <head> <title>RequireJS和Backbone集成</title> <meta charset="utf-8"/> <script src="require.js"></script> <script> require.config({ baseUrl: 'js', shim: { 'backbone': { deps: ['underscore'], exports: 'Backbone' } } }); require(['BaseRouter'], function(baseRouter) { }); </script> </head> <body> </body> </html>
注意,require.config配置了shim参数,shim参数这里有介绍。
这样配置后,当其它模块依赖于Backbone(如BaseRouter),它会顺序下载underscore.js和backbone.js。
BaseRouter内就可以把backbone当成AMD模块来使用了。
define(['backbone', 'cache'], function(Backbone, cache){ // todo with Backbone and other module console.log(Backbone); console.log(cache); return {}; })
把目录rb放到apache或其它web服务器上,访问index.html。
可以看到所有依赖的文件都依次下载了。在BaseRouter内部就可以使用Backbone了。
相关:
http://stackoverflow.com/questions/10933541/how-to-nested-use-require-js-with-backbone-js
相关推荐
requirejs-单元测试-摩卡 使用 RequireJS、Backbone 和 Marionette 和 Mocha、PhantomJS 和 Chai 对 JavaScript 应用程序进行单元测试
RequireJS 与 AngularJS 集成(完整版) CSDN博客app.config(['$routeProvider',function ($ro
详细介绍用RequireJs 和 Marionette mudule 组织 Backbone 代码的技术。
Backbone-Requirejs-Example使用Backbone.js、RequireJS、PHP实现的一个完整的从服务器获取数据并加载的例子。
fakeui_weixin_for_jquerymobile_hybird=====================##使用JqueryMobile+requirejs+backbone+iscroll高仿的微信客户端UI##Android安装程序扫描下面二维码即可下载(不要使用微信二维码扫描)也可以通过网址...
amdblah-cordova-样板 使用 Amdblah 用于新 Cordova 项目的样板模板... 是一个生成器,用于使用 Express、RequireJS、Backbone+Marionette、服务端和客户端的 Handlebars、i18next、Moment.js 和 Bootstrap 启动项目。
因此,总依赖项权重为 ~75kb 而不是 ~180kb,删除了完整的 jQuery 和 Underscore Backbone 的通常依赖项。 完整的应用程序内容列表 该应用程序使用以下依赖项: (无依赖骨干) (模板引擎) (Handlebars easy ...
一个使用RequireJS for Yeoman的Backbone生成器,提供了开箱即用的功能样板Backbone应用程序。 您还可以访问许多子生成器,这些子生成器可用于轻松创建单个模型,视图,集合等。 从技术上讲,这是的分支,该已经过...
使用 Backbone、RequireJS 和 SASS 的基本网站/应用程序模板。 Handlebars 用于 HTML 模板,并为样式添加了一些 Bootstrap CSS。 示例站点包含一个简单的 Hello 应用程序。 安装 该应用程序使用来构建项目。 您...
自己搭建的backbone框架,希望能帮到你们
1.backbone+require+jquery前端框架 2.包容性极强,现有的js插件几乎都能在本框架使用 3.健壮很稳定性极好。**开发了很多项目,都用的本框架,权限验证在本框架也很容易做 4.精心整理,有很多使用的注释,及文档支持
使用 RequireJS 的 Backbone Contact Manager 使用 Backbone.js、Localstorage、RequireJS、Handlebar 和 Bootstrap 的联系人管理器。 此联系人管理器应用程序的功能是客户端数据存储(本地存储)、表单验证、搜索...
Boilerplate-Backbone-Require 使用 RequireJS 和 Backbone 设置骨架项目结构的简单样板。 该项目设置了以下库: 需要文本和 css 插件骨干下划线jQuery 用户界面
, 《backbone.js应用程序开发》先从了解mvc、spa和backbone的基本知识开始,然后着手构建示例应用程序——一个简单的todo列表应用程序、restful风格的图书应用程序、以及使用backbone和requirejs的模块化应用程序。...
, 《backbone.js应用程序开发》先从了解mvc、spa和backbone的基本知识开始,然后着手构建示例应用程序——一个简单的todo列表应用程序、restful风格的图书应用程序、以及使用backbone和requirejs的模块化应用程序。...
(backbone+requirejs+bootstrap)前台(spring mvc+spring+mybatis)后台登录注册 maven项目,仅供入门学习
NULL 博文链接:https://bijian1013.iteye.com/blog/2114048
requirejs demo
SPA, and Backbone, then get your hands dirty building sample applications - a simple Todo list app, a RESTful book library app, and a modular app with Backbone and RequireJS. Author Addy Osmani, an ...
requireJS框架的初学者完整例子,下载后在浏览器运行index.html即可