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)

相关图片

相关文章