Backbone Boilerplate 学习笔记

Backbone Boilerplate   

这是Backbone 的托管在github上的新项目。

boilerplate 是一个充满研究和失败感的项目。 已开发的boilerplate 可以自由改动Backbone内核,缺少一个内建的进程,非常的规范,boilerplate 改变了这些

基于一个逻辑组织你的程序,在modules 里开发你的Models  Collections  Views Routers   ,你优秀的代码也不会是用户的瓶颈。

提供

HTML5 Boilerplate   基础

优美的文件结构

   App code assets  tests  和发布

让任务更容易实现

html5 history api/hash,加载模板和程序事件。

非常灵活和可插拔,在Windows下工作完美。

合并并压缩你的libs ,app code ,template  和css

编译underscore模板(在html之外的)

那它不就是一个前端静态资源开发和发布系统?

安装

它需要下载nodejs 

教程

如果你下载并解压缩了boilerplate    运行以下命令

node build/server  
启动你的browser  http://localhost:8000/   将会打开教程

HTML5 Boilerplate

boilerplate 基于一个HTML5 Boilerplate ,已经从评论和文件中剥离出来。  你可以访问 H5BP    


文件结构

结构很基本,提供了很多优点,例如库文件和程序代码完全分开。

应用程序代码和模板放在app目录。 index.js 是应用程序的单点入口, 定义命名空间,并初始化路由。  确定你已经改了命名空间的名字。

Modules 

Modules 放在app/modules 目录。有一个例子模块叫做example.js

真正的模型定义在app/index.js中。你可以创建并引用模型,通过一个函数调用

namespace.module("<module_name>").

一般,一个module 包含一个Model/Collection/Router 和几个Views 

因此,返回的module对象是一个希望得到一个Views的空模型

MyModule.Views.Detailed = Backbone.View.extend({}) ;

MyModule.Views.Main = Backbone.View.extend({});

别的也一样

MyModule.Model = Backbone.Model.extend({});

MyModule.Router= Backbone.Router.extend({});

Events

应用程序的各种事件提供了一个方便的方法让各个模块间想到通信。  namespace.app  提供了一个Backbone.Events 对象

提供了.on .off  和.trigger事件    

例如增加一个all事件的callback

namespace.app.on("all",function(){},this);

HTML 5 模坂





原文地址:https://www.cnblogs.com/yushunwu/p/2369086.html