Javascript 指令加载时间很长,检查加载时间的方法

Javascript 指令加载时间很长,检查加载时间的方法,javascript,angularjs,json,angularjs-directive,Javascript,Angularjs,Json,Angularjs Directive,Tl;dr:我想找到一种方法来检查recurvise指令的加载时间,例如,当我加载子节点时,我想检查它花费了多少时间、加载的内容等 这是这个问题的背景,我使用了一个我修改过的,以适应我的图形风格和我的需要。我用它来可视化CouchDB文档,我不得不将它分成两个单独的指令:一个只用于查看JSON,另一个用于编辑JSON 问题是:尽管查看器工作得非常好,但编辑器显示子节点的时间却非常缓慢。显示子节点最多只需要2秒钟,这是一个问题 我认为show/hide上的布尔条件(我不想显示\u rev或\u

Tl;dr:我想找到一种方法来检查recurvise指令的加载时间,例如,当我加载子节点时,我想检查它花费了多少时间、加载的内容等


这是这个问题的背景,我使用了一个我修改过的,以适应我的图形风格和我的需要。我用它来可视化CouchDB文档,我不得不将它分成两个单独的指令:一个只用于查看JSON,另一个用于编辑JSON

问题是:尽管查看器工作得非常好,但编辑器显示子节点的时间却非常缓慢。显示子节点最多只需要2秒钟,这是一个问题

我认为show/hide上的布尔条件(我不想显示
\u rev
\u id
字段,因为修改这些字段是有害的)使它变慢了,于是开始考虑一些解决方案。同时,获取更多信息也很有用,比如“加载子节点需要多少时间”,或者更一般地说,在指令上加载时间。控制台没有提供那个级别的细节(或者我错过了什么)

你知道实现这个目标的方法吗?有没有办法检查指令或HTML元素显示的加载时间


奖励:你知道指令有什么不愉快的地方,以及在加载时提高其性能的方法吗?

此外,Chrome的开发工具在网络选项卡下有一个非常好的timestrip/图表来显示加载时间 你会对那里发生的事情有一个更好的了解。
此外,请检查Chrome的脚本CPU配置文件,查看是否有任何东西使系统陷入困境。

Chrome的开发工具在“网络”选项卡下有一个非常好的timestrip/图表来显示加载时间 你会对那里发生的事情有一个更好的了解。
同时,检查Chrome的脚本CPU配置文件,查看是否有任何东西使系统陷入困境。

在变量中的方法开始处获取当前时间,然后在end console.log记录当前时间和方法开始时抓取的时间之间的差异。在变量中抓取方法开始时的当前时间,然后在end console.log记录当前时间和方法开始时抓取的时间之间的差异。