升级至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 的区别以及如何使用。