轩枫阁

编者注：这里的“重构”指的是将设计图（比如PSD）转换为html + css + js。

用这个标题，是因为前一段时间组里有一个开放式讨论：怎样才算一个好重构？

其实，”好”与”坏”向来都是相对的，因为每个人眼中看待”好”与”坏”的标准不一样，不如从自身的角度考虑一下：如何做一个好重构？

先来看一个平时我们遇到的最多的两栏布局：

基本的html代码：

来看具体的CSS代码实现（忽略margin）：

查看全文

过去一直去，未来一直来，只有现在~

原本本站的图片浏览想通过自己敲代码代码一步一步实现出来，但理想是美好的。刚开始写就遇到了问题，首先是冒泡问题，这个好解决。然后因为本站的图片一般都偏大，一般都会有1600X1920的大小，这个尺寸对于我们1366X768的电脑分辨率来说，怎么显示是个问题。而且要控制图片居中显示，只能在图片加载完之后再获取图片的高宽，再加以控制居中显示。后面也只好用插件wp-lightbox-2来实现这种效果，现在也知道javascript图片预加载技术可以解决这个问题。

图片预加载技术的典型应用

如lightbox方式展现照片，无疑需要提前获得大图的尺寸，这样才能居中定位，由于javascript无法获取img文件头数据，必须等待其加载完毕后才能获取真实的大小然后展示出来，所以lightbox显示的图片的速度体验要比直接输出的差很多，而本文说提到的预加载技术主要针对获取图片尺寸。 查看全文

浏览器大战一直都很残酷，在不同的国家和地区，不同的浏览器表现各不相同。去年，Chrome、Firefox和IE分别是全球两大区域的霸主。现在，各个浏览器又是怎么样的情况呢？科技博客Pingdom根据市场调研机构StatCounter的统计数据制作了以下图片，带大家了解一下浏览器大战的最新战况。

Chrome在全球六大洲中的四个区域中都是最受欢迎的浏览器，只有北美和大洋洲的用户仍然最爱IE。 查看全文

什么是冒泡

在页面上有多个事件，也可以多个元素响应同一个事件。假设网页上有2个元素，其中一个元素嵌套在另一个元素里，并且都被绑定了click事件，同时body元素上也绑定了click事件。 查看全文