就这么漂来漂去

catge Post in Life,Tags:
6

这两个星期,我一直很想写点东西,关于09年的总结,10年的愿望。关于新上线的体验版支付宝,关于百度被黑Google的退出。直到今天,不小心在twitter上又看到韩寒的《我只是在猜想》。听着韩寒BLOG里的背景音乐,忽然觉得周围的一切静了下来,于是坐下来,写下这些文字。

周五在之江饭店参加了部门的Q3Q4年会,会上拿到了Q3产品&用户体验部的成长奖,非常开心。更开心的是,小满在Q4的优秀奖的时候,说了让我很感动的话:“拿到这个奖我要感谢两个人,一个是james,给我了很大的支持,另一个就是刚才拿Q3成长奖的叶凯,作为一名前端工程师替我承担了很多设计师的工作很不容易。”这个奖项和小满的话,基本就是我09年度的总结了。

从年初的个人版一期生活助手,到年中的个人版二期、安全中心、新首页,年末的注册流程改造项目,09年对于我来说,是我个人成长最快的一年,压力最大最累也最充实。

第一次做小组owner,承担项目前端接口人的角色,感触最深的是,一下子认识了不少人(旺旺上好友已经加到了390名)。在与这些形形色色的人沟通的过程中,不断的学习别人的优点,克制自己幼稚的心智。推动新的前后端系分并行项目管理流程,从webx到sofa MVC的后端技术架构,新的前端Arale&Alice框架,前后端分离组件UISVR。

特别的想感谢一批人,那些在09年给我帮助,陪我一起度过的同事&朋友,尤其是个人版的前端李白、鸽子、臻儿、徐宁、高京。

李白,Arale之父。个人版右侧状态栏及框架规则的相关组件编写,让我对JS框架、组件编写模式有了很深的理解,这一块是我自认为成长最大的一块。还有温柔而又低调的鸽子,我们一起架构个人版CSS框架PA。个人版基本上是重新做出一个支付宝,而我们的目标是样式上兼容IE6、IE7、Firefox3.5(其他高级浏览器Safari、Chrome我们自认为会自动兼容),同时产出代码片段库,确保个人版样式框架的继承与扩展。我们一起搞定一个又一个诡异的IE BUG,从简单的HasLayout未触发问题,到iframe下relative元素里的input自动完成提示框在XP SP2某未打补丁版本的IE6下错位的问题。我们一起讨论标准DOM结构、CSS Sprites、HTML5,对付IE已经到了“轻抚菊花笑不语”的地步。

09年4月,孤独的过完生日。第二天,花3000+报了个钢琴课程,因为工作时间原因,直到现在还没有完成学业。

09年8月,女朋友从杭州回到武汉,五年的恋情结束。寂寞侵袭,感情生活一下子陷到低谷。直到某天看到毛毛QQ空间里一篇日志下的留言:“要学会品味寂寞”,若有所悟。

一个人静的时候,总会想很多问题,对以前有过答案的问题再重新思考一遍。在虫子的推荐下,看了《虫师》,感触很深。重新定义自己生命的意义、理想和目标。开始一步步自己的计划,买了Macbook Pro、T90、HTC G2,开始“每周一张大头贴”、“看遍杭城影院”、“猫哥网页设计教程”。国庆期间,独自一人无目的的去了趟广州,坐了次灰机,感谢骡子的接待。

09年,有了几个比较要好的兄弟姐妹。能一起抽烟、喝酒、打电动、K歌,谈话之间能够毫不遮掩、为对方考虑。我始终认为,朋友是一辈子的事情,感谢有你们的陪伴。丁丁、小白、扎扎、==、虫子、宏哥、小明……

2010年,注定是不平凡的一年,才1月份就发生了这么多古怪的事情。又到12年一次轮回的本命年,老妈卜了一卦,答案是我最喜欢的“事在人为”。10年了,我要加快脚步,经历更多的幸福和精彩。不想等到自己装90后的时候,发现原来皱纹和老气是无法掩饰的,那时候就迟了。

从韩寒的BLOG上点到了他的淘宝书店,看到这本书名《就这么漂来漂去》,很喜欢就直接拍了下来。2012如果真的是世界末日,现在的我,也不会后悔,因为我正在继续我简单而又幸福的漂泊生活。如果遇到一个自己最喜欢的姑娘,我想我会叫她柳莺莺

如何写出更好的JS树状菜单

catge Post in Life,Tags: ,
4

差不多是两年前的这个时候,我当时在华中科技大学注册中心HUB团队负责WEB标准化和规范化的工作。当时我花了两天两夜,重写了注册中心的HTML模板,并通过了W3C的CSS、XHTML校验。我拿着这套模板,告诉办公室主任王士贤老师,学校的信息系统应该做个大手术,全部换成我的新模板。当时王老师笑了笑,说这个改动太大,委婉的拒绝了我的提议,他说了让我刻骨铭心的一句话:

“网页技术发展很快,也许几年后,你再来看你写的这些模板,会有更好的想法。”

两年前我看到“不会用JS写树状菜单,就不算真正懂JS”,于是我通宵写了这个树状菜单。之后陆陆续续有不少人加我QQ,交流树状菜单的问题,甚至还有网友给我个绰号“树状菜单弟” -_-! 这两年来随着个人前端技术水平的不断提升,尤其是支付宝个人版项目对我的锻炼,我开始逐渐明白“技术没有最好的,只有最适合的”这句话的含义。在今年第四届D2会议上,豆瓣的张克军分享了《从YUI2到YUI3看前端的演变》,前端的“库”时代已经来临。

