Backbone 的使用(一)
题外话:
- 最近想学习backbone,发现中文的教程并不是很多,看到很多博客内容相似度99%,大多数应该都是“借鉴”的同一篇文章
- 下面记录下个人的理解,如有问题欢迎指正
- 为了方便阅读(就是懒)下面的Backbone 用简称
bab
代替
参考博客:
- Backbone之旅
- 官方网站
- Backbone入门指南
- Backnone 入门教程
一、什么时候用?
- 构建大型、复杂的单页面应用bab 是再合适不过了
- 如果项目的逻辑并不复杂,引入bab 会导致维护和开发的繁琐复杂
二、依赖
bab 是无法独立使用的,它的基础函数,dom操作以及ajax函数都需要依赖第三方库
- Underscore(
必须的依赖
) - jquery / zepto (可选) 是最常用的第三方库,DOM选择器、DOM事件和AJAX,都使用了jQuery的方法。
引入顺序:
- jquery > underscore > backbone ,同时引入的script 应放在body 下方, 否则会出现错误
三、构成
官网里主要有这几部分组成
- Events :事件操作
- model:对业务中实体对象抽象、进行数据验证、做持久化、与服务器端数据进行交互
- collection:可以增加元素,删除元素,获取长度,排序,比较等一系列工具方法
- Router:用来控制url指向哪个函数。在单页面应用中可以通过hash的方式(#page)进行视图
- view:绑定html模板,绑定界面元素的事件,初始的渲染,模型值改变后的重新渲染和界面元素的销毁等
下面会学习这几个部分
Backbone 的使用(一)相关推荐
- YOLOV5的多主干网络backbone实现(Mobilenetv3Small、EagleEye、EfficientNetLite-0、PP-LCNet-1x、SwinTrans-YOLOv5等)
代码下载地址:下载地址 支持的backbone为Ghostnet.Shufflenetv2.Mobilenetv3Small.EagleEye.EfficientNetLite-0.PP-LCNet- ...
- backbone学习总结(二)
今天来看下backbone的路由控制的功能.其实个人感觉backbone,模块就那么几个,熟悉它的框架结构,以及组成,就差不多. 废话不多说,我们来看看还剩下的功能. 关于路由和历史管理 通过 Bac ...
- Backbone.js学习笔记 Hello World!
使用Backbone.js 和 MVC 架构创建一个典型的Hello world项目.虽然是"杀鸡用牛刀了",毕竟是我第一次使用Backbone.js 依赖 jQuery 1.9. ...
- 认识Backbone (五)
Backbone.Router(路由)/ Backbone.history(历史) Backbone.Router 为客户端路由提供了许多方法,并能连接到指定的动作(actions)和事件(even ...
- Backbone的写类方式
从两个角度去讨论Backbone的写类方式 Backbone内部的写类方式,Backbone自身的类如Model.Collection.View等是如何定义的 Backbone外部的写类方式,如何使用 ...
- Backbone学习日记[1]:感性认识
2019独角兽企业重金招聘Python工程师标准>>> 使用backbone.js的意义是什么呢? Backbone将数据呈现为模型, 你可以创建模型.对模型进行验证和销毁,甚至将它 ...
- 汇总|目标检测中的数据增强、backbone、head、neck、损失函数
点击上方"3D视觉工坊",选择"星标" 干货第一时间送达 作者:Tom Hardy https://zhuanlan.zhihu.com/p/137769687 ...
- CVPR 2021 | 利用时序差分进行动作识别的最新Backbone—TDN
©作者|童湛 学校|南京大学硕士生 研究方向|视频理解 转自:PaperWeekly 本文将介绍我们组 NJU-MCG 在行为识别(Action Recognition)领域被 CVPR 2021 接 ...
- 增强CNN学习能力的Backbone:CSPNet
CSPNet全称是Cross Stage Partial Network,主要从一个比较特殊的角度切入,能够在降低20%计算量的情况下保持甚至提高CNN的能力.CSPNet开源了一部分cfg文件,其中 ...
- 打通多个视觉任务的全能Backbone:HRNet
HRNet是微软亚洲研究院的王井东老师领导的团队完成的,打通图像分类.图像分割.目标检测.人脸对齐.姿态识别.风格迁移.Image Inpainting.超分.optical flow.Depth e ...
最新文章
- Win10系列:JavaScript动画2
- android cpu调度策略_「性能优化3.0」Android线程调度异步方式汇总
- C语言基础-数据类型
- LeetCode 302. 包含全部黑色像素的最小矩形(BFS)
- 7-26 单词长度 (15 分)
- 内核编译报错Fedora20(友善)
- java中float double利用BigDecimal运算
- Java菜鸟学习笔记--面向对象篇(十八):对象转型多态
- java 数据透视表 组件_Apache POI如何将工作簿样式应用于所有数据透视表 . 我如何排除床单?...
- 一纬度横直线等于多公里_【高中物理】必修一知识点总结
- pdf权限密码 找回
- 破解大众点评 css加密
- 在linux系统上安装坚果云
- 模电学习感想,也叫笔记
- 最新服务器节点,服务器emule必备知识(更新服务器列表与kad节点文件)
- windows10启动项修复||an operating system wasn't found解决办法
- 佩尔方程及其在一类二元二次丢番图方程的推广
- Linux(四)——CROND和磁盘分区与挂载
- 自定义View之仿QQ运动步数进度效果
- 计算机基础知识对程序员来说有多重要?