【backbonejs】的更多相关文章

使用requireJS，backboneJS，和underscoreJS完成自定义模板封装

使用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 :…

backbonejs mvc框架的增删查改实例

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

《BackboneJS框架的技巧及模式》(4)完结篇

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

backbonejs mvc框架

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

BackboneJS 源码注释

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

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

backbonejs使用

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

backbonejs

前言: 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…

backbonejs中的集合篇(一）

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

backbonejs中的模型篇(三）

一:在模型中使用嵌套属性 Backbone的扩展插件 Backbone-Nested下载并添加引用 1:定义一个新的模型对象,使用Backbone.NestedModel作为其基类对象 var _model = Backbone.NestedModel.extend({...})                    var testObj = new _model() 2: 使用'.'操作符来获取或设置嵌套属性值 testObj.set({ 'name.title': 'Mr.', 'name…

backbonejs中的模型篇(二）

一:模型标识符 每个模型都有一个用作唯一标识符的ID属性,以便在不同模型间进行区分.通过id属性我们可以直接访问模型对象当中用于标识符存放的属性,默认属性名为id,但也可以通过设置idAttribute来改名. 如: var _model = Backbone.Model.extend({ idAttribute:'_id'}); testObj = new _model({...}) 设置id : testObj._id = Math.random().toString(36),substr(…

backbonejs中的模型篇(一）

一:模型及属性 模型是MVC应用的基石,它负责存放应用所需的数据,对数据的验证,执行访问控制,以及实现应用所需的特定业务逻辑. backbone通过扩展Backbone.Model对象来定义一个模型. 如:var Mymodel = Backbone.Model.extend({...}); 我们并不需要在模型内部定义一个数据结构,backbone支持在模型初始化时动态定义. 如: mymodeltest = new Mymodel({ date:'2014-08-14', name:'joan…

backboneJs 导图

…

backboneJS 使用心得（2）view和model事件的多次绑定（转载）

一,new 一个新的View对象时,最好把,el参数传进去:而不是在view里面操作view的外部节点. 比如: 外部调用 var view=new BankboneView({el,$('body')}); view内部: $(this.el).html(-template(...)) 二,如果所有的外部传入el都是同一个时,会造成事件的多次重复绑定. 产生的原因是,backbone的view内部,事件的绑定都是基于this.el,$el这2个的,而我们在外部调用都用了同一个el,没有销毁过e…

前端javascript框架之BackboneJS学习笔记

<!DOCTYPE html><html><head><meta charset="utf-8"><script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script><script src="http://documentcloud.github.com/underscore/underscore-m…

backbonejs学习

文章: http://www.cnblogs.com/yexiaochai/archive/2013/07/27/3219402.html http://blog.csdn.net/cony100/article/details/7642553 http://www.ibm.com/developerworks/cn/web/wa-backbonejs/…

[未读]backbonejs应用程序开发

买来就没有动过,那阵子刚好离职找工作,之后学backbone的劲头就过去了= =…

BackboneJS and UnderscoreJS

 介绍 来自API(backbone能做什么?) 当我们开发含有大量Javascript的web应用程序时,首先你需要做的事情之一便是停止向DOM对象附加数据. 通过复杂多变的jQuery选择符和回调函数很容易创建Javascript应用程序,包括在HTML UI,Javascript逻辑和数据之间保持同步,都不复杂. 但对富客户端应用来说,良好的架构通常是有很多益处的. 通过Backbone,你可以将数据呈现为 Models, 你可以对模型进行创建,验证和销毁,以及将它保存到服务器. 任何时候…

bootstrap + requireJS+ director+ knockout + web API = 一个时髦的单页程序

也许单页程序(Single Page Application)并不是什么时髦的玩意,像Gmail在很早之前就已经在使用这种模式.通常的说法是它通过避免页面刷新大大提高了网站的响应性,像操作桌面应用程序一样.特别是在当今的移动时代,单页程序如果放在移动设备上去浏览就能够拥有像native app一样的体验,也许我们web开发者们应该期待这种技术的大力普及,这样不管前端还是后端都是我们的天下啊,让那些Andrioid和IOS开发者们追赶我们吧!好吧,废话不说了,我们会从0开始搭建这样一个单页的web…

ABP(现代ASP.NET样板开发框架)系列之3、ABP分层架构

点这里进入ABP系列文章总目录 基于DDD的现代ASP.NET开发框架--ABP系列之3.ABP分层架构 ABP是“ASP.NET Boilerplate Project (ASP.NET样板项目)”的简称. ABP的官方网站:http://www.aspnetboilerplate.com ABP在Github上的开源项目:https://github.com/aspnetboilerplate 前言 为了减少复杂性和提高代码的可重用性,采用分层架构是一种被广泛接受的技术.为了实现分层的体系结…

ABP框架 - 多层结构

文档目录 本节内容: 简介 ABP结构 多层 其它层(通用) 领域(Core)层 应用层 基础层 Web & 表示层 其它 总结 简介 一个应用的代码库的分层是一个广为接受的技术,用来减少复杂度和提高代码复用性.ABP依照DDD理念来分层,在DDD里有4个基本的层: 表示层:为用户提供一个界面.使用应用层来完成用户交互. 应用层:表示层与领域层的媒介.协调服务业对象执行指定的应用任务. 领域层:包含业务对象和业务规则.是整个应用的核心. 基础层:提供支持更高层的通用技术.一个基础层的典型例子是通…

backbone入门示例

最近因为有个项目需要用backbone+mui  所以最近入坑backbone. Backbonejs有几个重要的概念,先介绍一下:Model,Collection,View,Router.其中Model是根据现实数据建立的抽象,比如人(People):Collection是Model的一个集合,比如一群人:View是对Model和Collection中数据的展示,把数据渲染(Render)到页面上:Router是对路由的处理,就像传统网站通过url现实不同的页面,在单页面应用(SPA)中通过R…

ABP理论学习之N层架构

返回总目录 自从写这个系列博客之后,发现很多园友还是希望有个直接运行的demo,其实在github上就有官方的demo,我直接把这demo的链接放到这里吧,另外,我分析,这些找不到demo的同学,很可能是不怎么用github,可能的原因就是英文不好.所以还是希望程序员多看看英文文档,一开始看得很慢不要紧,时间久了,速度绝对能上去.因为都是技术性的文章,没有特别难的语法,能让大家退而却步的最多是些生词,这个就要靠大家积累常见的词汇了,一些生僻词的话查一下意思,理解了那句话就可以过了. 跟ABP相关…

前端MVC框架Backbone 1.1.0源码分析(一)

前言 如何定义库与框架 前端的辅助工具太多太多了,那么我们是如何定义库与框架? jQuery是目前用的最广的库了,但是整体来讲jQuery目的性很也明确针对“DOM操作”,当然自己写一个原生态方法也能实现同样的DOM操作,换句话说,不管你用来还是不用,都不影响你整体的布局,或者是代码体系结构. 框架则是一套完整的解决方案,针对是某一个领域的,比如EXT,dojo,那么很明显,你要用就需要按照它的规则执行,不管是编码风格还是结构,有一定的约束力 一个老话题,前端为什么要用MVC 前端开发中呢,不可…

我对Backbone.js的一些认识

backbone.js已经不是当前最流行的前端框架了,但是对于我而言,依然具有比较好的学习价值.虽然目前来说,react,vue等mvvm框架非常火热,但是感觉自身还不到去使用这种框架的层次.这些技术虽好,但是对个人的挑战也是比较大:首先是在编程基础这个部分,包括数据结构,算法,面向对象编程,设计模式,设计原则等等,我觉得在这些方面积累地还不够:其次是工作方法层面,对比angualr,react以及vue,跟传统的用原生js或者jquery写的代码,包括html,css和js三个方面,你会发现这…

浅谈HTML5单页面架构（二）——backbone + requirejs + zepto + underscore

本文转载自:http://www.cnblogs.com/kenkofox/p/4648472.html 上一篇<浅谈HTML5单页面架构(一)--requirejs + angular + angular-route>探讨了angular+requirejs的一个简单架构,这一篇继续来看看backbone如何跟requirejs结合. 相同地,项目架构好与坏不是说用了多少牛逼的框架,而是怎么合理利用框架,让项目开发更流畅,代码更容易管理.那么带着这个目的,我们来继续探讨backbone. 首…

2016 Web开发资源工具大搜罗

来源于:https://zhuanlan.zhihu.com/p/22730771 作者:余博伦链接:https://zhuanlan.zhihu.com/p/22730771来源:知乎著作权归作者所有.商业转载请联系作者获得授权,非商业转载请注明出处. Web的迅猛发展对于开发者来说既是一件好事也是一件坏事.不断紧跟潮流学习新的技术.编程语言.适应变化听起来就很令人兴奋又紧张.你需要面对的挑战可能包括使用已有的框架适应新的业务需求,测试网站的兼容性,优化你的网站前端和后端更好地协同.今天在这里…

ajax之 get post请求

get请求 function get(){ $.get( "./Aservlet?id=5", function(data, textStatus, jqXHR){ $("body").append( data ); } ); }; 发送时候 截取的报文GET http://localhost:8080/KKserver/Aservlet?id=5 HTTP/1.1 Host: localhost:8080 Connection: keep-alive Accept…

Web开发技术发展历史

Web开发技术发展历史   来自:天码营 原文:http://www.tianmaying.com/tutorial/web-history Web的诞生 提到Web,不得不提一个词就是"互联网".Web是World Wide Web的简称,中文译为万维网."万维网"和我们经常说的"互联网"是两个联系极其紧密但却不尽相同的概念.今天"互联网"三个字已经承载了太多的内涵,提到互联网,我们通常想到的一种战略思维,或者是一种颠覆传统…