Ember.js

我的MVVM框架 v0.1发布

如果经常浏览我博客的人就发现，我三个月前就搞鼓过一下什么MVVM与MVC的比较，knockout.js与ember.js。
·2015-10-21 10:59

Ember.js 入门指南——新建、更新、删除记录

前一篇介绍了查询方法，本篇介绍新建、更新、删除记录的方法。本篇的示例代码创建在上一篇的基础上。对于整合firebase、创建route和template请参看上一篇，增加一个controller：embergcontrollerarticles。1，新建记录      创建新的记录使用createRecord()方法。比如下面的代码新建了一个aritcle记录。修改模板，在模板上增加几个input
ubuntuvim·2015-10-21 02:00

Ember.js 入门指南——查询记录

store提供了统一的获取数据的接口。包括创建新记录、修改记录、删除记录等，更多有关StoreAPI请看这个网址的介绍：http://devdocs.io/ember/data/classes/ds.store。 为了演示这些方法的使用我们结合firebase，关于firebase与Ember的整合前面的文章已经介绍，就不过多介绍了。做好准备工作：ember g route articles em
ubuntuvim·2015-10-20 01:00

Ember.js 入门指南——定义模型

model也是一个类，它定义了向用户展示的属性和数据行为。model的定义非常简单，只需要继承DS.Model类即可，或者你也可以直接使用EmberCLI命令创建。比如使用命令embergmodelperson定义了一个model类person。//  app/models/person.js   import DS from 'ember-data';   export default DS.M
ubuntuvim·2015-10-18 16:00

Ember.js 入门指南——model简介2

本文接上一篇《Ember.js入门指南——model简介1》。2，核心概念声明：下面简介内摘抄至http://www.emberjs.cn/guides/models/#toc_。 
ubuntuvim·2015-10-17 02:00

Ember.js 入门指南——model简介1

本篇内容较多，拆分为两篇！Ember官网用了大篇幅来介绍model，相比之前的controller简直就是天壤之别啊！      从本篇开始学习Ember的模型，这一章也是Ember基础部分的最后一章内容，非常的重要（不管你信不信反正我是信了）。 在开始学习model之前先做好准备工作：重新创建一个Ember项目，仍旧使用的是EmberCLI命令创建。embernewchapter6_model
ubuntuvim·2015-10-17 02:00

Ember.js 入门指南——管理controller之间的依赖关系

在有路由嵌套的情况下，你可能需要在两个不同的controller之间通信。按照惯例先做准备工作：ember g route post ember g route post/comments ember g model post 比如下面的路由设置：//  router.js   import Ember from 'ember'; import config from './config/envi
ubuntuvim·2015-10-15 23:00

Ember.js 入门指南——控制器（controller）

ember new chapter5_controllers cd chapter5_controllers ember server从本篇开始进入第五章控制器，controller在Ember2.0开始越来越精简了，职责也更加单一——处理逻辑。下面是准备工作。从新创建一个Ember项目，仍旧使用的是EmberCLI命令创建。在浏览器执行项目，看到如下信息说明项目搭建成功。WelcometoEmb
ubuntuvim·2015-10-15 00:00

Ember.js 入门指南——action触发变化

组件就像一个相对独立的盒子。在前面的文章中介绍过组件是怎么通过属性传递参数，并且这个属性值你可以在模板或者js代码中获取。      但是到目前为止还没介绍过子组件从父组件中获取数组，在Ember应用中组件之间的通信是通过actions实现的。      跟着下面的步骤来，创建一个组件之间通信的示例。1，创建组件      创建组件的方法不用我多说，直接使用EmberCLI命令创建即可。ember
ubuntuvim·2015-10-14 01:00

Ember.js 入门指南——action触发变化

组件就像一个相对独立的盒子。在前面的文章中介绍过组件是怎么通过属性传递参数，并且这个属性值你可以在模板或者js代码中获取。但是到目前为止还没介绍过子组件从父组件中获取数组，在Ember应用中组件之间的通信是通过actions实现的。跟着下面的步骤来，创建一个组件之间通信的示例。1，创建组件创建组件的方法不用我多说，直接使用EmberCLI命令创建即可。embergcomponentbutton-w
ubuntuvim·2015-10-14 01:44

Ember.js 入门指南——处理事件

