博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
Backbone Boilerplate 学习笔记
阅读量:4548 次
发布时间:2019-06-08

本文共 1375 字,大约阅读时间需要 4 分钟。

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/archive/2012/02/26/2369086.html

你可能感兴趣的文章
使用最快的方法计算2的16次方是多少?
查看>>
urllib 中的异常处理
查看>>
【SQL Server高可用性】高可用性概述
查看>>
通过SQL Server的扩展事件来跟踪SQL语句在运行时,时间都消耗到哪儿了?
查看>>
SQL优化:重新编译存储过程和表
查看>>
PCB“有铅”工艺将何去何从?
查看>>
Solr环境搭建
查看>>
IE兼容性的一些。。
查看>>
第二章-递归与分治策略
查看>>
快速排查SQL服务器阻塞语句
查看>>
推荐系统常用数据集
查看>>
stack
查看>>
spring-boot+nginx+tomcat+ssl配置笔记
查看>>
查找轮廓(cv2.findCountours函数)
查看>>
动态规划:插头DP
查看>>
离线下载解决Nuget程序包及其依赖包的方法
查看>>
react中的refs
查看>>
使用cvCanny方法边缘检测出现的错误
查看>>
redhat6.5安装oracle 11g
查看>>
Using View and Data API with Meteor
查看>>