学习
实践
活动
专区
工具
TVP
写文章

Backbone.js

Backbone.js 是一个前端 MVC 框架,model 能够绑定键值对和自定义事件,集合具备可枚举方法的富 API,视图具备事件处理能力,并且可以通过 RESTful 的 JSON 接口和你已有的 View Backbone 里的视图就是用来反映数据模型的,可以监听事件并响应,通过利用 Underscore.js(这个真是一个牛逼哄哄的东西,自己看),还支持了 JavaScript 模板技术,把数据和模板分离开 “el” 属性就是浏览器创建的一个 DOM 对象的引用,是供 backbone 渲染的画布,每一个 view 都会有这样一个属性,如果不存在,backbone 就会自己定义一个空的 div 来作为 el 主要的写法有 “*” 和 “:” 两种: var AppRouter = Backbone.Router.extend({ routes: { "/posts/:id/: 在创建好所有的 router 之后,一定要调用一下 Backbone.history.start() 方法来 route 你的 URL。

15720
  • 广告
    关闭

    新年·上云精选

    热卖云产品年终特惠,2核2G轻量应用服务器7.33元/月起,更多上云必备产品助力您轻松上云

  • 您找到你想要的搜索结果了吗?
    是的
    没有找到

    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 源代码中默认指定ajax方式,将数据提交同步到服务器,ajax的URL即model中的URL字段) Backbone.sync = function(method, model) { alert(

    31300

    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 源代码中默认指定ajax方式,将数据提交同步到服务器,ajax的URL即model中的URL字段) Backbone.sync = function(method, model) { alert(

    33380

    Backbone.js应用基础

    前言:   Backbone.js是一款JavaScript MVC应用框架,强制依赖于一个实用型js库underscore.js,非强制依赖于jquery;其主要组件有模型,视图,集合,路由;与后台的交互主要是通过 Restful JSON 进行数据传输; 基础Backbone.js知识:   1、引入js文件:如果依赖于第三方类库如jquery,则最好先引入;之后引入underscore.js 这是必须引入且在引入 backbone.js之前,其引入文档结构如下: <head> <meta charset="UTF-8"> <title>Backbone</title> <script src="3rd/jquery1.9.1 .min.js"></script> <script src="3rd/underscore.js"></script> <script src="3rd/<em>backbone</em>.js"></script> (persons,{ model:person }); //V 视图 var diview = Backbone.View.extend({ el:'#backview', render

    16130

    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.js 1, 首先说熟悉的

    1.2K50

    1.初识backbone.js

    backbone,英文意思是:勇气, 脊骨,但是在程序里面,尤其是在backbone后面加上后缀js之后,它就变成了一个框架,一个js库。 通过backbone,你可以把你的数据当作Models,通过Models你可以创建数据,进行数据验证,销毁或者保存到服务器上。 在查backbone资料的时候,发现没有很系统的中文入门资料和更多的实例,所以我打算自己边学边写,争取能让大家通过一系列文章能快速的用上backbone.js。 关于backbone的更多介绍参看这个: http://documentcloud.github.com/backbone/ http://backbonetutorials.com/ 当然,除了我自己分析的应用范围之外,在backbone的文档上看到了很多使用它的外国站点,有很多,说明backbone还是很易用的。

    36420

    3、backbone中的model实例

    关于backbone,最基础的一个东西就是model,这个东西就像是后端开发中的数据库映射那个model一样,也是数据对象的模型,并且应该是和后端的model有相同的属性(仅是需要通过前端来操作的属性) 下面就从实例来一步一步的带大家来了解backbone的model到底是什么样的一个东西。 首先定义一个html的页面: .. code:: html <! DOCTYPE html> <html> <head> <title>the5fire-backbone-model</title> </head> <body> </body> <script src 这里还要补充一点,就是关于服务器的异步操作都是通过Backbone.sync这个方法来完成的,调用这个方法的时候会自动的传递一个参数过去,根据参数向服务器端发送对应的请求。 /backbone-1-0-0-model-validate.html>_

    21210

    backbone.js中的异常处理

    今天收到一个网友(暖阳下的懒猫)对backbone.js中的提问邮件,回答了下,觉得应该有其他人也会遇到这样的问题,于是征求了暖阳下的懒猫同意,把邮件发到这里,下面是邮件内容: 暖阳下的懒猫: hi 最近在看backbone相关的的东西,看到你写的一些列笔记很有启发。 但是有个问题我想不明白,就是如果发生错误是怎么处理的? 刚才看了下,如果是server端的异常的话,是可以在backbone.js中处理的。 另外遇到问题要多看看官方文档,虽然backbone.js的官方文档写的内容比较少,但对解决问题还是有帮助的。 补充:这个异常的上下文: 7、backbone实例todos分析(一) 8、backbone实例todos分析(二)view的应用- from the5fire.com

    33020

    扫码关注腾讯云开发者

    领取腾讯云代金券