如果你曾经开发过 HTML 邮件，那你可能知道这是一个挑战。与现代的网页浏览器大致遵循网络标准不同，像 Microsoft 的 Outlook 这样的邮件客户端有其独特的特点，可能会使你精心制作的邮件看起来与你预期的不同。
升级至 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 的区别以及如何使用。