Backbone.js学习笔记：图书案例-事件绑定

发表于 Backbone 分类，标签:
20 08月 2015
0
事件绑定在我们浏览网页的时候，获取数据并不是一下只就全部获取到的，为了创建一个更好的用户体验，就来模拟一个加载（Spinner）的图片来告诉用户正在获取数据中！当用户在浏览详细视图（books/:BookName），只需要调用加载数据的方法。然后，因为设置了正确的监听器，当接受到新的数据的时候，视图就会自动更新。数据更新的时候，Backbone支持多事件和自定义事件。改变路由程序里面的代码：// 渲染Books页面loadBook: function (bookName){    this.bookView.loadBook(bookName);}除了bookView类，其他都不会改变。添加构造函数或者initialize方法，initialize方法是Backbone里面的一个特殊的字符属性。每个实例初始化的时候都...

Backbone.js学习笔记：图书案例-使用集合

发表于 Backbone 分类，标签:
20 08月 2015
0
模拟数据需要添加一些模拟用的数据，并且把它们和视图结合起来。// 图书数据库    var booksData = [        {            name: 'book1',            url: 'img/1.jpg'       ...

Backbone.js学习笔记（二）细说MVC

发表于 Backbone 分类，标签:
20 08月 2015
0
对于初学backbone.js的同学可以先参考我这篇文章：Backbone.js学习笔记（一）Backbone源码结构   1:  (function() {   2:      Backbone.Events        // 自定义事件   3:      Backbone.Model        // 模型构造函数和原型扩展   4:&n...

Node.js开发入门—使用AngularJS

发表于 JS 分类，标签:
20 08月 2015
0
做一个Web应用，一般都有前台和后台，Node.js可以实现后台，利用jade模板引擎也可以生成一些简单的前台页面，但要想开发出具有实际意义的现代Web应用，还得搭配一个Web前端框架。AngularJS是一个JavaScript前端框架，对于Node.js来说是一个完美的客户端库。AngularJS强制使用MVC（模型-视图-控制器，Model-View-Controller）框架，而它又使用JavaScript对象作为它的模型，和Node.js特别般配，用AngularJS的某些服务（比如$http）和Node.js通信，交互的对象不需要被转换为其它结构就能同时在前端和后端使用，堪称完美。还有一点，AngularJS背靠Google，值得信赖。不过，天朝网络也真特么绝了，难道仅仅因为这一点，https://angularjs.org/就不能访问了吗，就不能访问了吗，就不能访问了吗！重要...

Javascript MVC框架简介

发表于 JS 分类，标签:
20 08月 2015
0
https://speakerdeck.com/addyosmani/digesting-javascript-mvc这里看了一个关于jsmvc框架的ppt，作者是一位google的工程师，感觉挺全面挺有意思，适合像我这种入门级人士，简单翻译一下，有很多术语是猜的，如有不对还请各位看官指正。当前有超过40个JavascriptMVC框架，但是其中很多没有使用MVC。设计模式理应是一个通用词汇，但大多数人却有自己的定义MVC：提供一个简洁的三个概念的分离，数据（models），展现（views），用户输入（controllers）MVP:与MVC类似，但是极度关注解耦UI发展。P(presenter)扮演了controller的角色，使用View处理用户输入P同时检索数据(model),为数据格式化，用于展现MVVM：类似MVC，ViewModel提供了Model和View之间的...

Backbone.js学习笔记 Hello World!

发表于 JS 分类，标签:
20 08月 2015
0
使用Backbone.js和MVC架构创建一个典型的Helloworld项目。虽然是“杀鸡用牛刀了”，毕竟是我第一次使用Backbone.js依赖jQuery1.9.1Undersore.js1.5.0Backbone.js开始<!doctype html><html><head><meta charset="utf-8"><title>backbone日常练习</title></head><body><div></div><script src="js/jquery.min.js"></script><script src="js/Unde...

Backbone.js学习笔记（一）

发表于 Backbone 分类，标签:
20 08月 2015
0
基本概念前言昨天开始学Backbone.js，写篇笔记记录一下吧，一直对MVC模式挺好奇的，也对js中MVC的开创鼻祖怀着敬畏之心，唉，不说了，好虚伪，以下是我的学习心得和笔记。给大家看一下全球js库和框架的使用比例：这是通过搜索引擎抓取script标签统计而来的数据，可信度相当高啊，另外，不要迷恋Angular.js，Avalon.js还是挺不错的。什么是Backbone.js？Backbone.js是十大JS框架之首，Backbone.js 是一个重量级js MVC 应用框架，也是jsMVC框架的鼻祖。它通过Models数据模型进行键值绑定及custom事件处理，通过模型集合器Collections提供一套丰富的API用于枚举功能，通过视图Views来进行事件处理及与现有的Application通过JSON接口进行交互。简而言之，Backbone是实现了...

Backbone源码学习 — Backbone.Events

发表于 Backbone 分类，标签:
20 08月 2015
0
Backbone.Events为Backbone的核心部分，它在backbone的其他部分（View、Controller、Model…）被使用，在Backbone的MVC中作为Controller存在，通过事件机制对数据和视图进行控制。backbone.Events的作用Events可以作为一个模块在其他的对象中使用(无论是不是Backbone中定义的),也可以被单独使用varevent={};_.extend(event,Backbone.Events);EventsapiEvents对象提供了以下api所有的方法调用会返回events对象其中除了各种方法之外，会有一个 _events属性存储所有该Events对象中绑定的自定义事件，每个事件包含一个数组，里面存储着所有这个事件名称上定义的回调函数，结构如下：其中 callback 为回调函数...

Backbone源码学习 — Backbone.Model

发表于 Backbone 分类，标签:
20 08月 2015
0
Backbone源码学习—Backbone.ModelDEC 4TH, 2014 2:45PM今天我们来谈谈Backbone.jsMVC中的 M ,Model是backbone的核心部分，包含着页面展示内容的数据，还有围绕着数据操作的各种转换，校验，计算，权限控制，服务端交互等等操作，你可以通过 Backbone.Model.extend() 生成你的model,当然生成的model也可以作为一个基类去向下扩展更多的model1234567   var People = Backbone.Model.extend({          &nbs...

Backbone源码学习 — Backbone.Collection

发表于 Backbone 分类，标签:
20 08月 2015
0
今天我们继续来说说BackboneMVC中的 M，如果说前面介绍的Backbone.Model像是数据库中的一条记录的抽象的话，那么今天要聊的Backbone.Collection 就像是由若干条Backbone.Model组成的一个数据库表，其api和使用方法和Backbone.Model相似，主要是对models集合进行操作，以下为Backbone.Collection提供的API:我们可以看到很多api和Backbone.Model 的方法是相同的，主要是用于操作数据，进行数据定位等等，方法有：set：作为所有数据操作的基类方法，通过options确定具体的操作，主要是对models集合进行add，remove,merge等操作，默认操作是将传入的models替换原有的models，不进行合并add：封装了set方法，传入的配置默认是remove:f...
2/4 ‹‹ ‹ 1 2 3 4 › ››