Ember.js 资源列表

最近我应邀为朋友写一个 Web App,前期在考虑技术栈的时候选择了 Rails API+Ember.js。考虑到这个应用的规模,选择 Ember.js 或许有点重,但是做公司的项目一直都在用 Angular,实在有点玩腻了(Angular 很好),而其他的前端框架要么不好玩,要么还不够成熟(我真好想用 Meteor,好想好想……)。纠结反复,最终还是决定玩一下 Ember.js。

开始动手写了一天之后,我觉得 Ember.js 真的很棒!去年前曾经试过水,但那时还没有发行第一个正式版,文档乱七八糟不说,Ember-data 更是让人抓狂不已。但是现在好多了,真是好太多了。而且我发现像我这种有架构洁癖加代码洁癖的强迫症患者,Ember.js 比 Angular 更符合我的审美观。

眼下第一目标是把这个应用写完,在此过程中本着打破砂锅问到底的精神,我在网上找到一些很不错的 Ember.js 的资源。其中有好些没来得及细细看完,也有一些值得多看几遍,日后指不定还用得着呢。于是记录于此——

本列表正持续更新中。如果你喜欢,请收藏,更新之后你会第一时间收到;如果对你有用,请不吝赞赏。(Last updated at: Apr 14, 2014 10:00pm)

原理

技巧

测试

协同

综合

实例

App.PostRoute = Ember.Route.extend
  beforeModel: ->
    Ember.$('body').addClass 'loading'

  model: (params) ->
    @store.find 'post', params.post_id

  # we can't use `afterModel` here to cancel the loading animation
  # because the comments request has not been resolved yet
  # following is an idea to use Ember.RSVP to make a dedicated promise
  # for unfulfilled comments request:

  setupController: (post, controller) ->
    comments = Ember.RSVP.makePromise(post.get 'comments')

    comments.then ->
      Ember.run.scheduleOnce 'afterRender', @, ->
        Ember.$('body').removeClass 'loading'
Ember.View.reopen({
  didInsertElement : function(){
    this._super();
    Ember.run.scheduleOnce('afterRender', this, this.afterRenderEvent);
  },
  afterRenderEvent : function(){
    // implement this hook in your own subclasses and run your jQuery logic there
  }
});
    原文作者:n͛i͛g͛h͛t͛i͛r͛e͛
    原文地址: https://segmentfault.com/a/1190000000458897
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