升级至IE11后网页布局破坏最常见的原因是：IE11使用了较新的文档模式来渲染页面。但有时候会发现一个页面即使使用了相同的文档模式，IE11中显示的布局仍然被破坏了，这可能是由于IE11使用了一种全新的字体渲染模式：natural metrics，在IE11之前IE都是使用传统的gdi metrics。
网页中引用的外部文件： JavaScritp、CSS 等常常会阻塞浏览器渲染页面。假设在 <head> 中引用的某个 JavaScript 文件由于各种不给力需要2秒来加载，那么浏览器渲染页面的过程就会被阻塞2秒，直到该JS文件下载并执行完后才继续。前端性能调优时必须排除任何潜在的渲染阻塞点，让浏览器在最短时间内渲染出整体页面。
使用JavaScript操作DOM元素时往往涉及到两个概念：attribute 和 property。 document.getElementById('test').getAttribute('id') 、 $('#test').attr('id') 、 document.getElementById('test').id 和 $('#test').prop('id') 都能返回正确的id："test"。这篇文章主要介绍一下 property 和 attribute 的区别以及如何使用。