前端
前端性能优化最佳实践
本文主要考量客户端性能、服务器端和网络性能,内容框架来自 Yahoo Developer Network,包含 7 个类别共 35 条前端性能优化最佳实践,在此基础上补充了一些相关或者更符合主流技术的内容。 同时,建议关注及时更新的 Google 性能优化指南。 前端性能的一个重要指标是页面加载时间,不仅事关用户体验,也是搜索引擎排名考虑的一个因素。 来自 Google 的数据表明,一个有 10 条数据 0.4 秒能加载完的页面,变成 30 条数据 0.9 秒加载完之后,流量和广告收入下降 9… »
前端面试题
Interview Quesetions… »
CSS居中设置
水平居中设置-行内元素 如果被设置元素为文本、图片等行内元素时,水平居中是通过给父元素设置 text-align:center 来实现的。 水平居中设置-定宽块状元素 满足定宽和块状两个条件的元素是可以通过设置 左右 margin 值为 auto 来实现居中的。 水平居中总结-不定宽块状元素方法 加入 table 标签 改变块级元素的 display 为 inline 类型(设置为 行内元素 显示),然后使用 text-align:center… »
JS 设计模式
单例模式 简单工厂模式 这段代码来自 es5 的 new 和构造器的相关说明,可以看到,所谓的 new 本身只是一个对象的复制和改写过程, 而具体会生成什么是由调用 ObjectFactory 时传进去的参数所决定的。 观察者模式 适配器模式 代理模式 桥接模式 外观模式 访问者模式 策略模式 模版方法模式 中介者模式 迭代器模式 组合模式 备忘录模式 职责链模式 js 中的事件冒泡就是作为一个职责链来实现的。一个事件在某个节点上被触发,然后向根节点传递, 直到被节点捕获。 享元模式 状态模式 »