展开

关键词

backbone

backbone是一种帮助开发重量级的javascript应用的框架。主要提供了3个东西:1、models(模型)2、collections(集合)3、views(视图)backbone.js文件本身很小,压缩后只有5.3KB,作为一个框架级别的核心JS文件,这个数字很可怕。除此之外,这个JS还必须依赖于另一个JS文件:underscore.js(包含许多工具方法,集合操作,js模板等等)

相关内容

  • Backbone源码研究 – Backbone.Model

    前言都因为 IE8 不支持 Object.defineProperty,但是业务还不能脱离 IE7 和 IE8,故研究下 Backbone.Model 的实现机制,找机会给主流的 MVVM 框架补丁伪代码先来看看Backbone 的精粹都在 set(){} 这个函数里面。more看到这,给各种Observer打补丁就有了可行性,支持 Object.defineProperty 就用 Object.defineProperty,不支持的则降级到走 Backbone 的这种
    来自:
    浏览:107
  • backbone 整体架构学习

    一、是什么    构建前端MVC(Model,View,Collection)模型的框架,其中Model是数据模型,Collection是数据模型的集合,View是视图二、依赖    backbone依赖underscorejs(主要集成了一些数据model的处理方法),项目需要时,也可以加上jQuery,因为backbone的数据处理默认是ajax,而jQuery封装了强大的DOM操作和ajax三、模型的创建、实例化和继承var model1 = new Backbone.Model();model1.set(name, Hello);alert model1.get(name); var model2 =new Backbone.Model({name:hi});var models = new Backbone.Collection();models.add( model1 );models.add(); 启动路由的历史管理 此时,页面中输入 xx.xx.demo.html#help , 会执行 123七、事件委托 注意:backbone中的视图加载都是通过事件委托完成var V = Backbone.View.entend
    来自:
    浏览:275
  • backbone 整体架构学习

    一、是什么    构建前端MVC(Model,View,Collection)模型的框架,其中Model是数据模型,Collection是数据模型的集合,View是视图二、依赖    backbone依赖underscorejs(主要集成了一些数据model的处理方法),项目需要时,也可以加上jQuery,因为backbone的数据处理默认是ajax,而jQuery封装了强大的DOM操作和ajax三、模型的创建、实例化和继承var model1 = new Backbone.Model();model1.set(name, Hello);alert model1.get(name); var model2 =new Backbone.Model({name:hi});var models = new Backbone.Collection();models.add( model1 );models.add(); 启动路由的历史管理 此时,页面中输入 xx.xx.demo.html#help , 会执行 123七、事件委托 注意:backbone中的视图加载都是通过事件委托完成var V = Backbone.View.entend
    来自:
    浏览:193
  • 广告
    关闭

    50+款云产品免费体验

    提供包括云服务器,云数据库在内的50+款云计算产品。打造一站式的云产品试用服务,助力开发者和企业零门槛上云。

  • Backbone.js 简介

    Backbone.js提供模型(models)、集合(collections)、视图(views)结构。某种意义上说,在用javaScript来创建web项目时,Backbone试图定义一组最小而高效的集合,包括了 数据结构(models(模型) 和 collections(集合))和用户接口(views但是,Backbone还是作为一个工具,让你可以随心所欲的设计你的网站。
    来自:
    浏览:215
  • new Backbone.Model()与Backbone.Model.extend()有什么区别?

    我是JS和Backbone的新手 这两者有什么区别?TestModel = new Backbone.Model({ title: test title })TestModel = Backbone.Model.extend({ title: test
    来自:
    回答:2
  • Backbone事件模块及其用法

    事件模块Backbone.Events在Backbone中占有十分重要的位置,其他模块Model,Collection,View所有事件模块都依赖它。通过继承Events的方法来实现事件的管理,可以说,它是Backbone的核心组成部分。此外,事件模块的所有方法都挂在了全局的Backbone上,如果你的代码中需要用到自定义事件(实现观察者模式),可以直接使用它。模块所有API的使用;原文参见:这里##四 理解Backbone中的bind和bindAll在Backbone.js的学习过程中,已经有了on方法绑定;后面又新增了ListenTo监听;而又有bind绑定方法参见文章:理解 backbone.js 中的 bind 和 bindAll 方法参见原文:Understanding bind and bindAll in Backbone.js1, 首先说熟悉的JQuery
    来自:
    浏览:920
  • 1.初识backbone.js

    backbone,英文意思是:勇气, 脊骨,但是在程序里面,尤其是在backbone后面加上后缀js之后,它就变成了一个框架,一个js库。backbone.js,不知道作者是以什么样的目的来对其命名的,可能是希望这个库会成为web端开发中脊梁骨。 好了,八卦完了开始正题。在查backbone资料的时候,发现没有很系统的中文入门资料和更多的实例,所以我打算自己边学边写,争取能让大家通过一系列文章能快速的用上backbone.js。关于backbone的更多介绍参看这个: http:documentcloud.github.combackbone http:backbonetutorials.com backbone的应用范围:当然,除了我自己分析的应用范围之外,在backbone的文档上看到了很多使用它的外国站点,有很多,说明backbone还是很易用的。
    来自:
    浏览:215
  • 5、backbone中的Router实例

    大概解释下Router: Backbone中的router,见名知意,router有路由的意思,显然这里是要控制url的。Backbone.Router会把你连接中的#标签当做是url路径即便我心存疑惑,依然是要写几个例子测试一下的。毕竟实践才能解惑。();需要通过调用Backbone.history.start()方法来初始化这个Router这个Router的使用很像是django的urlconf文件提供的功能,如果你懂得django的话。(function ($) { Backbone中的router,见名知意,router有路由的意思,显然这里是要控制url的。Backbone.Router会把你连接中的#标签当做是url路径 ** 1、来看一个简单的例子 var AppRouter = Backbone.Router.extend({ routes: { *
    来自:
    浏览:141
  • 7、backbone实例todos分析(一)

    新版地址: backbone第二版更新.​经过前面的几篇文章,backbone中的model,collection,router,view,都简单的讲了一下,我觉得看完这几篇文章,你应该达到的水平,或者说我要达到的目的就是:已经能够在自己的web项目或者是平时的练习中用的上backbone了。其实对于一个web开发老手来说,基本上看完前面的内容,你已经可以把backbone的使用和自己的开发经验结合起来进行应用了,要想更进一步的话需要去看backbone的官方文档,或者去看官方实例。这里我就backbone官网上的实例todos进行下分析,毕竟人家自己的东西,自己写出来应该能够把backbone的特性发挥的淋漓尽致,并且代码应该也是足够优秀的,不然也会放出来让大家参考。** var TodoList = Backbone.Collection.extend({ 设置Collection的模型为Todo model: Todo, 存储到本地,以todos-backbone
    来自:
    浏览:178
  • 如何覆盖Backbone.sync?

    正在尝试使用Backbone.js,如何覆盖Backbone.sync操作?
    来自:
    回答:2
  • 4、backbone的collection实例

    1、关于book和bookshelf的例子.. code:: javascriptBook = Backbone.Model.extend({ defaults : { 感谢网友蓝色动力指正改为defaults; } }); BookShelf = Backbone.Collection.extend({ model : Book }); var book1 = new Book({title : book1code:: html the5fire-backbone-collection (function ($) { collection是一个简单的models的有序集合 1、一个简单的例子 Book =Backbone.Model.extend({ defaults : { 感谢网友蓝色动力指正改为defaults title:default }, initialize: function(){; } }); BookShelf = Backbone.Collection.extend({ model : Book }); var book1 = new Book({title : book1
    来自:
    浏览:178
  • 3、backbone中的model实例

    关于backbone,最基础的一个东西就是model,这个东西就像是后端开发中的数据库映射那个model一样,也是数据对象的模型,并且应该是和后端的model有相同的属性(仅是需要通过前端来操作的属性)下面就从实例来一步一步的带大家来了解backbone的model到底是什么样的一个东西。code:: javascriptMan = Backbone.Model.extend({ initialize: function(){ alert(Hey, you create me!)这里还要补充一点,就是关于服务器的异步操作都是通过Backbone.sync这个方法来完成的,调用这个方法的时候会自动的传递一个参数过去,根据参数向服务器端发送对应的请求。数据验证部分更新到backbone.js1.0.0文章太长了,单独拿出来: backbonejs1.0.0数据模型验证部分代码更新set和save的使用 _
    来自:
    浏览:95
  • 6、backbone中的view实例

    Backbone的view是用来显示你的model中的数据到页面的,同时它也可用来监听DOM上的事件然后做出响应。先要给出一个页面的大体代码,下面的所有试验代码都要放到这里面:.. code:: html the5fire-backbone-view (function ($) { 此处添加下面的试验代码 })(jQuery); 1、一个简单的view.. code:: javascriptSearchView = Backbone.View.extend({ initialize: function(){ alert(init2、 el属性这个属性用来引用DOM中的一些元素,每一个Backbone的view都会有这么个属性,如果没有显示声明,Backbone会默认的构造一个,表示一个空的div元素.. code:: javascriptSearchView今天能上网,就先把这个改了,删除线标出的都是错误的内容(其实不是错误,只是我用了一个较老的backbone版本)。
    来自:
    浏览:181
  • 如何在Backbone绑定更改事件?

    这里是在html中带有模板脚本的视图,模型和集合部分的代码 Backbone Loading country...Country = Backbone.Model.extend(); CountryList = Backbone.Collection.extend({ model : Country, url :: function(response) { return response.geonames; }}); Countries = new CountryList(); CountryView = Backbone.View.extend
    来自:
    回答:2
  • Backbone:如何从JSON创建集合?

    我试图将JSON(从php的json_encode)加载到Backbone JS集合中。我已将问题简化为: var myJSON = ; var myCollection = new MyCollection(myJSON, { view: this }); 和: MyObject = Backbone.Model.extend({ id: null, name: null, description: null}); MyCollection = Backbone.Collection.extend({ model: MyObject
    来自:
    回答:2
  • Backbone:如何从JSON创建集合?

    我试图将JSON(从php的json_encode)加载到Backbone JS集合中。我已将问题简化为: var myJSON = ; var myCollection = new MyCollection(myJSON, { view: this }); 和: MyObject = Backbone.Model.extend({ id: null, name: null, description: null}); MyCollection = Backbone.Collection.extend({ model: MyObject
    来自:
    回答:2
  • 12、backbone实战:web在线聊天室(backbone+django+sqlite)(一)功能分析

    现在最后来从头开始做一个完整的实例,来体验一把backbone在开发过程中的使用。 这个实战项目我把它叫做webchat(web在线聊天室),使用技术就是backbone+django+sqlite。在功能方面没有想的特别复杂,因为项目的目的就是让大家能够快速的用上backbone。(不过经过前面的文章,我想应该已经能让你用上backbone了) 大概说下这个聊天室的功能,很简单,不用注册登录: 1、查看所有聊天记录2、说话 功能有了,就来设计页面,用画图工具简单的设计一下: ?
    来自:
    浏览:169
  • Backbone.js-扩展脚本?

    正在用Backbone.js 所以,有LocationsView类: class Blog.Views.LocationsView extends Backbone.View events: change
    来自:
    回答:2
  • 2、通过helloworld来认识下backbone

    下面来看代码: the5fire.com-backbone.js-Hello World 报到 更多教程 (function ($) { World = Backbone.Model.extend({创建一个World的对象,拥有name属性 name: null }); Worlds = Backbone.Collection.extend({ World对象的集合 initialize: function(models, options) { this.bind(add, options.view.addOneWorld); } }); AppView = Backbone.View.extend({; } }); 实例化AppView var appview = new AppView;})(jQuery); 我认为代码是直观的,这里面涉及到backbone的三个部分,view、model、collection
    来自:
    浏览:159
  • Backbone.js集合如何实现嵌套?

    我的许多主干模型经常处理嵌套模型和集合,到目前为止,我使用的是defaults,parse和toJSON手动实现嵌套: ACME.Supplier = Backbone.Model.extend({res.attachments) res.attachments = new ACME.Attachments(res.attachments); return res; }}); ACME.Tag = Backbone.Model.extendtoJSON: function() { return _.pick(this.attributes, id, name, type); }}); 最后,我采用了以下方法: ACME.Supplier = Backbone.Model.extendoptions.tags); }, parse: function(res) { res.tags && this.tags.reset(res.tags); return res; }}); ACME.Tag = Backbone.Model.extend
    来自:
    回答:2

扫码关注云+社区

领取腾讯云代金券