Backbone入门教程

Backbone笔记

入职新的公司，公司前端使用Backbone进行开发。这里记录下Backbone使用教程及技巧。Backbone框架是个成熟又小巧的前端MVC库。

Backbone.View(视图)

reander：默认实现是没有操作的


//html代码<div id="search_container"></div><script type="text/template" id="search_template"><div><%= search_label %></div></script>
//js代码var SearchView = Backbone.View.extend({initialize: function () {},render: function (context) {console.log($(this.el))//使用underscore这个库，来编译模板var template = _.template($("#search_template").html());//加载模板到对应的el属性中$(this.el).html(template(context));}});var searchView = new SearchView({el: $("#search_container")});//这个reander的方法可以放到view的构造函数中//这样初始化时就会自动渲染searchView.render({search_label: "搜索渲染111"});

Backbone.Collection（集合）

add：向集合中添加一个模型
where：返回集合中所有匹配所传递 attributes（属性）的模型数组
fetch()：用于从服务器接口获取集合的初始化数据，覆盖或追加到集合列表中
create()：在集合中创建一个新的模型，并将其同步到服务器


var appModel = Backbone.Model.extend({initialize: function(){ //alert(this.get("test"));},defaults:{ //缺省值test: '1111'}
})//new appModel;var appCollection = Backbone.Collection.extend({modle: appModel //指定模型
})var appModel1 = new appModel({test: '2222'})
var appModel2 = new appModel({test: '333333'})
var appModel3 = new appModel({test: '44444'})//添加到集合中
var book = new appCollection([appModel1,appModel2,appModel3]) //each取数据
book.each(function(book){console.log(book.get('test'))
})

转载于:https://www.cnblogs.com/Baiang/p/5290835.html

Backbone入门教程相关推荐

Detectron2入门教程
参考 Detectron2入门教程 - 云+社区 - 腾讯云目录 1. 概述 1.1. 自己的源码阅读流程 1.2. 目录结构 1.3. 搭积木过程 1.4. 官方文档阅读 2. 数据处理 2.1 ...
Kafka入门教程与详解
1 Kafka入门教程 1.1 消息队列(Message Queue) Message Queue消息传送系统提供传送服务.消息传送依赖于大量支持组件,这些组件负责处理连接服务.消息的路由和传送.持久 ...
【CV】Pytorch一小时入门教程-代码详解
目录一.关键部分代码分解 1.定义网络 2.损失函数(代价函数) 3.更新权值二.训练完整的分类器 1.数据处理 2. 训练模型(代码详解) CPU训练 GPU训练 CPU版本与GPU版本代码区别 ...
python tornado教程_Tornado 简单入门教程（零）——准备工作
前言: 这两天在学着用Python + Tornado +MongoDB来做Web开发(哈哈哈这个词好高端).学的过程中查阅了无数资料,也收获了一些经验,所以希望总结出一份简易入门教程供初学者参考.完 ...
python向量计算库教程_NumPy库入门教程：基础知识总结
原标题:NumPy库入门教程:基础知识总结视学算法 | 作者知乎专栏 | 来源 numpy可以说是 Python运用于人工智能和科学计算的一个重要基础,近段时间恰好学习了numpy,pandas, ...
mysql query browswer_MySQL数据库新特性之存储过程入门教程
MySQL数据库新特性之存储过程入门教程在MySQL 5中,终于引入了存储过程这一新特性,这将大大增强MYSQL的数据库处理能力.在本文中将指导读者快速掌握MySQL 5的存储过程的基本知识,带领用 ...
python tensorflow教程_TensorFlow入门教程TensorFlow 基本使用T
该楼层疑似违规已被系统折叠隐藏此楼查看此楼 TensorFlow入门教程 TensorFlow 基本使用 TensorFlow官方中文教程 TensorFlow 的特点: 使用图 (graph) 来 ...
air调用java,AIR2.0入门教程:与Java应用交互
在之前的一篇文章中,我介绍了如何使用AIR2.0新增的NativeProcess类与本地进程进行交互和通讯,在那个例子里面我们使用了C++ 的代码,实际上只要是基于命令行的标准输入输出,AIR2.0的 ...
【Arduino】开发入门教程【一】什么是Arduino
Arduino Arduino 是一款便捷灵活.方便上手的开源电子原型平台,包含硬件(各种型号的arduino板)和软件(arduino IDE).它适用于艺术家.设计师.爱好者和对于"互动 ...

Backbone入门教程

Backbone笔记

Backbone.View(视图)

Backbone.Collection（集合）

Backbone入门教程相关推荐

最新文章

热门文章