Backbonefundamentals资源-CSDN文库

3星 · 超过75%的资源需积分: 10 43 浏览量 2013-11-20 16:53:23 上传评论收藏 2.8MB PDF 举报

资源推荐

资源详情

资源评论

Contents

Prelude . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 8

Introduction 9

What Is MVC? . . . . . . . . . . . . . . . . . . . . . . . . . . . . 9

What is Backbone.js? . . . . . . . . . . . . . . . . . . . . . . . . 10

When Do I Need A JavaScript MVC Framework? . . . . . . . . . 11

Why Consider Backbone.js? . . . . . . . . . . . . . . . . . . . . . 12

Setting Expectations . . . . . . . . . . . . . . . . . . . . . . . . . 12

Fundamentals 13

MVC & Backbone.js . . . . . . . . . . . . . . . . . . . . . . . . . 13

MVC . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 13

Smalltalk-80 MVC . . . . . . . . . . . . . . . . . . . . . . . . . . 13

MVC Applied To The Web . . . . . . . . . . . . . . . . . . . . . 14

MVC In The Browser . . . . . . . . . . . . . . . . . . . . . . . . 16

Simple JavaScript MVC Implementation . . . . . . . . . . . . . . 17

Imlementation Speciﬁcs . . . . . . . . . . . . . . . . . . . . . . . 23

What does MVC give us? . . . . . . . . . . . . . . . . . . . . . . . . . 26

Delving deeper . . . . . . . . . . . . . . . . . . . . . . . . . . . . 26

Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

Further reading . . . . . . . . . . . . . . . . . . . . . . . . . . . . 27

Fast facts . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28

Backbone.js . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 28

The Internals 28

Models . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 29

Views . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 34

Collections . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 37

Underscore utility functions . . . . . . . . . . . . . . . . . . . . . 41

Chainable API . . . . . . . . . . . . . . . . . . . . . . . . . . . . 42

Events . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 43

Routers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 47

Backbone’s Sync API . . . . . . . . . . . . . . . . . . . . . . . . 51

Conﬂict Management . . . . . . . . . . . . . . . . . . . . . . . . . 53

Inheritance & Mixins . . . . . . . . . . . . . . . . . . . . . . . . . . . . 54

Dependencies . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 58

DOM Manipulation . . . . . . . . . . . . . . . . . . . . . . . . . 58

Utilities . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 59

RESTFul persistence . . . . . . . . . . . . . . . . . . . . . . . . . 59

Routing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60

Namespacing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 60

Exercise 1: Todos - Your First Backbone.js App 65

Index . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 66

Application HTML . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67

Todo model . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 67

Todo collection . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 68

Application View . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 69

Individual Todo View . . . . . . . . . . . . . . . . . . . . . . . . . . . 75

Setup . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 77

In action . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 78

Templates . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 79

In action . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 80

Completing & deleting todos . . . . . . . . . . . . . . . . . . . . . . . 81

Todo routing . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 84

Conclusions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 85

Exercise 2: Book Library - Your ﬁrst RESTful Backbone.js app 85

Part 1 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 85

Setting up . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 86

Part 2 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97

Adding models . . . . . . . . . . . . . . . . . . . . . . . . . . . . 97

Removing models . . . . . . . . . . . . . . . . . . . . . . . . . . . 101

Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106

Part 2.5 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 106

Installing node modules . . . . . . . . . . . . . . . . . . . . . . . 107

Create directory structure . . . . . . . . . . . . . . . . . . . . . . 108

Create a simple web server . . . . . . . . . . . . . . . . . . . . . 108

Connect to database . . . . . . . . . . . . . . . . . . . . . . . . . 109

Part 3 . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 118

Connecting with a third party API . . . . . . . . . . . . . . . . . 128

Summary . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 130

Backbone Boilerplate And Grunt-BBB 130

Getting Started . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 130

Backbone Boilerplate . . . . . . . . . . . . . . . . . . . . . . . . . 130

Grunt-BBB . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 131

Creating a new project . . . . . . . . . . . . . . . . . . . . . . . . . . . 131

index.html . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132

conﬁg.js . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 132

main.js . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 135

