本文主要考量客户端性能、服务器端和网络性能，内容框架来自 Yahoo Developer Network，包含 7 个类别共 35 条前端性能优化最佳实践，在此基础上补充了一些相关或者更符合主流技术的内容。 同时，建议关注及时更新的 Google 性能优化指南。 前端性能的一个重要指标是页面加载时间，不仅事关用户体验，也是搜索引擎排名考虑的一个因素。 来自 Google 的数据表明，一个有 10 条数据 0.4 秒能加载完的页面，变成 30 条数据 0.9 秒加载完之后，流量和广告收入下降 9… »

Interview Quesetions… »

水平居中设置-行内元素 如果被设置元素为文本、图片等行内元素时，水平居中是通过给父元素设置 text-align:center 来实现的。 水平居中设置-定宽块状元素 满足定宽和块状两个条件的元素是可以通过设置 左右 margin 值为 auto 来实现居中的。 水平居中总结-不定宽块状元素方法 加入 table 标签 改变块级元素的 display 为 inline 类型（设置为 行内元素 显示），然后使用 text-align:center… »

单例模式 简单工厂模式 这段代码来自 es5 的 new 和构造器的相关说明，可以看到，所谓的 new 本身只是一个对象的复制和改写过程， 而具体会生成什么是由调用 ObjectFactory 时传进去的参数所决定的。 观察者模式 适配器模式 代理模式 桥接模式 外观模式 访问者模式 策略模式 模版方法模式 中介者模式 迭代器模式 组合模式 备忘录模式 职责链模式 js 中的事件冒泡就是作为一个职责链来实现的。一个事件在某个节点上被触发，然后向根节点传递， 直到被节点捕获。 享元模式 状态模式 »