backbone.js学习笔记

时间:2023-01-22 09:57:20

之前只接触过jQuery,看来Backbone是除了jQuery的第二大JS框架...

backbone.js学习笔记

backbone到底是个啥?

其实刚开始我也不知道=_=,我是这周二才听说居然还有这么个框架...于是乎我的导师就让我看官方文档,官方文档真的是顾名思义,写的可是真官方...让我这个小老百姓感觉到诘屈聱牙...但是该理解还是得理解,不然怎么用呢?那么我是怎么理解的呢?

Backbone.js是一个重量级js MVC 应用框架,也是js MVC框架的鼻祖。它通过Models数据模型进行键值绑定及custom事件处理,通过模型集合器Collections提供一套丰富的API用于枚举功能,通过视图Views来进行事件处理及与现有的Application通过JSON接口进行交互。

昨天刚刚接触到了backbone的事件,在这里记录一下...写在本子上或者打在word总觉得没有逼格(⊙ˍ⊙)

events:{

"click button":"event_handler",

"focus #name":"event_handler"

},

event_handler:function(event){

alert(event.target.id);

}

【格式是"事件 jquery选择器":"事件函数处理名"】

关于backbone事件里面的这些暂时我还没用过,等用过了再在这里记录

backbone.js学习笔记

requirejs和backbone配置的例子:

backbone.js学习笔记

据说shim是为那些没有使用define( )来声明依赖关系、设置模块的"浏览器全局变量注入"型脚本做依赖和导出配置。其实这句话的意思我是真不明白,我只知道backbone需要依赖underscore和jquery,记住用法就ok哈...

backbone.js学习笔记

上图是我在实际操作中配置的环境...PS:加注释就是怕忘了...

backbone.js学习笔记

起初在看的时候我还在纳闷儿...好好的text为啥要在后面加了个!...后来问了导师才知道text.js是插件,后面的tpl也只是模版...tpl不能带有<html></html>

暂时遇到的问题就这么多...新来实习这家公司前端开发愿意用各种框架怎么省时省力怎么来,不像之前在恒生实习基本都用js原生代码(因为感觉用原生代码屌屌的),并且只能接触到jquery,而且是用的自己的light框架,上手相当之容易...在络町实习一周除了上述技术的学习,我还发现它用了大量恒生的接口,尤其是投资赢家这块......

前途未卜啊 真不知道下周五 下下周五...会不会把我轰走......

backbone.js学习笔记的更多相关文章

  1. 【转】Backbone&period;js学习笔记(二)细说MVC

    文章转自: http://segmentfault.com/a/1190000002666658 对于初学backbone.js的同学可以先参考我这篇文章:Backbone.js学习笔记(一) Bac ...

  2. 【转】Backbone&period;js学习笔记(一)

    文章转自: http://segmentfault.com/a/1190000002386651 基本概念 前言 昨天开始学Backbone.js,写篇笔记记录一下吧,一直对MVC模式挺好奇的,也对j ...

  3. backbone&period;js 学习笔记

    Backbone.Model 模型.相当于表定义,定义一个表当中有的列 defaults:设置属性的默认值 initialize():初始化函数 get(key):获取属性值 set(data):设置 ...

  4. js学习笔记:webpack基础入门(一)

    之前听说过webpack,今天想正式的接触一下,先跟着webpack的官方用户指南走: 在这里有: 如何安装webpack 如何使用webpack 如何使用loader 如何使用webpack的开发者 ...

  5. Vue&period;js学习笔记(2)vue-router

    vue中vue-router的使用:

  6. JS 学习笔记--9---变量-作用域-内存相关

    JS 中变量和其它语言中变量最大的区别就是,JS 是松散型语言,决定了它只是在某一个特定时间保存某一特定的值的一个名字而已.由于在定义变量的时候不需要显示规定必须保存某种类型的值,故变量的值以及保存的 ...

  7. WebGL three&period;js学习笔记 使用粒子系统模拟时空隧道(虫洞)

    WebGL three.js学习笔记 使用粒子系统模拟时空隧道 本例的运行结果如图: 时空隧道demo演示 Demo地址:https://nsytsqdtn.github.io/demo/sprite ...

  8. WebGL three&period;js学习笔记 法向量网格材质MeshNormalMaterial的介绍和创建360度全景天空盒的方法

    WebGL学习----Three.js学习笔记(5) 点击查看demo演示 Demo地址:https://nsytsqdtn.github.io/demo/360/360 简单网格材质 MeshNor ...

  9. WebGL three&period;js学习笔记 创建three&period;js代码的基本框架

    WebGL学习----Three.js学习笔记(1) webgl介绍 WebGL是一种3D绘图协议,它把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的 ...

随机推荐

  1. NOIP2009Hankson 的趣味题&lbrack;唯一分解定理&vert;暴力&rsqb;

    题目描述 Hanks 博士是 BT (Bio-Tech,生物技术) 领域的知名专家,他的儿子名叫 Hankson.现 在,刚刚放学回家的 Hankson 正在思考一个有趣的问题. 今天在课堂上,老师讲 ...

  2. FPGA基本原理之一

    FPGA就好像一个平台,用简单的器件和复杂的逻辑构建起来的.这个平台大概由六部分组成,分别为基本可编程逻辑模块(CLB).可编程输入/输出模块(IOB).嵌入式块RAM.丰富的布线资源.底层嵌入功能单 ...

  3. ffmpeg 中 swscale 的用法

    http://www.guguclock.com/2009/12/ffmpeg-swscale.html 如果想將某個PixelFormat轉換至另一個PixelFormat,例如,將YUV420P轉 ...

  4. 自己使用 1&period;C语言历史以及特点。

    1. C语言的发展及特点? C在1969--1973年间与Unix操作系统同时诞生:最富创造性的时期是1972年.另一次大的变化发生在1977到1979年间,当Unix系统的可移植性得到证明时.在后一 ...

  5. php远程图片抓取存放到本地路径并生成缩略图

    private function _getcontent($content)    {               $img_dir='../Public/Img/Ycimg'; //远程图片抓取存放 ...

  6. nginx upstream的分配方式

    1.轮询(默认) 每个请求按时间顺序逐一分配到不同的后端服务器,如果后端服务器down掉,能自动剔除. 2.weight 指定轮询几率,weight和访问比率成正比,用于后端服务器性能不均的情况. 例 ...

  7. 帝国cms让当前栏目显示不同样式(图文)

    在使用帝国cms制作栏目导航条时,我们可能会需要根据当前栏目,使当前栏目样式不同. 如图: 此类导航,源代码一般为 <li>全站首页</li> <li class=&qu ...

  8. AdaBoostRegressor

    class sklearn.ensemble.AdaBoostRegressor(base_estimator=None, n_estimators=50, learning_rate=1.0, lo ...

  9. Scrum冲刺阶段6

    成员今日完成的任务 人员 任务 何承华 学习后端设计 陈宇 后端设计 丁培辉 学习后端设计 温志铭 信息界面设计 杨宇潇 信息界面界面设计 张主强 服务器构建学习 成员遇到的问题 人员 问题 何承华 ...

  10. P2360 地下城主(BFS)

    感觉这道题还是蛮简单的,不过使使用了4个队列(其实只是一个)emmmmm,还是很好的 #include<iostream> #include<string> #include& ...