google.com 首页代码分析
机缘巧合,对 google.com 的首页代码产生了浓厚兴趣。一点“分析”,杂记如下:
不同浏览器推送不同代码

上图是在不同浏览器下,保存的 google 首页代码。
注意:文件大小是经过 IntelliJ IDEA 格式化处理后的大小。
其中 Chrome 和 Safari 的代码是一样的,Opera 仅仅一个 js 函数的写法与 Chrome 不同 阅读全文 »
机缘巧合,对 google.com 的首页代码产生了浓厚兴趣。一点“分析”,杂记如下:

上图是在不同浏览器下,保存的 google 首页代码。
注意:文件大小是经过 IntelliJ IDEA 格式化处理后的大小。
其中 Chrome 和 Safari 的代码是一样的,Opera 仅仅一个 js 函数的写法与 Chrome 不同 阅读全文 »
测试页面:no_autocomplete_test.html
结论:
最后胜出的是:
'v' == '\v' && setTimeout(function() {
// reset code
}, 0);
同时在 html 中,将要还原的表单元素加上 autocomplete = ‘off’ 属性。
最后,忘掉 Opera.
Steve Souders: Positioning Inline Scripts. 好文无需废话,推荐仔细阅读。
值得注意的一个结论:
要避免将内联脚本放在样式表和页面其它资源之间,这非常重要。这会使得看起来像是样式表阻塞了后续资源的下载。这种行为的原因是:所有主流浏览器都会保持CSS和JavaScript的顺序。在样式表完全下载、解析及应用之后,内联脚本才能执行。同时,必须在内联脚本执行后,剩余资源才能下载。这就使得,放在样式表和内联脚本之后的资源,下载被阻塞了。
内联脚本放在样式表之前,样式表和脚本的下载是并发的 阅读全文 »
去年四月份来的淘宝,一晃眼就一年多了。下面的文字,是匆匆岁月中的一点感想,愿其如歌。
喜欢一件事才能做好它,这不是什么新想法。从北京来杭州,奔的就是前端这份职业,相信淘宝UED能给自己提供一份喜欢的工作。
要知道自己喜欢做什么,是件很难的事。人们经常会把喜欢做的事和擅长做的事混淆。擅长javascript,以为自己就喜欢前端开发。我写过c/fortran, c#/php/java, html/css, js, 都兴奋和沉迷过。但直到现在,也只能判定对某几门语言比较偏爱,至于究竟喜欢用来实现一个游戏引擎还是一套前端框架,心里真没谱。很多时候,做什么是由环境和机遇决定的。来了淘宝UED部,自然就喜欢上了前端开发,这没什么不好。
喜欢是多样的、易变的。接触到的东西越多,喜欢越容易扩散甚至转移。喜欢和兴趣千丝万缕。兴趣由好奇和求知欲驱动,喜欢则是在做事时体现的心态。当你发现做某件事情,自己能拥有良好的心态时,这就是你喜欢做的事情。
因此,我喜欢做的事情是编程。由于擅长html/css/js, 就变成了喜欢前端开发。除了编程,爬山、读红楼梦、听古典音乐、与朋友讨论有意思的话题、赚大钱等等,做的过程中和做完后,心态都很好,就都是喜欢做的事了。
喜欢是立体的。一个正方体有六个面,一件事也有好些视角 阅读全文 »
时不时会遇见这个bug,学习PPK,记录沉淀下。
测试页面:ie_hasLayout_width_bug.html
正常情况下,没有设定宽度的浮动容器test-wrap,当包含的block元素test-box也没有设定宽度时,test-box的宽度会和test-wrap保持一致:

其中test-wrap的宽度取决于所包含的子元素的最大宽度。
但在IE7下,test-box的宽度塌缩到最小了 阅读全文 »