22 / 01 / 2011 buling

渐显渐隐的代码,会用到,主要是最近学了点之前不知道的东西就想折腾一下:

var $ = function(a){
    var fade = function(obj, inNum, outNum, num){ //褪色原型函数, 对外不可见
        var intv = Math.ceil(Math.abs(inNum - outNum)/num);
        var ido = function(){
            num -= 1;
            if(inNum < outNum){
                return (inNum += intv) > 15 ? 15 : inNum ;
            }else{
                return (inNum -= intv) < 0 ? 0 : inNum ;
            }
        }
        var fa = function(){
            hex = ido().toString(16);
            obj.style.backgroundColor = '#FF' + hex + hex + hex + hex;
            if(num>1) setTimeout(fa, 50);
        }
        setTimeout(fa, 50);
    }
    return {
        '0': document.getElementById(a),
        'fade' : function(){
            var that = this;
            fade(that[0], 16, 0, 8);
            setTimeout(function(){fade(that[0], 0, 16, 16);}, 50*8);
        },
        'overFade' : function(){
            var that = this;
            this[0].onmouseover = function(){
                that[0].style.cursor = 'pointer';
                that.fade();
            }
        }
    }
}
~function(){ //测试一下
    $('xxx').fade();
    $('xxx').overFade();
}();

结果如下:

鼠标移上来

21 / 01 / 2011 buling

        已经很晚了,这段时间着是把人累着了,这两天有点小感冒,上午晨会的时候小郭说发现你有点变化,我问啥变化,他说鼻子变大了。一直流鼻涕,鼻蛋快掉下来了。
        之前zxz(http://www.cnblogs.com/floyd/)给我推荐了一本《JavaScript语言精髓》,我阅读了一下,真是很不错,睡觉前电脑都不想开,抱着书就看,就是有点薄,对js编程大有改观,开始学会写闭包了,代码真他妈的好看。晚上看他博客,对js延迟加载的描述,讲的真不错,又学到了,下面引用一下:
延迟切换tab
需求:页面上有几个tab,切换tab的时候,会对某个特定区域的数据进行拉取更新。
弊端:用户从第一个tab切换一直快速切到尾,就会产生n个ajax请求。其实用户只是需要看到最后一个tab的数据。

var changeTab = function(){
    var timeId = 0;
    return function(tabId){
        if(timeId){
           clearTimeout(timeId);
           timeId=0;
         }
         setTimeout(function(){
              //ajax do something
         },500);
    };
}();

      一个比较简单的例子,绑定在tab上的onmouseover,如果用户不停的来回切换tab,ajax请求不会执行,只有停顿500毫秒后,才会执行,500毫秒,其实蛮短的,基本上不会影响到用户体验。
      除此还可以用在 自动补全、页面广告重定位等等应用之上。

        今天过生啊….前天跟了1元钱的任九中了1等奖,回报了800+块钱,今天请他们几个吃了一顿,他们都以为只是因为我中了。好巧,估计是老天开眼同情我挣两个银子不容易,天啊,谢谢啊。
        下午到公司本来打算写报告,结果睡意绵绵,昨晚跟zym(很哥们)聊到2点,今天早上因为xxx所以不怎么睡得着就早起了。刚在红棚子咪了一会。起来看见2娃在线,打个电话,快一个小时,折腾啊,扯得一些乱七八糟的往事,他说他现在老婆有三个妹,我让他介绍一个,他说有一个今年21,我说这么巧我也21,就这么扯。
        很少有人知道我过生,跟我很少知道谁要过生一样。wanglin知道我过生,因为她过生我都会打个电话,主要是她的生跟hejh的挨着,一个人的可能记不住,两个人唉一起就很容易记得了。一早就看见她发短信,哈哈,谢过。
        没事看了一下oa的一些转正流程,看见zyh评价,一个人要服从什么服从什么服从什么…..。这个社会怎么了,真有点受不了,但是他说的很在理。
        23:37分,接着下午的写。下班的时候我想请她吃饭,很难开口,真的很难,最后终于问了是否晚上部门要一起吃饭,她说没啊,我还没说出口,宿舍两哥们过来了,赶紧关掉跟着走了,然后我发了短信给她,说今天过生本来想请她吃饭。刚刚我回了短信说:感觉有点喜欢你,但是开不了口,真的很难,希望有机会能和你看电影,随意就好,不用勉强,第二次跟人说喜欢,不知道怎么回复就沉默。记得很清楚,很多次失眠都想发个短信说我喜欢你,真的很难。有机会我要把《开不了口》唱给全世界的人听。刚哥们问回短信了么,没。哎,意料之中。说出来只是不想再花那么多时间胡思乱想了。不负如来不负卿–今天看的仓央嘉措活佛哥们写的情诗,真是不错。

        那天组上知识分享,不知道分享什么,突然想到有次星哥提到本地存储,于是熬了个晚夜总结了一下,第二天看来效果还行。下面贴出来记录一下。浏览器本地存储主要有5种方式,分别如下:
Cookie
     4096字节;缺点:存储量小,请求头附带cookie带来性能问题。
 Flash Share Object
     默认支持100k,跨浏览器存储最好的方式,毕竟现在没有安装flash插件的用户是很少的;缺点:需要加载一个swf文件,个别用户不支持flash。有一个基于jQuery的插件叫 jStore ,就是通过Flash Share Object实现的。
IE的 UserData
     最少也能支持640k,IE8后已经支持DOM Storage;缺点:IE only。
DOM Storage
     默认支持5M存储量;缺点:IE7,IE6不支持。
 Google Gears
     功能最强;缺点:但需要安装软件,而且,安装的用户是较少的。

        今天上班看同事写的js代码,真是不错,就顺便学习了一下,有种东西叫闭包,写出来的代码很优雅。下面这些代码是同事总结的,看了很受启发,贴出来给大家分享一下。以前写js都是随手写,乱七八糟很是难看,以后也慢慢规范一下,难得折腾文字,直接来代码,比较容易理解:

常见作用:保留对外部变量的访问。
常见用法:
1.	循环绑定
No use:
*/
var lists = document.getElementsByTagName('li');
    for(var i=0; i
            
03 / 01 / 2011 buling

        一晃就2011年了,好快,三天假真是没什么过的,啥事还没做就没了。1号早上爬起来一看阳光不错,就去爬山,tnn的梧桐山,真是高。前两次都去的是南山,这次终于换了难度高的,之前就听说是深圳最高的山。一路沿溪而上,mq一路失足(听说国家发布说要称妓女为失足妇女),lup也不怎么好,差点把牙个摔没了,shixf还要好点,貌似没的啥问题,估计是去过一次摔出经验了。失误我竟然也掉了一只脚。

        今天在家闲来无事,有点冷就没去公司加班了,索性看了一下上次老大提到的php的spl库。学习了一下,还行,就是php内置的一些类。目前来说没有发现有多高级的地方,不过还是有一些想法,不知道怎么说,等到哪天有用的时候就好了。贴一下代码: