2009年的最后一顿饭是团队一起吃的，那是一整年笑声最多当然也最快乐的一顿饭，算是对团队一个很好的总结。但每一次个人年终总结貌似都不会按时完成，2009也不例外。

我在去年的总结中说“Blog和Twitter是好东西，它足以记录这变化多端的2008”，而2009年其实有点变化莫测，幸好还是有它们，用Twitter记录和与世界同步，用Blog总结和积累，它们一起去完成互联网上最本质的精神开放与共享。

我是一个对过去时间不太敏感的人，似乎每次回想过去最近几年内的事情在准确时间上总是容易混淆。2009年的最后一天，我翻了翻Twitter，像电影回放一下，看看过去的一年，挺有意思。一年有些事很无聊，有些事注定要埋藏心里，也有些事值得回味、整理和沉积。

有兴趣？继续阅读 »»

蜕变

我确信第四届D2标志着中国前端经过四年的成长正在蜕变中。

1. 论坛主题涉及前端架构、框架、安全、性能、自动化和RIA大型应用，如果仔细地深入主题，你就会发现它们每个都直接和一个或多个服务成千上万人的互联网产品直接相关。我们的前端论坛不再仅仅是交流具体的某项技能或团队协作的方式，更多是和中国最流行的大型互联网产品的实践结合起来，共享其思考、探索、权衡和最佳实践。这些内容的出现暗示着前端行业的规模显现和逐步成熟。
2. 500人的气场，让这个没有暖气的会场热力肆意。我看到大部分中国优秀的互联网公司都出钱让其前端工程师来参加这次交流，毫无疑问这些公司重视前端技术关注前端人才的培养，值得我们去信赖和施展自己的才华。更让我感动的是，很多人特别是在校学生自费来参加D2，这份内心的热情和执着应该正是前端蜕变的内在动力吧。
3. HTML、CSS、JavaScript的最大的共同特点是可以直接看到源码，它们的结合也覆盖了绝大部分的前端内容。这些很基础的东西真实地反应了互联网开放、共享和协作的特点，这也正是D2论坛要表达的。我们身在互联网中，立足于前端去开放、共享和协作，这正是互联网发展的趋势，也是我们快速成长的契机，这样的成长让我们有了从量到质的变化。

有兴趣？继续阅读 »»

2005年前端工程师的职位开始在中国出现，2007年第一届D2前端技术论坛在杭州举行，从此D2伴随着中国的前端一起成长，从此越来越多的互联网产品的背后有着职业前端工程师坚定的身影。

在D2上我们曾交流过某项具体的前端技术，也曾探讨过团队协作的方式，那些美妙的话题都深入到我们频繁敲键盘的指尖。回首我们过去四年的坚持和梦想，现在是时候分享我们的积累和成果了。当架构、安全、性能等等在前端的领域扎根的时候，我们自己也在悄然发生质变，而推动这些变化的人和事正是D2想告诉你的。

有兴趣？继续阅读 »»

通常用户看到的页面的样式会受到三层控制，第一层是浏览器的默认样式，第二层是网页定义样式，第三层是用户自定义样式。和CSS一样，后面的优先级高于前面的，也就是说网页定义样式可以覆盖浏览器的默认样式，而用户自定义样式优先级最高。实际情况是虽然浏览器都或多或少提供了用户自定义样式的功能，但是极少数会有用户去自定义，一般用也是高级用户。而浏览器默认的样式往往在不同的浏览器、不同的语言版本甚至不同的系统版本都有不同的设置，这就导致如果直接利用默认样式的页面在各个浏览器下显示非常不一致，于是就有了类似YUI的reset之类用来尽量重写浏览器的默认设置保证各个浏览器样式一致性的做法。

拿字体来说，各个浏览器默认的字体种类、字体大小和字体行高都不一样，比如IE8的中文版在Windows XP下显示网页时默认字体是宋体，而英文版肯定不会如此。所以我们需要统一设置默认的字体样式，以便实现一致的显示效果来保证设计的一致性和提高开发效率。

以后准备使用如下默认字体样式：

body{
  font: 12px/1.5 arial;
}

有兴趣？继续阅读 »»

动态加载JavaScript文件和CSS资源为Web前端开发提供了巨大的灵活性，同时也实现了lazy load和按需加载，相比XMLHttpRequest而言其没有跨域的限制使其广泛应用。其基本原理是：在页面DOMReady后，利用JavaScript把指定文件路径的script和link元素插入到页面中，然后判断其加载状态再进行继续操作。

有兴趣？继续阅读 »»

污染（环境污染） 指自然的或人为的向环境中添加某种物质而超过环境的自净能力而产生危害的行为。我们习惯了城市的繁华，却不知污染正在农村包围城市；现在农民工成为污染的最直接受害者，但没有人能独善其身。

2009年10月14日中国纪实摄影师卢广的作品《关注中国污染》荣获2009年尤金·史密斯人道主义摄影大奖。卢广说：“我现在考虑的就是怎么能好好地解决这些问题，解决不了也没关系，我先记录，记录对我来说是第一位的。”向其致敬。以下是部分获奖作品。

有兴趣？继续阅读 »»

去年曾总结了《IE对CSS样式表的限制和解决方案》中限制的第4条写道“一个CSS文件的不能超过288kb？”，这是一个疑问句，当时没有重现出来且参考来自Internet Explorer CSS File Size Limit。今天终于看到了IE在CSS上的另一个限制：IE中每个style标签或css文件的选择符个数不能超过4095。其实style属性也应该有这个限制，但是几乎不可能发生。这个限制在IE6、IE7和IE8中存在。请看IE关于4095个选择符限制的DEMO。

有兴趣？继续阅读 »»

CSS3草案中定义了{opacity: | inherit;}来声明元素的透明度，这已经得到了大多数现代浏览器的支持，而IE则很早通过特定的私有属性filter来实现的，所以HTML元素的透明效果已经无处不在了。首先看看A级浏览器所支持的用CSS实现元素透明的方案：

有兴趣？继续阅读 »»

原料

1. 辣椒（青椒和尖椒）
2. 黄瓜
3. 香菜：又叫香荽、胡菜、原荽、园荽、芫荽、芫茜、胡荽、莞荽、莚荽菜、莚葛草、满天星、盐熟菜（安徽庐江方言）
4. 大葱
5. 香油、酱油、味精和盐

有兴趣？继续阅读 »»

人体酸碱性通常指人体血液的酸碱性，正常PH值在7.2-7.4之间，呈弱碱性。如果人体PH值小于7.2，就是处于病态，7.0或以下，就是非常不健康。

所谓食物的酸碱性，是指食物中的无机盐属于酸性还是属于碱性。食物的酸碱性取决于食物中所含矿物质的种类和含量多少的比率而定：钾、钠、钙、镁、铁进入人体之后呈现的是碱性反应；磷、氯、硫进入人体之后则呈现酸性。

有兴趣？继续阅读 »»