菜单
  

    开始使用的时间,你需要通过点击圆形按钮的代码的运行记录。当它开始记录你会注意到一些图形的制作。有(在写作的时候),记录三个方面:事件,框架,和记忆;所有这些都是同时记录只能选择分开看。在最基本的层面上,这些特点给你测试你的代码部分的速度的一个好方法,因为它打破了代码像一个堆栈,显示你的每个函数调用。这是一个相当简单的方法来找到瓶颈,却只是触及表面的时间能做什么。 而不是显示的功能需要的时间量, 并将其分为加载, 脚本,渲染,和绘画。这些都是非常有用的一个功能是知道为什么比它应该更长。加载类是任何XHR(AJAX)调用了以及解析 HTML。在函数的逻辑包含在脚本类。渲染是DOM 操作发生,主要是重新计算的风格和布局。油漆是在浏览器的更新所示匹配的渲染结果,包括油画和其他元素都没有直接的DOM 相关的任何变化。我们使用的画布,模拟鸟群(称为boids)所以我记录使用时间告诉你它是如何工作的。图 1 显示了事件的时间线,用于定时功能和视觉看到的堆栈,他们生产的。只有两种不同颜色的截图所示。这是因为只有很少的 DOM 元素, 由于使用的是帆布, 所以没有加载和渲染。
    DOM 的缺乏也是同样的原因为模式的时间表,如果我们是一个正规的网站记录的性能,那么我们可能会看到滚动或悬停在按钮的变化;因此,时间是绝对强大的超过帆布动画!图 2显示帧的时间。这一措施帧每秒(fps)的页面因为低FPS可以使一个网站或动画看起来“杰克”而不是人们期望的流畅体验。本节,第三截图图3,显示内存的时间;你可以看到从峰值存储器存储越来越多直到垃圾收集器来清除内存,存储历史数据。你会发现有很多空格下面的时间表。这个空间是一个图形显示的DOM 节点和事件处理程序(你可以看到在图 4,这表明一个基本的投资组合的网站我曾经的时间表)。
  1. 上一篇:智能冲压工艺规划系统英文文献和中文翻译
  2. 下一篇:六自由度电阻机器人英文文献和中文翻译
  1. 汽车乘员舱的声振耦合英文文献和中文翻译

  2. 立体光照成型的注塑模具...

  3. 数控机床英文文献和中文翻译

  4. 工业机械手英文文献和中文翻译

  5. 低频振动的铁路车轴的状...

  6. 接头的形状对沥青塞接头...

  7. 数控加工技术英文文献和中文翻译

  8. 大众媒体对公共政策制定的影响

  9. 杂拟谷盗体内共生菌沃尔...

  10. 电站锅炉暖风器设计任务书

  11. 酸性水汽提装置总汽提塔设计+CAD图纸

  12. java+mysql车辆管理系统的设计+源代码

  13. 河岸冲刷和泥沙淤积的监测国内外研究现状

  14. 乳业同业并购式全产业链...

  15. 中考体育项目与体育教学合理结合的研究

  16. 十二层带中心支撑钢结构...

  17. 当代大学生慈善意识研究+文献综述

  

About

751论文网手机版...

主页:http://www.751com.cn

关闭返回