ber.js入门指南——处理事件      你可以在组件中响应事件，比如用户的双击、鼠标滑过、键盘的按下等等事件。只需要在组件类中增加Ember提供的处理事件，然后Ember会自动判断用户的操作执行相应的事件，只要在组件类中添加的事件不冲突你甚至一次性增加多个事件，事件执行次序根据触发的次序执行。 1，简单事件处理准备工作，使用EmberCLI创建演示所需文件：ember g component 
ubuntuvim·2015-10-13 00:00

Ember.js 入门指南——自定义包裹组件的HTML标签

按照惯例，先做好准备工作，使用EmberCLI命令生成演示所需的文件：      embergroutecustomizing-component-elementembergcomponentcustomizing-component-elementembergroutehomeembergrouteabout 默认情况下，组件会被包裹在div标签内。比如，组件渲染之后得到下面的代码：   My 
ubuntuvim·2015-10-12 02:00

Ember.js 入门指南——包裹内容

准备工作：ember g route wrapping-content-in-component-route        ember g component wrapping-content-in-component有些情况下，你需要定义一个包裹其他模板提供的数据的组件。比如下面的例子：   {{title}} {{body}}上述代码定义了一个普通的组件。    {{wrapping-cont
ubuntuvim·2015-10-11 02:00

Ember.js 入门指南——属性传递

比如上篇《Ember.js入门指南——组件定义》的第三点“{{componentitem.pnpost=item}}”就是通过属性post把数据传递到组件foo-component或者bar-component
ubuntuvim·2015-10-09 23:00

Ember.js 入门指南——组件定义

    不得不说，Ember的更新是在是太快了！！本教程还没写到一半就又更新到v2.1.0了！！！！不过为了统一还是使用官方v2.0.0的参考文档！！      从本篇开始进入新的一章——组件。这一章将用6篇文章介绍Ember的组件，从它的定义开始知道它的使用方式，我将为你一一解答！      准备工作：      本章代码统一访问项目chapter4_components下，项目代码可以在以下网
ubuntuvim·2015-10-09 02:00

Ember.js 入门指南——异步路由

本文将为你介绍路由的高级特性，这些高级特性可以用于处理项目复杂的异步逻辑。          关于单词promises，直译是承诺，但是个人觉得还是使用原文吧。读起来顺畅点。1，promises（承诺）      Ember的路由处理异步逻辑的方式是使用promises。简而言之，promises就是一个表示最终结果的对象。这个对象可能是fulfill（成功获取最终结果）也可能是reject（获取
ubuntuvim·2015-10-01 02:00

Ember.js 入门指南——查询参数

查询参数是在URL的问号（？）右边部分，通常是键值对形式出现。 http://example.com/articles?sort=ASC&page=2      比如这个URL的查询参数有两个，一个是sort，一个是page，它们的值分别是ASC和2。 1，指定查询参数            查询参数通常是声明为controller类中。比如在当前活动路由articles下，你需要根据文章的类型c
ubuntuvim·2015-09-30 00:00

Ember.js 入门指南——loading、error子状态

       在前面的《Ember.js入门指南——路由定义》提过loading、error子路由，它们是ember默认创建的，并在beforeModel、model、afterModel这三个回调执行完毕之前会先渲染当前路由的
ubuntuvim·2015-09-28 01:00

Ember.js 入门指南——路由切换的防止和重试

    在路由的切换过程中，Ember路由器会通过回调（beforeModel、model、afterModel、redirect）解析一个transition对象到切换的下一路由中。任何一个回调都可以通过传递过来的transition参数获取transition对象，然后使用这个对象调用transition.abort()方法立即终止路由的切换，如果你的程序保存了这个对象（transition对
ubuntuvim·2015-09-27 05:00

Ember.js 入门指南——路由重定向

    声明：对于transition这个词直译是“过渡”的意思，但是总觉得“路由的过渡”读起来总有那么一点别扭，想了下于是就用“切换”替代吧，如有不妥欢迎指正。      我们熟知的Java、PHP等语言都提供了URL的重定向，那么Ember的重定向又是怎么去实现的呢？      如果是从路由重定向到另外一个路由你可以调用transitionTo方法重定向到另一个路由，如果是从controlle
ubuntuvim·2015-09-26 15:00

Ember.js 入门指南——模板渲染

路由的另一个重要职责是渲染同名字的模板。      比如下面的路由设置，posts路由渲染模板posts.hbs，路由new渲染模板posts/new.hbs。Router.map(function() {      this.route('posts', function() {      this.route('new');   }); });每一个模板都会渲染到父模板的{{outlet}}上
ubuntuvim·2015-09-25 11:00

Ember.js 入门指南——指定与路由关联的模型

路由其中一个很重要的职责就是加载适合的model，初始化数据，然后在模板上显示数据。1，普通model关联//  app/router.js   //  ……   Router.map(function() {     this.route('posts'); });   export default Router;  对于posts这个路由如果要加载名为post的model要怎么做呢？代码实现很
ubuntuvim·2015-09-25 01:00

Ember.js 入门指南——路由定义

    当你的应用启动的时候，路由器就会匹配当前的URL到你定义的路由上。然后按照定义的路由层次逐个加载数据、设置应用程序状态、渲染路由对应的模板。1，基本路由       在app/router.js的map方法里定义的路由会映射到当前的URL。当map方法被调用的时候方法体内的route方法就会创建路由。下面使用EmberCLI命令创建两个路由：ember generate route abo
ubuntuvim·2015-09-24 13:00

Ember.js 入门指南——路由定义

    当你的应用启动的时候，路由器就会匹配当前的URL到你定义的路由上。然后按照定义的路由层次逐个加载数据、设置应用程序状态、渲染路由对应的模板。1，基本路由       在app/router.js的map方法里定义的路由会映射到当前的URL。当map方法被调用的时候方法体内的route方法就会创建路由。下面使用EmberCLI命令创建两个路由：ember generate route abo
ubuntuvim·2015-09-24 13:00

Ember.js 入门指南——路由简介

    从本文开始，将为大家介绍路由（route），如果你看过前面的《Ember.js入门指南——{{link-to}}助手》这篇文章应该初步了解了route。
ubuntuvim·2015-09-22 23:00

Ember.js 入门指南——工具类的助手

    本篇主要介绍格式转换、自定义helper、自定义helper参数、状态helper、HTML标签转义这几个方面的东西。按照文章惯例先准备好测试所需要的数据、文件。仍然是使用EmberCLI命令，这次我们创建的是helper、controller、route（创建route会自动创建template）。    embergeneratehelpermy-helper    embergene
ubuntuvim·2015-09-22 02:00

Ember.js 入门指南——调试助手

    Ember不仅提供了专门用于调试Ember程序的谷歌、火狐浏览器插件“EmberInspector”(安装插件可能需要fa，如果你也是一个程序员我想fq对于你来说应该不是什么难事！！！)，还提供了用于调试的helper。按照惯例，先做好准备工作，分别执行EmberCLI命令创建controller、route和模板：embergeneratecontrollerdev-helperembe
ubuntuvim·2015-09-21 10:00

Ember.js 入门指南——表单元素

文章从（http://ibeginner.sinaapp.com）迁移过来，欢迎访问原页面。Ember提供的表单元素都是经过封装的，封装成了view组件。经过解析渲染之后就会生成普通的HTML标签。更多详细信息你可以查看他们的实现源码：Ember.TextField、Ember.Chechbox、Ember.TextArea。      按照惯例，先创建一个route：embergenerater
ubuntuvim·2015-09-21 01:00

Ember.js 入门指南——{{action}} 助手

本系列文章全部从（http://ibeginner.sinaapp.com/）迁移过来，欢迎访问原网站。    action助手所现实的功能与javascript里的事件是相似的，都是通过用户点击元素触发定义在元素上的事件。Ember的action助手还允许你传递参数到对应的controller、component类，在controller或者component上处理事件的逻辑。准备工作，我们使用
ubuntuvim·2015-09-20 04:00

Ember.js 入门指南——{{action}} 助手

本系列文章全部从（http://ibeginner.sinaapp.com/）迁移过来，欢迎访问原网站。    action助手所现实的功能与javascript里的事件是相似的，都是通过用户点击元素触发定义在元素上的事件。Ember的action助手还允许你传递参数到对应的controller、component类，在controller或者component上处理事件的逻辑。准备工作，我们使用
ubuntuvim·2015-09-20 04:00

Ember.js 入门指南——{{action}} 助手

action助手所现实的功能与javascript里的事件是相似的，都是通过用户点击元素触发定义在元素上的事件。Ember的action助手还允许你传递参数到对应的controller、component类，在controller或者component上处理事件的逻辑。准备工作，我们使用EmberCLI命令创建一个名称为myaction的controller和同名的route，如果你不知道怎么使用
ubuntuvim·2015-09-20 04:51

Ember.js 入门指南——{{link-to}} 助手

如果你不是从前面的文章看下来的你可能需要使用EmberCLI构建一个Ember项目，在EmberCLI的官网与非常详细的解释教程，不过如果你只是为了构建一个Ember项目的框架你只需要三步就可以构建。embernewappNamecdappNameemberserver只需要在你的终端、控制台执行这3条命令即可，不过在使用这些命令之前你需要安装node、npm等插件！！不过如果是安装EmberCL
ubuntuvim·2015-09-19 01:00

Ember.js 入门指南——{{link-to}} 助手

如果你不是从前面的文章看下来的你可能需要使用EmberCLI构建一个Ember项目，在EmberCLI的官网与非常详细的解释教程，不过如果你只是为了构建一个Ember项目的框架你只需要三步就可以构建。embernewappNamecdappNameemberserver只需要在你的终端、控制台执行这3条命令即可，不过在使用这些命令之前你需要安装node、npm等插件！！不过如果是安装EmberCL
ubuntuvim·2015-09-19 01:00

Ember.js 入门指南——番外篇，路由、模板的执行、渲染顺序

在Ember中路由和模板的执行都是有一定顺序的，它们的顺序为：主路由à子路由1à子路由2à子路由3à……。模板渲染的顺序与路由执行顺序刚好相反，从最后一个模板开始解析渲染。      注意：模板的渲染是在所有路由执行完之后，从最后一个模板开始。关于这一点下面的代码会演示验证，官网教程有介绍，点击查看。      比如有一路由格式为“application/posts/detail/comments
ubuntuvim·2015-09-18 16:00

Ember.js 入门指南——番外篇，路由、模板的执行、渲染顺序

在Ember中路由和模板的执行都是有一定顺序的，它们的顺序为：主路由à子路由1à子路由2à子路由3à……。模板渲染的顺序与路由执行顺序刚好相反，从最后一个模板开始解析渲染。      注意：模板的渲染是在所有路由执行完之后，从最后一个模板开始。关于这一点下面的代码会演示验证，官网教程有介绍，点击查看。      比如有一路由格式为“application/posts/detail/comments
ubuntuvim·2015-09-18 16:00

Ember.js 入门指南——handlebars属性绑定

本文从http://www.ibeginer.sinaapp.com迁移过来，欢迎访问原页面。    简单讲属性绑定其实就是在HTML标签内（是在一个标签的””中使用）直接使用handlebars表达式。可以直接用handlebars表达式的值作为HTML标签中某个属性的值。准备工作：embergenerateroutebinding-element-attributes1，绑定字符串     
ubuntuvim·2015-09-16 22:00

Ember.js 入门指南——handlebars显示对象的键(未完待续)

在实际的开发过程中你很有可能需要显示出对象数组的键或者值，如果你需要同时显示出对象的键和值你可以使用{{#each-in}}标签。准备工作：使用EmberCLI生成一个component，与此同时会生成一个对应的模板文件。embergeneratecomponentstore-categories执行上述命令得到下面的3个文件：app/components/store-categories.js
ubuntuvim·2015-09-16 00:00

Ember.js 入门指南——handlebars遍历标签

本系列文章全部从（http://ibeginner.sinaapp.com/）迁移过来，欢迎访问原网站。采用与上一篇文章一样的方法，使用 embergenerateroutehandlebars-each 命令创建了一个路由文件和一个对应的模板文件。       这一篇将为你介绍遍历标签，数组的遍历几乎在任何的常用的开发语言中都能看到，也是使用非常广泛的一个功能。下面我将为大家介绍handleba
ubuntuvim·2015-09-16 00:00

Ember.js 入门指南——handlebars条件表达式

 本系列文章全部从（http://ibeginner.sinaapp.com/）迁移过来，欢迎访问原网站。handlebars模板提供了与一般语言类似的条件表达式，比如if、if……else……。在介绍这些条件表达式之前，我们先做好演示的准备工作。首先我会使用EmberCLI名称创建route、template，然后在生成的template上编写handlebars模板代码。先生成route：em
ubuntuvim·2015-09-13 15:00

Ember.js 入门指南——handlebars基础

Ember采用handlebars模板库作为应用程序的view层。Handlebars模板与普通的HTML非常相似。但是相比普通的HTML而言handlebars提供了非常丰富的Ember表达式。      Ember采用handlebars模板并且扩展了很多功能，让你使用handlebars就像使用HTML一样简单。你设置可以指定某个模板显示你的应用程序界面，并且还不需要编写更新界面显示值的代码
ubuntuvim·2015-09-12 04:00

Ember.js 入门指南——枚举（enumerables）

本系列文章全部从（http://ibeginner.sinaapp.com/）迁移过来，欢迎访问原网站。在Ember中，枚举是包括若干子对象的对象，并且提供了很多的Ember.EnumerableAPI获取所包含的子对象。我们常见的枚举都是基于原生的javascript数组实现的，Ember扩展了其中的很多接口。 Ember提供一个标准化接口处理枚举，并且允许开发者完全改变底层数据存储，而无需修改
ubuntuvim·2015-09-09 23:00

Ember.js 入门指南——绑定（bingding）

  本系列文章全部从（http://ibeginner.sinaapp.com/）迁移过来，欢迎访问原网站。    正如其他的框架一样Ember也包含了多种方式绑定实现，并且可以在任何一个对象上使用绑定。也就是说，绑定大多数情况都是使用在Ember框架本身，对于开发最好还是使用计算属性。1，双向绑定// 双向绑定 Wife = Ember.Object.extend({   householdIn
ubuntuvim·2015-09-09 09:00

Ember.js 入门指南——观察者（observer）

本系列文章全部从（http://ibeginner.sinaapp.com/）迁移过来，欢迎访问原网站。1，观察者使用      Ember可以察觉所有属性的变化，包括计算属性。观察者是非常有用的，特别是计算属性绑定之后需要同步的时候。  观察者经常被Ember开发过度使用。Ember框架本身已经大量使用观察者，但是对于大多数的开发者面对开发问题时使用计算属性是更适合的解决方案。  使用方式：可以
ubuntuvim·2015-09-08 21:00

Ember.js 入门指南——计算属性（compute properties）

本系列文章全部从（http://ibeginner.sinaapp.com/）迁移过来，欢迎访问原网站。1，简单的计算属性    简单地来说，计算属性就是将函数声明为属性。其实就是就是在类扩展的时候为类定义的属性。Person = Ember.Object.extend({     firstName: null,     lastName: null,         //  fullName 
ubuntuvim·2015-09-08 10:00

Ember.js 入门指南——扩展（reopen）

    本系列文章全部从（http://ibeginner.sinaapp.com/）迁移过来，欢迎访问原网站。1，扩展一般属性reopen不知道怎么翻译了，如果按照reopen翻译过来应该是“重新打开”，但是总觉得不顺，所以就换成“扩展”了。当你想扩展一个类你可以直接使用reopen()方法为一个已经定义好的类添加属性、重写类里的方法。如果是使用extend()方法你需要重新定义一个子类，然后在
ubuntuvim·2015-09-07 14:00

Ember.js 入门指南——类的定义、初始化、继承

 本系列文章全部从（http://ibeginner.sinaapp.com/）迁移过来，欢迎访问原网站。EmberJS的类也具有高级语言的许多特性，其实现方式也与高级语言（如Java）非常类似。Ember类继承使用extend()方法，可以在方法传入参数，但是参数要以hash列表方式传入。关于类的命名规则在此不做介绍，自己网上找一份Java的命名规则的教材看看即可。    开始之前先做好准备工作
ubuntuvim·2015-09-07 10:00

Ember.js 入门指南--目录

Ember.js是什么？
ubuntuvim·2015-09-07 00:00

基于 Laravel (5.1) & Ember.js (1.13.0) 的用户授权系统

Laravel本身提供了完整的用户授权解决方案，对于由PHP驱动的多页面应用，Laravel能够完美解决用户授权问题。但是在SPA中，laravel退化成一个APIserver，页面路由和表单提交完全由前端框架控制，此时面临2个问题：如何在前端实现页面访问权限控制？如何对ajax请求做授权？如何在前端实现页面访问权限控制？Ember.js1.13.0没有提供authentication功能，我使用
Lee的白板报·2015-08-16 16:00

laravel (5.1) & Ember.js (1.13.0) 的整合

Lavavel不必过多介绍了，作为全世界最流行的PHP框架，有着清晰的架构、完善的文档、丰富的工具等等，能够帮助开发者快速构建多页面web应用程序。然而，随着技术的发展，web程序的另一面——客户端，正在变得越来越多元（PC，手机，平板，其他专用设备等）。所以需要一种统一的机制，方便服务器与不同的设备进行通信。RestfulAPI就是基于这个思想被提出来的。阮一峰给出了对Restful架构的总结：
Lee的白板报·2015-08-15 16:00

在知乎看到这篇文章，现在看来做前端开发真的是很累

找框架，Backbone.js是MVC，AngularJS和Ember.js是MVVM，Twitter还弄了个事件驱动框架Flight。库多了要优化加载？RequireJS。代码质量成问题？
furw·2015-08-12 14:00
上一页 1 2 3 4 5 6 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他