使用RequireJS与Marionette模块化Backbone代码实战

需积分: 10 179 浏览量更新于2024-07-20 收藏 1.92MB PDF 举报

"Structuring Backbone Code with RequireJS and Marionette Modules" 这本书由David Sulc撰写，旨在教导读者如何利用RequireJS和Marionette模块来有效地组织Backbone.js应用程序的代码。RequireJS是一种JavaScript模块化加载器，它采用异步模块定义(AMD)模式，使得在大型JavaScript项目中管理依赖关系变得更加简单。而Marionette.js是Backbone的一个轻量级框架，提供了更高级别的抽象和结构，帮助开发者处理复杂的用户界面和视图管理。在书中，作者深入探讨了以下几个关键知识点： 1. **RequireJS的使用**：RequireJS允许开发者按需加载模块，避免了全局作用域污染，同时提高了代码的可维护性和可读性。通过配置和模块定义，你可以有效地组织和管理项目的依赖关系，确保代码的正确加载顺序。 2. **AMD模式**：AMD模式是RequireJS的核心特性，它允许并行加载模块，即使这些模块有相互依赖的关系。这种模式特别适合于构建响应式、高性能的Web应用，因为它可以延迟加载不立即需要的代码。 3. **Marionette模块**：Marionette的模块系统（如Region，View，Controller等）提供了一种组织Backbone视图和控制器的方式，使得大型应用的结构更加清晰。例如，Region用于管理DOM元素的插入和替换，而Controller则帮助处理应用的路由和逻辑。 4. **Backbone基础**：书中的内容建立在对Backbone基础知识的理解之上，包括Model、Collection、View和Router。了解这些基础是学习如何与RequireJS和Marionette集成的关键。 5. **最佳实践**：David Sulc分享了关于如何使用这两个工具的最佳实践，包括代码结构、测试策略以及如何利用它们的优点来解决实际开发中的问题。 6. **迭代和反馈**：作为一本Leanpub的书籍，它强调了持续迭代和读者反馈的重要性。读者可以通过购买和阅读早期版本来参与到书本内容的改进过程中，作者可以根据反馈进行调整，确保内容的准确性和实用性。通过阅读本书，开发者不仅可以掌握如何将RequireJS和Marionette结合使用，还能学习到如何构建可扩展、易于维护的Backbone应用。这本书对于那些正在寻找提高Backbone项目组织和性能的开发者来说是一份宝贵的资源。

Getting Started 7

18 console.log("underscore identity call: ", un.identity(5));

19 });

First, we indicate where Underscore is located (line 5). With that done, we add the “underscore”

key to the shim object and indicate that it should return the value of the “_” global to the callback

function. Notice that, thanks to the shim, we have access to both the global “_” value (line 17) and

the un callback value (line 18). If we hadn’t used a shim, we wouldn’t be able to use the un callback

value, only the “_” global.

How come we require 2 files, but have only one callback argument? Because we only

explicitly state the callback arguments we’re going to be using (and for which we need

a variable to reference). So why bother having the “jquery” as a dependency? Because

even though we’re not using an explicit callback argument value, we know that within the

callback function jQuery has been loaded and can be used via the global $ variable. This is

due to jQuery’s particularity of registering a global variable we can reference: there’s no

need to use a callback argument.

Let’s move on to loading something with dependencies: Backbone. Here we go:

assets/js/require_main.js

1 requirejs.config({

2 baseUrl: "assets/js",

3 paths: {

4 backbone: "vendor/backbone",

5 jquery: "vendor/jquery",

6 json2: "vendor/json2",

7 underscore: "vendor/underscore"

8 },

10 shim: {

11 underscore: {

12 exports: "_"

13 },

14 backbone: {

15 deps: ["jquery", "underscore", "json2"],

16 exports: "Backbone"

17 }

18 }

19 });

21 require(["backbone"], function(bb){

剩余117页未读，继续阅读

羞恶

粉丝: 0
资源: 13

使用RequireJS与Marionette模块化Backbone代码实战

Developing backbone.js application

backbone+requirejs前端框架

一个结合了require.js+backbone的例子，适合初学者

.net orleans

[m,n]=size(d); if bwarea(d)/m/n>=0.365 d=imerode(d,se); elseif bwarea(d)/m/n<=0.235 d=imdilate(d,se); end

go1.6 embed

StructuringElement load_structuring_element(char* filename) 中return se 在主函数中怎么调用的 请举例

connection (RegionDilation, ConnectedRegions)

用c写load_structuring_element("se.txt");

se=strel('arbitrary',eye(5));

最新资源

StructuringElement load_structuring_element(char* filename) 中return se 在主函数中怎么调用的请举例