直到现在我还认为自己在做梦,那种感觉太美妙了.
昨天腾迅实习生的第一轮面试,也是我人生的第一次面试,太紧张了,很早起起来了,躺在床上了回想考虑了下怎么做自我介绍,同时也勾起了我关注学习web前端的历程,还记得08年第一次看Twinsen的文章《这将是一场革命》，看到那句我可能永远都忘不了的那句:
之所以我要纹上这段代码，我是要警惕自己——我的使命。并且我将用一生去拥抱我所热爱的事业。
我看到了页面重构工程师对工作的激情，积极地态度，推动web标准的责任，以及不断学习专业的精神。从哪个时候开始我喜欢上web前端，喜欢上了页面重构。我也想用我的一生去拥抱我热爱的事业。还记得他博客最后更新的一个Life说他到成都来招聘，不过已经是去年的文章，我转念一想会不会今天面我的是他呢，哪有那么巧的事。
这次又有一款作品加入了最终幻想的大家族，以外传形式登场的《光之四战士》，虽然已近发布了很久了，汉化也出了4个月了，我现在才玩起，当然画面就不说了NDS能有多好啊，但是他的纸娃娃系统做的很好，剧情也算曲折离奇，还有接近28个职业可以转职，可惜就是主线有点短了，接着就是收集各种转职的特殊隐藏职业了。其中有个算十点的小游戏，这个游戏和我们玩的二十一点很像，都是通过4个数字的四则运算得到最终结果10，如果3次PT点数能够达到250点以上就可以获得”兽使“这个职业，算十点倒不难，但是要通过PT点数拿高分就很困难了。
PT点数怎么计算的呢，我举个例吧 1245这4个数字 得以得到 ((4+5)-1)+2=10
==================================================================
此段 ：更新 2012 -08-14
W3C filter 规范的推出，想要更加便捷无脑完美的使网页变灰变成了可能。
目前webkit率先支持了此规范，chrome18，以及safari 6.0之后可以运行。
对于firefox我们可以用svg来做
-webkit-filter: grayscale(100%);
filter: grayscale(100%);
filter: url(desaturate.svg#grayscale);
filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);
目前情况window平台下的safari 只到5.2的版本还不能支持到css3 filter，同opera还不支持，相信来未来不久能够真正完美的兼容网页变灰
==================================================================
网上所有的变灰代码无疑都是用IE的滤镜，只是IE的独有属性，如何在ff下面变灰呢？
第一种用canvas对图像进行处理，效率就不说了，因为canvas像素操作的安全限制，要求图片必须和页面在同域之下，并且对flash是没法处理的。
第二种方法对于专业网站，他们手动或者自动处理所用的图片,但是太麻烦了，虽然我的网站图片很少，批处理一下就搞定了，但是我很懒，有没有一步式的处理方法呢。
于是想到山寨的遮罩层，但是出现了一个问题，下面的元素却不能点击了，没关系““pointer-events”帮你忙，我们先看看关于他的介绍，
CSS pointer-events
原本来源于SVG，目前在很多浏览器中已经得到体现，默认它设置为auto，这是正常的行为，如果你已经设置属性值为none。它将不会捕获任何click事件，而是让事件穿过该元素到达下面的元素。
最近有朋友问我淘宝首页的广告效果是怎么做的，淘宝slide的处理细节很细心，特点就在于最后一张图片切换到第一张的时候，看上去第一张是紧紧地更随在最后一张的后面，而不是类似通常的前滚动整个的slideDiv到达第一张图片，在没有人的干预下整个的滚动的流程就类似与跑马灯一直一个方向，就不会让浏览者会注意到某个区域产生很突兀的变化而引起不适，或者中断他的浏览习惯，这一点上真佩服淘宝UED的交互设计师们。
刚好我在2010淘宝首页改版的时候就偷偷模仿了这个效果。
查看demo 下载 Oslide.0.2.0.js 下载demo-Oslide.0.2.0
目前主流的浏览器除了msie内核的几乎都能支持CSS3的属性，而过去对于页面圆角的制作有这么几种方法：背景图，滑动门，通过js叠加很多小的div构成圆角，或者4个无语义的节点贴4个脚等等。
一方面在页面中增加了很多无语意得节点，不利于SEO等种种弊端，如果用js插入也增加了大量费时DOM操作。如果页面上有几十个圆角，所消耗的时间可想而知。如今有了CSS3这套方案，可以采用多背景图很轻松地解决这个问题，或者使用border-radius。
对于Mozilla内核的我们使用私有属性-moz-border-radius，对于Webkit内核的我们采用其私有属性-webkit-border-radius，对于Opera内核的我们采用border-radius，Msie我们就用传统方案解决它。
今天我们构建一个JsHook触发方式,并按HTML5,使用自定义属性Js数据源
对于JsHook的说明：Hook仅能出现在id和class中，命名规则是j_UppCamelCase
对于Js数据源的约定：使用HTML元素的自定义属性：data-xxxxx
上面这2条可以看看 前端JavaScript相关的小Tips
