使用requireJS,backboneJS,和underscoreJS完成自定义模板封装 原来的代码 当我们进行一个列表的数据填充的时候,是这样做的: //获取美食列表 function getFoodList(typeId) { appcan.request.ajax({ url : 'http://testmas.appcan.cn:9000/ODBC/shopList?pageNum=1&count=5&typeId=' + typeId, type : 'GET', data :…

一:开发环境 coffeescript和nodejs需要先安装,没装网上自己查安装步骤. 代码编写环境及esp框架下载: esp框架下载地址:https://github.com/nonocast/esp.git 在下载目录执行安装命令:npm install esp 这样开发环境就已经安装好了. 二:backbonejs 增删查改实例代码 backbonejs的学习可以网上下载电子书“backbonejs的入门教程”,及http://backbonejs.org/官网上学习 1:html部分…

<BackboneJS框架的技巧及模式>(4)完结篇 本文紧接第二部分:<BackboneJS框架的技巧及模式(3)> 作者:chszs,转载需注明.博客主页:http://blog.csdn.net/chszs 八.PUT需要一个ID属性 这一条也经常会对那些Backbone.js新手造成困扰.要想在调用.save()的时候让模型发送一个HTTP PUT请求,你的模型需要有一个ID属性集.记得HTTP PUT谓词是设计用做更新的吧,所以发送一PUT请求,你的模型需要有一个ID.在…

<BackboneJS框架的技巧及模式>(2) 本文紧接第一部分:<BackboneJS框架的技巧及模式(1)> 作者:chszs,转载需注明.博客主页:http://blog.csdn.net/chszs 二.为对象创建Façade外观模式 在实际项目中,需求是经常变化的,因此,终端返回的JSON数据格式也是如此.如果你的视图和下层的数据模型是紧耦合的,那么这是一种痛苦.有鉴于此,我为所有的对象都创建getter和setter函数. 此模式使用较广.如果任何底层的数据结构发生了变…

backbonejs mvc框架的增删查改实例 一:开发环境 coffeescript和nodejs需要先安装,没装网上自己查安装步骤. 代码编写环境及esp框架下载: esp框架下载地址:https://github.com/nonocast/esp.git 在下载目录执行安装命令:npm install esp 这样开发环境就已经安装好了. 二:backbonejs 增删查改实例代码 backbonejs的学习可以网上下载电子书“backbonejs的入门教程”,及http://backbo…

Backbone 作者在源码中做了很好的注释,这里只是锦上添花,补充一些个人的理解而已. // Backbone.js 1.2.3 // (c) 2010-2015 Jeremy Ashkenas, DocumentCloud and Investigative Reporters & Editors // Backbone may be freely distributed under the MIT license. // For all details and documentation:…

<三大JavaScript框架对比——AngularJS.BackboneJS和EmberJS> 本文转载自  作者:chszs,博客主页:http://blog.csdn.net/chszs 如果有心搜索的话,你能找出上百种JavaScript框架.当我们要开发一个现代化的.敏捷酷炫的网站时,JavaScript是必备的基础技术.那么问题来了,如何在这么多JavaScript框架中选取最能满足我们需求的框架?这是一个难题.而且还有很多挑战,比如要让网站在不同的客户端浏览器上表现出一致的行为和…

backbone是一个非常好的前端MVC框架,将数据与逻辑分离出来,在稍大一点项目中,backbone都有用武之地. 个人感觉backbone最好的地方就是通过事件来管理数据改变导致的视图改变,backbone解决这类问题可谓手到擒来,并极大降低代码的复杂度,提高代码的可维护性. 一下仅为个人笔记,并非全面介绍backbone的博文,不足之处还望见谅 Model: Model内部已继承Event,使用set方式改变(attr)的值会触发(change:attr)的事件 constructor /…

前言: backbone由以下模块组成. 一.Event 监听事件,自定义事件.绑定到任何对象. http://www.css88.com/doc/backbone/#Events 这个是下面模块核心.几乎所有都会有用到. all事件,所有各自对象监听的事件,都会同时触发此事件. 如下代码: trigger: function(name) { if (!this._events) return this; var args = slice.call(arguments, 1); if (!eve…

一:集合概念 集合是多个模型,如果把模型model理解为表结构中的行,那么集合collection就是一张表,由多个行组成.我们经常需要用集合来组织和管理多个模型. 二:创建集合 1:扩展Backbone.Collection对象,指定为哪个模型创建集合,传参数model. var _collection = Backbone.Collection.extend({ model: _model }); 2:创建集合实例,传模型数组参数来初始化; 现假定_model的dafault属性为(name…