- Ember.js 指南
- 入门指南 - 介绍
- 入门指南 - 应用规划
- 入门指南 - 创建静态页面
- 入门指南 - 获取Ember.js和相应依赖
- 入门指南 - 添加第一个路由与模板
- 入门指南 - 建立模型
- 入门指南 - 使用静态数据
- 入门指南 - 显示模型数据
- 入门指南 - 显示模型的完成状态
- 入门指南 - 创建新的模型实例
- 入门指南 - 标记模型为完成或未完成
- 入门指南 - 显示未完成待办事项的数量
- 入门指南 - 切换显示和编辑状态
- 入门指南 - 接受修改
- 入门指南 - 删除模型
- 入门指南 - 添加子路由
- 入门指南 - 显示未完成待办事项
- 入门指南 - 显示已完成待办事项
- 入门指南 - 显示所有待办事项
- 入门指南 - 添加移除所有已完成待办事项的按钮
- 入门指南 - 提示所有待办事项已完成
- 入门指南 - 切换已完成和未完成待办事项
- 入门指南 - 更换FixtureAdapter
- 获取 Ember - 获取Ember
- 概念 - 核心概念
- 概念 - 命名惯例
- 对象模型 - 类与实例
- 对象模型 - 计算属性
- 对象模型 - 计算属性和带@each的集合数据
- 对象模型 - 观察器
- 对象模型 - 绑定
- 对象模型 - 重新打开类和实例
- 对象模型 - 绑定,观察器,计算属性:如何选择?
- 应用 - 介绍
- 模板 - 应用模板
- 模板 - Handlebars基础
- 模板 - 条件表达式
- 模板 - 显示项目列表
- 模板 - 切换作用域
- 模板 - 绑定元素属性
- 模板 - 绑定元素类名称
- 模板 - 链接
- 模板 - 操作
- 模板 - 输入助手
- 模板 - 开发助手
- 模板 - 用助手来渲染
- 模板 - 编写助手方法
- 路由 - 介绍
- 路由 - 定义路由
- 路由 - 生成的对象
- 路由 - 指定路由的模型
- 路由 - 设置控制器
- 路由 - 渲染模板
- 路由 - 重定向
- 路由 - 指定地址API
- 路由 - 查询参数
- 路由 - 异步路由
- 路由 - 加载中/错误子状态
- 路由 - 阻止和重试过渡
- 组件 - 介绍
- 组件 - 定义组件
- 组件 - 传递属性
- 组件 - 包裹内容
- 组件 - 自定义组件元素
- 组件 - 使用Action处理用户交互
- 组件 - 从组件发送操作给应用
- 控制器 - 介绍
- 控制器 - 代表单一模型
- 控制器 - 代表多模型
- 控制器 - 管理控制器间的依赖
- 模型 - 介绍
- 模型 - 定义模型
- 模型 - 创建和删除记录
- 模型 - 将记录推入仓库
- 模型 - 持久化记录
- 模型 - 查询记录
- 模型 - 使用记录
- 模型 - 使用Fixture
- 模型 - 连接HTTP服务器
- 模型 - 处理元数据
- 模型 - 自定义适配器
- 模型 - 常见问题
- 视图 - 介绍
- 视图 - 定义视图
- 视图 - 处理事件
- 视图 - 在模板中插入视图
- 视图 - 为视图添加布局
- 视图 - 自定义视图元素
- 视图 - 内置视图
- 视图 - 手动管理视图层级
- 枚举 - 介绍
- 测试 - 介绍
- 测试 - 集成测试
- 测试 - 测试助手
- 测试 - 测试用户交互
- 测试 - 单元测试
- 测试 - 单元测试基础
- 测试 - 测试组件
- 测试 - 测试控制器
- 测试 - 测试路由
- 测试 - 测试模型
- 测试 - 自动化测试
- 配置Ember.js - 禁用基本类型扩展
- 配置Ember.js - 嵌入式应用
- 配置Ember.js - 特性标识
- Cookbook - 简介
- Cookbook - 用户界面与交互
- Cookbook - 事件处理和数据绑定
- Cookbook - 助手与组件
- Cookbook - 使用对象
- 理解Ember.js - 视图层
- 理解Ember.js - 管理异步
- 理解Ember.js - 模板自动更新
- 理解Ember.js - 调试
- 理解Ember.js - 运行循环
概念 - 核心概念
英文原文:http://emberjs.com/guides/concepts/core-concepts/
要开始学习Ember.js,首先要了解一些核心概念。
Ember.js的设计目标是能帮助广大开发者构建能与本地应用相颦美的大型Web应用。要实现这个目标需要新的工具和新的概念。我们花了很大的功夫从Cocoa、Smalltalk等本地应用框架引入了其优秀的理念。
然而,记住Web的特殊性非常重要。很多人认为一个应用是Web应用是因为其使用了像HTML、CSS和Javascript这些技术。实际上,这只是实现的细节问题。
相反,Web应用是通过能收藏和分享链接来凸显它的作用的。URL是Web应用的一个最核心的特性,正是URL使得Web应用有了卓越的可共享性和可协作性。现今,很多Javascript框架都事后才考虑URL,没有考虑这个让Web成功的主要因素。
Ember.js将本地GUI框架中的工具和概念与使得Web应用如此强大的URL嫁接在一起。
概念
模板
模板,用Handlebars模板语言来编写,它描述了一个应用程序的用户接口。每个模板背后都有一个模型,当模型发生改变时,模板将自动进行更新。
此外,相对于纯HTML,模板还提供了:
表达式, 例如
{{firstName}}
, 它从模板对应的模型获取信息并将信息添加到HTML中。出口(Outlets), 它是其他模板的占位符。当用户使用应用时,不 同的模板会通过路由插入到出口中。你可以使用
{{outlet}}
助手将出口放到 模板中去。组件,自定义的HTML元素,可以用来清理重复的模板或创建可重用的控件。
路由器
路由器将URL转换为一系列内嵌的有模型数据支撑的模板。当显示给用户的模板和模型发生改变时,Ember自动更新浏览器地址栏中的URL。
这意味着用户可以在任意点分享应用的URL。当某个用户点击了这个链接时,将看到与分享链接的用户看到的相同内容。
组件
组件是一个自定义的HTML标签,其行为用Javascript来实现,而显示使用Handlebars模板来描述。组件可以用来定义可重用的控件来简化应用的模板。
模型
模型是一个存储 持久化状态 的对象。它是应用将操作的数据,也是用来返回值给用户的数据。这些对象通常从服务器端加载,并当其在客户端发生改变后又保存到服务器端。
路由
路由是 负责管理应用程序状态 的对象。
控制器
控制器是存放应用状态的对象。模板除模型之外还可以有一个控制器与之对应,使其可以从这两者获取属性。
以上这些是在开发Ember.js
应用时需要了解的核心概念。Ember.js设计为可以弹性的处理复杂的问题,因此需要为应用增加新功能、新特性时只需要改变很小的部分。
现在你已经理解了这些对象各自的角色,可以开始深入到Ember.js 的世界中,进一步了解这些部分如何工作的细节。
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论