我一直想重写这个树状菜单,修复原来的两个BUG,采用基于YUI的组件封装模式来写,独立出样式表现层和脚本行为层,提供丰富的扩展接口,同时考虑到禁用JS时的可用性。在我开始写这个组件的时候,我忽然想起D2上一名观众问克军的一个问题“您做为一个前辈,请给我们这些菜鸟一些指导,是应该学YUI还是JQuery?”克军的回答是,从最基础的原生的JS获取对象绑定事件等知识学起,学什么框架不重要,选择一个合适的,会用即可。其实任何一门编程语言都是如此。如果我在这里用YUI写出一个树状菜单组件,那唯一的用途就是被一些垃圾源码站转载,而且不大可能被应用,还不如看看YUI里的menu组件。懒懒交流会上,淘宝的玉伯说过,如果想让自己的JS代码“流芳百世”就得用原生的写法,因为不依赖任何框架的JS代码复制粘贴起来最方便。

然而为了方便组件编写和减少BUG,为了一个事件绑定,我不得不在自己的代码里加上addEvent的方法。还得加hasClass、addClass、get等DOM操作方法,大大增加代码的长度。于是我放弃了重写的这个念头,只是略讲下编写思路好了。

function addEvent(obj, type, fn) {
    if(obj.addEventListener){
        obj.addEventListener(type, fn, false);
    }else if(obj.attachEvent){
        obj["e"+type+fn] = fn;
        obj.attachEvent( "on"+type, function() { obj["e"+type+fn](); } );
    }
}

首先初始化绑定导航的DOM,然后分别为每一级的UL和LI绑定上hover和click事件,分别加上”hover”和”select”的样式名。然后通过CSS来展现样式,显示隐藏对应节点。Over

再过两年后,我再回过头看现在的代码思路,可能会有更好的想法。代码需要熟能生巧,需要时刻跟上技术的发展,才能保持优雅的姿态。多看看前辈的文章,多与人交流,拜一个好的师傅,是学习的最佳途径。

其实做人又何尝不是如此。自以为是的自己,总会被以后看似成熟的自己所否定。以前catge同学常被人说幼稚儿童,心有不甘。现在则习惯了,被人说幼稚不要紧,关键要学会改变自己,改掉不足的地方,学习他人的长处。倒是有个88年的幼齿,说不带我这个老年人一起玩的时候,我心碎了。

PS:这个雪人是我自己堆的,还是很有童心的吧,请90后的小弟弟小妹妹不要拒绝我^o^

幸福就是猫吃鱼,狗吃肉,奥特曼打小怪兽

catge Post in Life,Tags: , ,
3

鲲鹏展翅

常听人抱怨人生的杯具,世道的不公。那些事与愿违,不断压抑着人内心的躁动。直到成为一沟绝望的死水,吹不起半点漪沦。

这个贵贱分明、肉弱强食的世界,虚情假意的文明下遮掩着赤裸裸的野蛮。世袭的卑微与尊贵,成为DNA的一部分被代代遗传。

沉默的大多数,作为社会最坚固的中流砥柱,面对那句“人人生而平等”,继续保持犬儒的姿态,露出苍白无力的苦笑。蝼蚁偷生,究竟为何?生命的意义又是什么?

先来听听造物主的意见吧。

“人类是X星球的生命体M抛在地球上的副本,繁衍的最终目的只是为了在社会进化中发展出更高的科技,供最后的主体M使用。”这是我看完《第九区》之后的一个猜想。

其实,我一直认为是“薛定谔的猫通过万有引力定律创造了万物”。

最基本的生命体─病毒,其最基本的特征是自我繁殖。万物的生长就是为了自身的繁殖,为了自身物种DNA能在繁殖的过程中通过变异不断进化,完善DNA。直到最后某一时间,这段DNA将会有着超神的物理、法术防御与攻击能力。

为了保障这段DNA能够正常的传递下去,物种有了生殖过程。无论是无性生殖中的分裂生殖、出芽生殖、营养生殖还是有性生殖中的单性生殖、接合生殖、配子生殖。物种都能在生殖过程中体会到作为生命体的快感。做爱中的男女,大脑中分泌出神经递质多巴胺刺激神经的奖赏系统,给人带来愉悦感。

简单的揣摩下造物主的旨意吧。物种的自我繁殖->做爱的形式->刺激神经奖赏系统->产生愉悦感。再大胆的反证一下,让人产生愉悦感的事情是造物主希望人所做的事情。实现造物主的愿望,则是生命的意义所在。因此生命的意义在于,追求那些能给自己带来愉悦感的事情。生命的意义即追求幸福。

这充满漏洞与伪科学的证明过程,让我说服了自己,不再为生命的意义这个命题而迷茫。

远古时代某部落酋长Y染色体上的一处变异,给人类带来了意识的觉醒,从此人类成为万物之灵。独立意识,让人产生了自由感。这份自由感使得“人人生而平等”成为可能,因为一旦心自由了,Nothing is impossible。不要相信所谓的真理,那些看似不可动摇的真理,已沦为历史最可笑的悖论。不要被外界束缚了自由的心,只有自由才能寻找到幸福的真谛。

伪善的幸福以牺牲自由为代价,害怕、迟疑、逃避均是自由沦陷的征兆。自由不在于金钱与地位,而在于心态与信念。“心晴的时候,雨也是晴;心雨的时候,晴也是雨”,自由亦是如此。

北冥有鱼,其名为鲲。鲲之大,不知其几千里也。化而为鸟,其名为鹏。鹏之背,不知其几千里也。怒而飞,其翼若垂天之云。是鸟也,海运则将徙于南冥。南冥者,天池也。