HuaiCheng9067的博客

前言：了解并理解浏览器的渲染原理流程，对我们的性能优化有着至关重要的作用。 至于渲染引擎，我们大可忽略，知道这个概念就行。 流程如下： 1、下载html文本文件，生成dom树。 2、下载css文件，解析CSS生成CSSOM规则树。 3、将DOM树与CSSOM规则树合并在一起生成渲染树。 4、遍历渲染树开始布局，计算每个节点的位置大小信息。 5、将渲染树每个节点 逐个 绘制到屏幕。...

1、避免使用Iframe 在页面加载过程中iframe元素会阻塞父文档onload事件的触发，即使是空的iframe，其开销也是非常昂贵的，鉴于iframe的高开销，我们应尽量避免使用。尤其是对于移动设备，对于目前大部分还是只有有限的CPU与内存的情况下，更应避免使用iframe。 如果一定要用，使用sandbox控制其权限，并使用js主文档加载完成时才设置src属性，这样能尽快...

先说下，时下兼容性较好的，需求量较大的同浏览器同源打开的两个不同tab标签页的通信： 1、window.postMessage 适用情形：A页面中通过JavaScript的window.open打开B页面，或者B页面通过iframe嵌入至A页面 2、onstorage 适用情形：两个互不相关的通源tab页面通信 window.addEventListener("storage", fu...