app.js . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 136

Creating Backbone Boilerplate Modules . . . . . . . . . . . . . . 138

router.js . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 142

Conclusions . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 143

Related Tools & Projects . . . . . . . . . . . . . . . . . . . . . . . . . 144

Common Problems & Solutions 144

Backbone Extensions 160

Backbone.Marionette . . . . . . . . . . . . . . . . . . . . . . . . . . . . 160

Boilerplate Rendering Code . . . . . . . . . . . . . . . . . . . . . 162

Reducing Boilerplate With Marionette.ItemView . . . . . . . . . 163

Memory Management . . . . . . . . . . . . . . . . . . . . . . . . 164

Region Management . . . . . . . . . . . . . . . . . . . . . . . . . 167

Marionette Todo app . . . . . . . . . . . . . . . . . . . . . . . . . 168

Is the Marionette implementation of the Todo app more main-

tainable? . . . . . . . . . . . . . . . . . . . . . . . . . . . 180

Marionette And Flexibility . . . . . . . . . . . . . . . . . . . . . 180

And So Much More . . . . . . . . . . . . . . . . . . . . . . . . . . 181

Thorax . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182

Hello World . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 182

Embedding child views . . . . . . . . . . . . . . . . . . . . . . . . 183

View helpers . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 184

collection helper . . . . . . . . . . . . . . . . . . . . . . . . . . . 185

Custom HTML data attributes . . . . . . . . . . . . . . . . . . . 186

Thorax Resources . . . . . . . . . . . . . . . . . . . . . . . . . . . 188

Modular Development 189

Introduction . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 189

Organizing modules with RequireJS and AMD . . . . . . . . . . . . . 190

Maintainability problems with multiple script ﬁles . . . . . . . . 190

Need for better dependency management . . . . . . . . . . . . . 190

Asynchrous Module Deﬁnition (AMD) . . . . . . . . . . . . . . . 191

Writing AMD modules with RequireJS . . . . . . . . . . . . . . . 191

Getting Started with RequireJS . . . . . . . . . . . . . . . . . . . 193

Require.js and Backbone Examples . . . . . . . . . . . . . . . . . 196

Keeping Your Templates External Using RequireJS And The Text

Plugin . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 197

Optimizing Backbone apps for production with the RequireJS

Optimizer . . . . . . . . . . . . . . . . . . . . . . . . . . . 199

Optimize and Build a Backbone.js JavaScript application with Re-

quireJS using Packages . . . . . . . . . . . . . . . . . . . . . . . . 201

Exercise: Building a modular Backbone app with AMD & RequireJS . 208

Overview . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 208

Markup . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . 209

Conﬁguration options . . . . . . . . . . . . . . . . . . . . . . . . 210

Modularizing our models, views and collections . . . . . . . . . . 211

剩余307页未读，继续阅读

评论收藏

内容反馈

j2huanxiang

2014-04-16

不错的资料，值得一看！

lxh0959

粉丝: 4
资源: 19

Backbone fundamentals

最新资源

Backbone fundamentals

Backbone

learn-Backbone

Learn-Backbone

Backbone-To-Do

Backbone tutorials

backbone-fundamentals, 在 backbone.js 和高级用户的上，有一本 creative commons书.zip

backbone-fundamentals-webpack:将Backbone.js与Webpack一起使用的示例

Backbone.js Essentials(PACKT,2015)

Marionette-FUNdamentals:Backbone + Marionette 基础知识

Backbone_prac

Backbone素材资料

Backbone CURD

Backbone_ContactList

Backbone-WeatherApp

Wireless Ad Hoc and Sensor Networks Theory and Applications

McGraw.Hill.Oracle.Database.11g.PL.SQL.Programming.Mar.2008

HBase in Action

Sensor Networks and Configuration

Cisco Press - OSPF Network Design Solutions, 2nd Edition

Backbone-ListingApp

TODOList_Backbone

Backbone-Exercise

Backbone-Project

Backbone.Coool

Yii.Application.Development.Cookbook.3rd.Edition

Computational Intelligence:An Introduction

Backbone-cordova

Backbone_Example

Backbone.Relation

最新资源