Ember.js
2016-01-28 15:20:49 22 举报AI智能生成
登录查看完整内容
Ember.js官方文档总结整理，方便学习。欢迎有志之士共同完成。
作者其他创作
大纲/内容
Ember.js
Application Concerns
快速开始
安装Ember.js
安装node.js
安装git
安装PhantomJS
安装Watchman
安装ember-cli
命令：npm install -g ember-cli@2.2.0-beta.6
核心概念
路由器和路由处理程序（router、route）
模板（template）
模型（model）
组件（component）
Ember CLI
新建ember项目
命令：ember new super-rentals
目录结构
https://guides.emberjs.com/v2.3.0/getting-started/ember-cli/#toc_directory-structure
启动项目
cd super-rentals
ember server（或者简写：ember s）
运行
http://localhost:4200
核心预览
路由与模板（route and template）
模型回调（model hook）
Ember Date
组件（Component）
测试（Testing）
已完成的任务
取消的任务
被延迟的任务
暂停的任务
进行中的任务
插件与依赖
Ember.js配置
对象模型
Ember对象
类和类实例化
类定义
Person=Ember.Object.extend({});
重写父类方法
创建类实例
var tom = Person.create({});
初始化实例
在类内部调用init()方法，实例化时候此方法会自动被调用
访问类属性
var name = person.get('name');
扩展类和实例
使用方法reopen()扩展类
计算睡醒
计算属性
计算属性的行为
计算属性链
多个计算属性可以组成计算属性链
动态更新
计算属性通常是有一个或者多个普遍属性构成
设置计算属性值
计算属性与数据处理
观察者（Observer）
观察者与对象初始化
观察者和异步
绑定（Bindings）
单向绑定（One-Way Bindings）
枚举（Enumerables）
普通方法和可触发观察者方法
forEach
lastObject、lastObject
Map
过滤器（Filtering）
\u00A0filter()
filterBy()
every()
any()
isEvery()、isAny()
路由（route）
路由定义（Defining Your Routes）
简单路由（Basic Routes）
嵌套路由（Nested Routes）
入口路由（The application route）
首页路由（Index Routes）
动态段（Dynamic Segments）
通配符（Wildcard ）
指定路由的模型（Specifying a Route's Model）
普通方式
动态模式（Dynamic Models）
多模型模式（Multiple Models）
渲染模板（Rendering a Template）
重定向（Redirectting）
获取model数据前重定向
获取model数据后重定向
包含动态段路由跳转
终止、回转路由跳转
在回调中终止路由跳转
路由回跳
路由加载/错误子状态（loading/error substates）
加载子状态（loading substates）
加载事件（loading event）
错误子状态（error substates）
错误事件（error event）
查询参数（Query Parameters）
指定查询参数
link-to助手指定查询参数
指定tansitionTo方法的查询参数
Opting into a full transition
Update URL with replaceState instead
查询参数的键与不同参数名映射
设置查询参数的默认值
定死查询参数
异步路由（Asynchronous routeing)
模板简介（Handerbars Baseics）
显示属性值
在模板中使用条件语句（Conditionals）
显示数据集（Displaying a List of Items）
访问数组的下标
空数组处理（Empty List）
数据嵌套遍历（Displaying the keys in an object）
空数组处理（Emptry list)
html元素属性绑定（Binding Element Attributes）
链接（Links）
常用{{link-to}}助手
包含多个动态段的{{link-to}}助手
点击查看更加详细的使用教程
行为(Actions）
{{action}}常用方式
{{action}}参数（Action Parameters）
指定{{action}}事件类型（Specifying The type of Event）
允许浏览器默认行为（Allow Default Browser Action）
指定action触发事件的辅助按键
获取触发的事件本身、输入框的值
Attaching Actions to Non-Clickable Elements
输入助手（Input Helper）
开发助手（Development Helper）
格式化、转义助手（Writing helper）
数据格式化（Format）
助手命名规则（Helper Names）
助手参数（Helper Parameters）
基于类助手（Class-based Helpers）
HMTL转义（Escaping HTML Content）
组件定义（Defining a Component）
组件类定义
动态渲染组件
组件生命周期（The Component lifecycle）
Order of Lifecycle Hooks Called
Resetting Presentation State on Attribute Change with didUpdateAttrs
Formatting Component Attributes with didReceiveAttrs
Integrating with Third-Party Libraries with didInsertElement
Making Update to the Rendered DOM with didRender
Detaching and Tearing Down Component Elements with willDestroayElement
组件之间参数传递（Passing Properties to a Component）
组件包裹html（Wrapping Content in a Component）
自定义组件生成的元素（Customizing a Component's Element）
自定义渲染元素（Customizing the Element）
自定义渲染元素的样式（Customizing Class Names）
自定义标签的属性（Customizing Attributes）
组件事件处理（Handling Events）
Triggering Changes with Actions
控制器（controller）
控制器简介
管理控制器之间的依赖
模型简介（Introduction）
模型定义（Defing model）
查询记录（Finding Record）
新建、更新和删除记录（creating，updating and deleting）
模型关联关系（Relationships）
一对一、一对多、多对多
显式反转
自反关系
模型关系处理
创建关联模型
更新模型的关联关系
删除模型的关联关系
关系也是promise
保存数据到store（Pushing Records into the Store）
元数据（Handling Metadata）
自定义适配器（Customizing Adapters）
URL转换（URL Conventions）
自定义URL模型复数形式（Pluralization Customization）
URL公共前缀定义（Endpoint Path Customization）
自定义域名（Host Customization）
自定义请求路径中模型的命名方式（Path Customization）
自定义请求头信息（Headers customization）
自定义序列化器（Customizing Serializers）
JSON API规范
Sideloaded Data
自定义序列化器（Customization Serializer）
ID属性
属性命名规则（Attribute Names）
模型关系处理（Relationships）
自定义转换器（creating Custom Transformations）
JSONSerializer序列化器
EmbeddedRecordMixin
EmbeddedRecordsMixin Defaults
定义完全全新的序列化器（Authoring Serializers）
0 条评论
回复 删除
下一页
