由ubuntu的疯狂创建，最后一次修改2017-01-06单元测试基础单元测试一般被用来测试一些小的代码块，并确保它正在做的是什么。与验收测试不同的是，单元测试被限定在小范围内并且不需要Emeber程序运行。与Ember基本对象一样的，创建单元测试也只需要继承Ember.Object即可。然后在代码块内编写具体的测试内...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06验收测试使用embergenerateacceptance-test创建一个验收测试，比如:embergacceptance-testlogin执行完毕命令之后得到如下文件内容：//tests/acceptance/login-test.jsimport{tes...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06英文原文：https://guides.emberjs.com/v2.7.0/testing/测试简介测试是Ember。js框架开发环节中很重要的一环。现在假设你正在利用Ember框架开发一个博客系统，这个系统包含user和post模型，有登录及创建博客的操作。...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06在Ember应用中，序列化器会格式化与后台交互的数据，包括发送和接收的数据。默认情况下会使用JSONAPI序列化数据。如果你的后端使用不同的格式，EmberData允许你自定义序列化器或者定义一个完全不同的序列化器。EmberData内置了三个序列化器。JSON...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06在Ember应用中适配器决定了数据保存到后台的方式，比如URL格式和请求头部。EmberData默认的适配器是内置的RESTAPI回调。实际使用中经常会扩展默认的适配器。Ember的立场是应该通过扩展适配器来添加不同的功能，而非添加标识。这样可以使得代码更加容易...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06元数据是数据与一个特定的模式或类型，而不是一个纪录。一个很常见的例子是分页。通常会像下面的代码设置分页：letresult=this.store.query(‘post’,{limit:10,offset:0});设置了每页显示数据为10条，但是你不知道总条数，...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06在前面Ember.js入门指南之三十八定义模型中介绍过模型之前的关系。主要包括一对一、一对多、多对多关系。但是还没介绍两个有关联关系模型的更新、删除等操作。为了测试新建两个模型类。embergmodelpostembergmodelcomment1，创建关系记录...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06Ember的Store就像一个缓存池，用户提交的数据以及从服务器获取的数据会首先保存到Store。如果用户再次请求相同的数据会直接从Store中获取，而不是发送HTTP请求去服务器获取。当数据发生变化，数据首先更新到Store中，Store会理解更新到其他页面。...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06前一篇介绍了查询方法，本篇介绍新建、更新、删除记录的方法。本篇的示例代码创建在上一篇的基础上。对于整合firebase、创建route和template请参看上一篇，增加一个controller：embergcontrollerarticles。1，新建记录创建...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06store提供了统一的获取数据的接口。包括创建新记录、修改记录、删除记录等，更多有关StoreAPI请点击网址看详细信息。为了演示这些方法的使用我们结合firebase，关于firebase与Ember的整合前面的文章已经介绍，就不过多介绍了。做好准备工作：em...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06模型也是一个类，它定义了向用户展示的属性和数据行为。模型的定义非常简单，只需要继承DS.Model类即可，或者你也可以直接使用EmberCLI命令创建。比如使用命令模型embergmodelperson定义了一个模型类person。//app/models/pe...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06Ember官网用了大篇幅来介绍model，相比之前的controller简直就是天壤之别啊！从本篇开始学习Ember的模型，这一章也是Ember基础部分的最后一章内容，非常的重要（不管你信不信反正我是信了）。在开始学习model之前先做好准备工作：重新创建一个E...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06在有路由嵌套的情况下，你可能需要在两个不同的controller之间通信。按照惯例先做准备工作：embergroutepostembergroutepost/commentsembergmodelpost比如下面的路由设置：//router.jsimportEm...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06从本篇开始进入第五章控制器，controller在Ember2.0开始越来越精简了，职责也更加单一——处理逻辑。下面是准备工作。重新创建一个Ember项目，仍旧使用的是EmberCLI命令创建。embernewchapter5_controllerscdchap...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06对于组件这一章是非常重要的，组件会在3.0之后的版本替代控制器。这一章最重要的内容包括如下几篇博文：Ember.js入门指南之二十九属性传递Ember.js入门指南之三十一自定义包裹组件的HTML标签Ember.js的组件如何使用sendAction与控制器、路...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06组件就像一个相对独立的盒子。在前面的文章中介绍过组件是怎么通过属性传递参数，并且这个属性值你可以在模板或者js代码中获取。但是到目前为止还没介绍过子组件从父组件中获取数组，在Ember应用中组件之间的通信是通过actions实现的。跟着下面的步骤来，创建一个组件...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06你可以在组件中响应事件，比如用户的双击、鼠标滑过、键盘的按下等等事件。只需要在组件类中增加Ember提供的处理事件，然后Ember会自动判断用户的操作执行相应的事件，只要在组件类中添加的事件不冲突你甚至一次性增加多个事件，事件执行次序根据触发的次序执行。1，简单...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06按照惯例，先做好准备工作，使用EmberCLI命令生成演示所需的文件：embergroutecustomizing-component-elementembergcomponentcustomizing-component-elementembergrouteh...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06准备工作：embergroutewrapping-content-in-component-routeembergcomponentwrapping-content-in-component有些情况下，你需要定义一个包裹其他模板提供的数据的组件。比如下面的例子：...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-061，传递参数到组件上每个组件都是相对独立的，因此任何组件所需的数据都需要通过组件的属性把数据传递到组件中。比如上篇Ember.js入门指南之二十八组件定义的第三点{{componentitem.pnpost=item}}就是通过属性post把数据传递到组件foo...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06不得不说，Ember的更新是在是太快了！！本教程还没写到一半就又更新到v2.1.0了！！！！不过为了统一还是使用官方v2.0.0的参考文档！！从本篇开始进入新的一章——组件。这一章将用6篇文章介绍Ember的组件，从它的定义开始知道它的使用方式，我将为你一一解答...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06本文将为你介绍路由的高级特性，这些高级特性可以用于处理项目复杂的异步逻辑。关于单词promises，直译是承诺，但是个人觉得还是使用原文吧。读起来顺畅点。1，promises（承诺）Ember的路由处理异步逻辑的方式是使用Promise。简而言之，Promise...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06查询参数是在URL的问号（？）右边部分，通常是键值对形式出现。http://example.com/articles?sort=ASC&page=2比如这个URL的查询参数有两个，一个是sort，一个是page，它们的值分别是ASC和2。1，指定查询参数查询参数...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06在前面的Ember.js入门指南之二十路由定义提过loading、error子路由，它们是Ember默认创建的，并在beforeModel、model、afterModel这三个回调执行完毕之前会先渲染当前路由的loading和error模板。Router.ma...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06在路由的转换过程中，Ember路由器会通过回调（beforeModel、model、afterModel、redirect）解析一个transition对象到转换的下一路由中。任何一个回调都可以通过传递过来的transition参数获取transition对象，...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06声明：对于transition这个词直译是“过渡”的意思，但是总觉得“路由的过渡”读起来总有那么一点别扭，想了下于是就用“切换”替代吧，如有不妥欢迎指正。我们熟知的Java、PHP等语言都提供了URL的重定向，那么Ember的重定向又是怎么去实现的呢？如果是从路...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06路由的另一个重要职责是渲染同名字的模板。比如下面的路由设置，posts路由渲染模板posts.hbs，路由new渲染模板posts/new.hbs。Router.map(function(){this.route('posts',function(){this....

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06路由其中一个很重要的职责就是加载适合的model，初始化数据，然后在模板上显示数据。1，普通model关联//app/router.js//……Router.map(function(){this.route('posts');});exportdefaultR...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06当你的应用启动的时候，路由器就会匹配当前的URL到你定义的路由上。然后按照定义的路由层次逐个加载数据、设置应用程序状态、渲染路由对应的模板。1，基本路由在app/router.js的map方法里定义的路由会映射到当前的URL。当map方法被调用的时候方法体内的r...

[阅读全文]

由ubuntu的疯狂创建，最后一次修改2017-01-06真快，第二章模板（template）已经介绍完毕了！这个章节相对来说是比较简单，只有是有点HTML基础的学习起来并不会很难，几乎也不需要去记忆，自己动手实践实践就能理解。其中比较重要的是{{link-to}}和{{action}}这两篇。特别是{{link-to...

[阅读全文]