码蚁之家
ASP源码.NET源码PHP源码JSP源码JAVA源码DELPHI源码PB源码VC源码VB源码Android源码

栏目分类

热门排行

最近更新

BackBone 学习笔记 01

来源：网络整理     时间:2014-12-11     关键词:

本篇文章主要介绍了"BackBone 学习笔记 01"，主要涉及到方面的内容，对于Javascriptjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播感兴趣的同学可以参考一下： 并不是什么教学向文章，单纯的记录UP主学习Backbone的痕迹，学习之前，先说说什么是BackBone. Backbone是一个非常轻量级的...

     并不是什么教学向文章，单纯的记录UP主学习Backbone的痕迹，学习之前，先说说什么是BackBone.

     Backbone是一个非常轻量级的js库，使用它可以构建MVC类结构的应用程序。能搞高效的，分门别类的管理Web应用程序中的JS代码。

     其Model层负责数据原型的创建，Collection负责向Model中添加数据，最后通过View层绑定页面的元素内容并处理相应事件。

     其优点是: 1.MVC结构优化 2.继承特性 3.事件统一管理 4.绑定页面模版 5.服务端无缝交互.

     废话不多说，等用起来就知道其优点了。

    按照宇宙惯例，第一个程序必须是Hello XX;所以我们来 Hello Backbone!吧。

    首先你的下载Backbone的2个js库（还有jq）.在你的网页引入

    注意这里顺序不能错哦...

    大家去github上下吧，这里就不提供下载地址了。

    完整代码如下




Hello Word





    

    接下来新建一个hellobackbone.js

// JavaScript Document
$(function(){
    //定义模型类    
    window.Word=Backbone.Model.extend({
        defaults:{
            content:''
            }
        });
    //定义集合类
    window.WordList=Backbone.Collection.extend({
        model:Word
        });
    //向模型添加数据
    var data=new WordList({
        content:'Hello Backbone!'
        });
    //创建View对象
    window.WordView=Backbone.View.extend({
        el:$("body"),
        initialize:function(){
   $("#welcom").html(data.models[0].get("content"));
            }
        });
    window.Welcom=new WordView;

});

     最后在html中引入该js就行了。用网页打开。

     Hello Backbone!

     第一篇不做任何讲解，只是让大家看看backbone的样子。

    之后会一层一层的详细说明的。

    大家自行体会下上面的代码，那么我们下次再见！

以上就介绍了BackBone 学习笔记 01，包括了方面的内容，希望对Javascriptjrs看球网直播吧_低调看直播体育app软件下载_低调看体育直播有兴趣的朋友有所帮助。

本文网址链接：http://www.codes51.com/article/detail_98640.html

上一篇：判断字符串的字节长度 下一篇：js操作日期（函数，js版的dateAdd与dateDiff）

相关图片

相关文章

首 页 | 关于我们 | 联系我们 | 隐私声明 | 合作伙伴 | 帮助中心 | 手机版

Copyright © 2015-2016 , 版权所有 码蚁之家 codes51.com 粤ICP备14062022号
声明：《BackBone 学习笔记 01》由码蚁之家搜集整理于网络，
如果侵害了您的合法权益，请您及时与我们,我们会在第一时间删除相关内容!联系邮箱：mxgf168#qq.com(#改为@)