深入理解Ember-Data特性(上)

写在前面

最近比较忙,换了新工作还要学习很多全新的技术栈,并给自己找了很多借口来不去坚持写博客。常常具有讽刺意味的是,更多剩下的时间并没有利用而更多的是白白浪费,也许这就是青春吧,挥霍吧,这不是我想要的,既然这样,我还要继续写下去,坚持把博客做好,争取进前100博客,在此谨记。

2015年5月7日深夜,于电脑旁。

文章索引

JS前端框架之Ember.js系列

综述

  Ember-Data对于Web应用程序来说是一个ORM Framework。Ember-Data直接作用于服务端数据,允许您更改格式化服务端数据,最小化客户端展现的数据。您可以通过自定义adatpters和serializer来处理服务端的数据。

  Ember.js核心生态系统/架构图

  Runtime负责依据Model中的status状态更新View, 以建立一个由Model直接绑定View的一种方式。类似于Backbone.js的Collection,Ember.js中是用App.Store作为数据仓库来函缓存以及加载数据。

Metamorph.js

  即将用HTMLBar代替,Ember团队成员认为此模块是过于“笨重的脚本标签,现阶段我们使用这些标签追踪Dom中反馈的值,HTMLBar相当于HTML5和Handlebars组成的语法组件。

HTMLBar:http://oscarlodriguez.nl/Labs/htmlbars/#/

Handlebars.js

  Handlebars 是 JavaScript 一个语义模板库,通过对view和data的分离来快速构建Web模板。它采用"Logic-less template"(无逻辑模版)的思路,在加载时被预编译,而不是到了客户端执行到代码时再去编译, 这样可以保证模板加载和运行的速度。

  官网地址:http://handlebarsjs.com/

RSVP.js

  RSVP.js提供一个简单的工具来管理异步代码,简单来说它是实现了Promises/A+的一个小型框架。

ES6也引入了Promises,当你发起一个异步请求,并绑定了.when(), .done()等事件处理程序时,其实就是在应用promises模式。

  官网地址:https://github.com/tildeio/rsvp.js

Backburner.js

  一个重写Ember.js Run Loop的一般框架。

  作者加入了Ember.js团队:

  Backburner.js and the run loop.  Erik is joining us from San Francisco and I‘m very excited to hear more.

  Github地址:https://github.com/ebryn/backburner.js

一、Ember-Data数据缓存

Ember-Data Model object模型对象对于Ember-Data作为一个服务来定义Model中含有的属性以及属性的类型。

定义Ember-Data模型

  MainMenu类扩展了DS.Model模型,定义了成员并指定了成员的类型和所属关系,模型中并未定义id属性,id属性是Ember-Data中隐式定义的方便数据仓库(Store)索引数据,如果重写此id属性则会有错误提示。从DS.Model中扩展出自己的Model好处是,可以继承一些列的绑定、监测函数(observers)、和计算属性等API,后续章节会详细分析这些属性。

Ember-Data是一种同一性数据映射

  一个普通的基于JavaScript的Web应用通过Json或者REST接口获得数据,并将数据保存在DOM树中,虽然这样能快速的更新View,但是开发人员需要确保旧数据将被从DOM树中移除,以保证Web程序性能。

  Ember-Data通过建立数据仓库来解决这个问题,并将数据缓存起来,然后通过唯一标识“id”来获取和更新数据,Ember-Data确保数据的同一性。

  下图显示Ember-Data管理它的数据以及同一性映射是如何工作的:

  第一次请求id为ABC的数据时,Ember-Data仓库中并没有数据,Ember-Data返回一个带有id和Status标识的“空数据”,同时向服务器发起请求。当收取到服务器返回值时,Ember-Data先将数据缓存下来,然后将变更的结果通知View(或者可以说View自动监听了Model的变化,稍后会做模型绑定分析)。

  第二次发起同样的请求时,Ember-Data发现其仓库内含有这样的数据,则直接返回其数值,而不再向服务器发起请求。

