轩枫阁

首页 / 第77页

如何做一个好的前端重构工程师

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

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

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

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

2012121714010955

基本的html代码:

2012121719504130

来看具体的CSS代码实现(忽略margin):

2012121719510674 查看全文

2013/05 01  周三

精简WordPress头部之优化wp_head()

采用wordpress建站的时候,发现页面会生成很多冗余的代码,有些东西其实我们用不到,而且没什么很大的作用,这些代码我找了半天也没找到源代码怎么删除,最终发现是wp_head() 这个方法输出的代码。

wp_head()是wordpress的一个非常重要的函数,基本上所有的主题在header.php这个文件里都会使用到这个函数,而且很多插件为了在header上加点东西也会会到wp_head(),比如SEO的相关插件。但是,在wp_head()出现的这个位置,会增加很多并不常用的代码。 查看全文

2013/04 11  周四

javascript图片预加载技术

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

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

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

2013/04 11  周四

浏览器大战全球战况:Chrome是新霸主

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

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

2013/04 07  周日

纸飞机许愿

x

钢琴节奏

请选择弹奏的曲谱

    • 1
    • 2
    • 3
    • 4
    • 5
    • 6
    • 7
    • 1
    • 2

    [返回曲谱列表]

    点击开始录制,可以录制弹奏的曲子