菜单
  

    开始使用的时间,你需要通过点击圆形按钮的代码的运行记录。当它开始记录你会注意到一些图形的制作。有(在写作的时候),记录三个方面:事件,框架,和记忆;所有这些都是同时记录只能选择分开看。在最基本的层面上,这些特点给你测试你的代码部分的速度的一个好方法,因为它打破了代码像一个堆栈,显示你的每个函数调用。这是一个相当简单的方法来找到瓶颈,却只是触及表面的时间能做什么。 而不是显示的功能需要的时间量, 并将其分为加载, 脚本,渲染,和绘画。这些都是非常有用的一个功能是知道为什么比它应该更长。加载类是任何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. NFC协议物理层的软件实现+文献综述

  10. 高警觉工作人群的元情绪...

  11. 江苏省某高中学生体质现状的调查研究

  12. 上市公司股权结构对经营绩效的影响研究

  13. g-C3N4光催化剂的制备和光催化性能研究

  14. 中国传统元素在游戏角色...

  15. 浅析中国古代宗法制度

  16. 现代简约美式风格在室内家装中的运用

  17. C++最短路径算法研究和程序设计

  

About

优尔论文网手机版...

主页:http://www.youerw.com

关闭返回