模型之间的关联关系

  由于模型之间的关系通常是散乱的、纠结的、关联的、非标准的等,Ember-Data通过提供功能和集成点来确保你能将这些关联的结构更好的组织起来。

  Ember-Data通过唯一标识id来确保组织的关系,下图来显示Ember-Data是如何通过Id来管理组织之间的关系的:

  默认情况下,RESTAdapter期望你的Key是能是camelized风格,首字母要小写,id的值要大写,并且如果返回的数据类型是数组或列表,则应该加后缀s。

你还可能看到“children”中并没有真正的数据,而仅仅只是含有指示到子类数据的id,Ember-Data通过id来查找子元素的值。

  Question: 什么子类的parent要绑定到父类?

  答:仅仅是数据结构上的定义。

模型的之中的状态和事件

  正因为大多数Ember-Data在程序中的行为是异步的,Ember-Data的模型内置了状态管理器,来维护数据状态,当数据发生改变时。Ember-Data在内部使用这些状态,来向Web程序提供数据。例如,当你想在界面上使用加载滚动条时,这些方法/属性将变的非常有用。

  而且,通过扩展DS.Model,Ember内置了转换函数能使开发者能在Controller或者View中调用这些功能。

  Ember-Data 的状态:

  注意:这些属性还可以组合使用,例如当isDirty和isDeleted都为true时表示:本地数据已删除,但还为收到服务端传来的删除确认信息。

  Ember-Data 事件列表:

  你可以通过 Model.on(‘didLoad’, function() { console.log(“Loaded!”)});来订阅事件通知,相当于在didLoad上注册一个事件以便监听Model发生的变化。

  下图是一个部分的状态流程图:

  当请求数据时,状态为isLoading,当数据返回到数据仓库中,状态为isLoaded,如果本地对数据做修改则状态变更为isDirty状态,当保存数据时,状态为isSaving, 服务端返回OK(例如http 200),状态由isSaving变更为isLoaded。或者isError。

  以上仅仅是常用的API,更多详情请参考:http://emberjs.com/api/data/classes/DS.Store.html

未完待续,请参考《深入理解Ember-Data特性(下)

时间: 2024-08-01 22:39:54

深入理解Ember-Data特性(上)的相关文章

Java入门——深入理解Java三大特性

Java入门——深入理解Java三大特性 本Blog内容: 封装 继承 多态 封装 封装把一个对象的属性私有化,同时提供一些可以被外界访问的属性的方法(getter,setter),如果不想被外界方法,我们大可不必提供方法给外界访问. 封装确实可以使我们容易地修改类的内部实现,而无需修改使用了该类的客户代码. 可以对成员变量进行更精确的控制.(在setter方法中进行实际意义的校验) 总结:控制属性访问权限,不是你想改就能改.容易修改属性类型.精确控制属性的取值范围. 继承 继承是使用已存在的类

在不root手机的情况上读取Data目录上的文件

在不root手机的情况下读取Data目录下的文件 使用adb命令时的错误 如果直接使用adb命令会产生以下错误: 127|[email protected]:/ $ cd /data cd /data [email protected]:/data $ ls ls opendir failed, Permission denied 是没有权限的. 正确使用adb读取data目录下的文件方式 [email protected]:/data $ run-as com.your.package run

线代笔记 #01# 几何水平上的理解 VS. 数值水平上的理解

源: 线性代数的本质 内容来自字幕. Let me quote without further comment from Dieudonné's "Foundations of Modern Analysis, Vol. 1" There is hardly any theory which is more elementary than linear algebra, in spite of the fact that generations of professors and te

Spring Boot2 系列教程(二十三)理解 Spring Data Jpa

有很多读者留言希望松哥能好好聊聊 Spring Data Jpa! 其实这个话题松哥以前零零散散的介绍过,在我的书里也有介绍过,但是在公众号中还没和大伙聊过,因此本文就和大家来仔细聊聊 Spring Data 和 Jpa! 本文大纲: 1. 故事的主角 1.1 Jpa 1.1.1 JPA 是什么 Java Persistence API:用于对象持久化的 API Java EE 5.0 平台标准的 ORM 规范,使得应用程序以统一的方式访问持久层 1.1.2 JPA 和 Hibernate 的关

