网站重构之精简你的代码
N年前我的导师说,“写代码真的需要天赋。”那我们就从一段代码开始。 –IT-北北报[itbbb.com] 命题:取两个数中较大的一个
function GetMax(a,b){ var result=0; if(a>b){ result=a; }else{ result=b; } return result; }
看完这段代码,我就想起了学生时代的老师在课堂上讲课的样子,教科书般的标准,毕业后怎么看这代码怎么难受,于是就产生了第二段代码。
function GetMax(a,b){ if(a>b) return a; return b; }
这个看上去貌似舒服多了,但是我觉得它还长怎么办?人类的智慧总是被逼出来的,总会想出办法,于是产生了第三段代码。
function GetMax(a,b){ return a>b?a:b; “)
4. 把某个元素放在屏幕中间
jQuery.fn.center = function () { this.css(‘position’,'absolute’); this.css(‘top’, ( $(window).height() – this.height() ) / +$(window).scrollTop() + ‘px’); this.css(‘left’, ( $(window).width() – this.width() ) / 2+$(window).scrollLeft() + ‘px’); return this; } //这样来使用上面的函数: $(element).center();
5. 在jQuery中如何使用.siblings()来选择同辈元素
$(‘#nav li’).click(function(){ $(‘#nav li’).removeClass(‘active’); $(this).addClass(‘active’); }); //替代做法是 $(‘#nav li’).click(function(){ $(this).addClass(‘active’).siblings().removeClass(‘active’); });
以上代码抛砖引玉,希望大家能在精简代码的道路上可以早日入道,写出的每一句代码都变成高质量的,优雅的,完美的…… 如果你想了解更多关于高性能方面的知识,你可以尝试阅读大神zakas的《高性能Javascript》或者Steve souders的《高性能网站建设指南》