首页
学习
活动
专区
圈层
工具
发布
社区首页 >问答首页 >Ember.Instrumentation接口示例

Ember.Instrumentation接口示例
EN

Stack Overflow用户
提问于 2012-10-17 01:49:05
回答 1查看 1.5K关注 0票数 6

我一直在浏览关于EmberJS中新增功能的this帖子。其中一个是Ember.Instrumentation,如果可能的话,有没有人能解释一下我们在哪里使用example...Thanks呢?

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2012-10-27 04:39:32

为什么

通常,插装是一种通过订阅命名空间侦听器来测量应用程序中的性能和其他指标的方法。它对调试也很有用。

示例

我不能相信我做了这个小提琴,我只是在昨晚的纽约市ember.js会议上看到它,但这应该提供一些背景:

http://jsfiddle.net/2Pn3f/6/

在我试图找出是谁展示了这个的过程中,我只能找到他的meetup个人资料:http://www.meetup.com/EmberJS-NYC/members/6706336/

要想看到奇迹的发生,打开你的控制台,开始将学生标记为“here.‘”。

查看靠近顶部的StudentView和底部的Em.Subscribe。

代码语言:javascript
复制
// In a view
Em.instrument("student.here", this.get('content'), function() {
    //mark student as in attendance
    this.set('inAttendance', !this.get('inAttendance'));
  }, this);
},

..。

代码语言:javascript
复制
Em.subscribe('*', {
  ts: null,
  before: function(name, timestamp, payload) {
    ts = timestamp;
    //console.log('    before: ', name, JSON.stringify(payload));
    //return 'HelloFromThePast';
  },
  after: function(name, timestamp, payload, beforeRet) {
    //log metrics
    //record analytics
    //profile app
    console.log('instrument: ', name, JSON.stringify(payload), beforeRet, timestamp - ts);
  }
});

旁注

更酷的是,您可以通过使用通配符订阅ember对插装的使用。

http://jsfiddle.net/dmazza/sUvdg/

文档

有关详细信息,请参阅文档:http://emberjs.com/api/classes/Ember.Instrumentation.html

票数 9
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/12920543

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档