理解java三大特性之多态

---恢复内容开始--- 面向对象编程有三大特性:封装.继承.多态. 封装隐藏了类的内部实现机制,可以在不影响使用的情况下改变类的内部结构,同时也保护了数据.对外界而已它的内部细节是隐藏的,暴露给外界的只是它的访问方法. 继承是为了重用父类代码.两个类若存在IS-A的关系就可以使用继承.,同时继承也为实现多态做了铺垫.那么什么是多态呢?多态的实现机制又是什么?请看我一一为你揭开: 所谓多态就是指程序中定义的引用变量所指向的具体类型和通过该引用变量发出的方法调用在编程时并不确定,而是在程序运行期间

C# 2.0 新特性(上)

C# 2.0新特性 1. 泛型 1.1 泛型介绍 泛型类和泛型方法同时具备可重用性.类型安全和效率,这是非泛型类和非泛型方法无法具备的.泛型通常用在集合和在集合上运行的方法中..NET Framework 2.0 版类库提供一个新的命名空间 System.Collections.Generic,其中包含几个新的基于泛型的集合类.建议面向 2.0 版的所有应用程序都使用新的泛型集合类,而不要使用旧的非泛型集合类,如 ArrayList.有关更多信息,请参见 .NET Framework 类库中的泛

深入理解Core Data

留给我这忘事精看 Core Data 是什么? 大概八年前,2005年的四月份,Apple 公布了 OS X 10.4,正是在这个版本号中 Core Data 框架公布了.那个时候 YouTube 也刚公布. Core Data 是一个模型层的技术.Core Data 帮助你建立代表程序状态的模型层.Core Data 也是一种持久化技术,它能将模型对象的状态持久化到磁盘,但它最重要的特点是:Core Data 不仅是一个载入.保存数据的框架,它还能和内存中的数据非常好的共事. 假设你之前以前接

.Net Discovery系列之三 深入理解.Net垃圾收集机制(上)

前言: 组成.Net平台一个很重要的部分----垃圾收集器(Garbage Collection),今天我们就来讲讲它.想想看没有GC,.Net还能称之为一个平台吗?各种语言虽然都被编译成MSIL,但是运行时的资源回收工作却“各自为战”,这样不但增加了编程难度,也会使内存管理工作变得复杂无比(不同语言处理内存的微小差异,将在回收资源时被放大),更也不利于平台移植. 这篇文章将全面的为大家介绍.Net 垃圾收集的运行方式.算法,以及与垃圾收集相关的关键方法. 说到垃圾收集机制,很少有人知道,垃圾收

<史上最强>深入理解 Python 异步编程(上)

前言 很多朋友对异步编程都处于"听说很强大"的认知状态.鲜有在生产项目中使用它.而使用它的同学,则大多数都停留在知道如何使用 Tornado.Twisted.Gevent 这类异步框架上,出现各种古怪的问题难以解决.而且使用了异步框架的部分同学,由于用法不对,感觉它并没牛逼到哪里去,所以很多同学做 Web 后端服务时还是采用 Flask.Django等传统的非异步框架. 从上两届 PyCon 技术大会看来,异步编程已经成了 Python 生态下一阶段的主旋律.如新兴的 Go.Rust.

深入理解 Python 异步编程(上)

http://python.jobbole.com/88291/ 前言 很多朋友对异步编程都处于"听说很强大"的认知状态.鲜有在生产项目中使用它.而使用它的同学,则大多数都停留在知道如何使用 Tornado.Twisted.Gevent 这类异步框架上,出现各种古怪的问题难以解决.而且使用了异步框架的部分同学,由于用法不对,感觉它并没牛逼到哪里去,所以很多同学做 Web 后端服务时还是采用 Flask.Django等传统的非异步框架. 从上两届 PyCon 技术大会看来,异步编程已经成