经过2009到2010年全球领先的互联网企业Google、Apple、Facebook等等在HTML5上的大力推进和应用，今年在国内业界开始真正地热起来，4.10 QConBeijing2011的12个专题之一就是HTML5开发平台，4.18 由W3CTech主办的“拥抱HTML5” 又是国内业界另一个顶级的HTML5大会，这次的HTML5 in China是今年第3个关于HTML5的国内业界顶级会议，还有即将到来的7.9 D2前端技术论坛 也将会有部分HTML5相关的内容。在这么短的时间内国内组织了这多次和HTML5相关的大规模顶级会议，几乎涉及到国内所有最领先的互联网企业，从中可以看出HTML5的热度。

HTML5引起业界如此重视这是好事，但短时间内过热反而说明了业界对于HTML5的理解程度不够，这点和2005年言必称标准和ajax非常类似，等大家真正对标准和ajax深刻理解并应用到生产实践的时候反而在谈论的是利用标准和ajax成就了某项产品而不仅仅是技术本身，HTML5也正经历这样一个过程。现在最热的讨论之一就是在移动平台上使用原生开发还是使用HTML5，如果只是讨论两者的技术优势这个问题估计永远没有答案，因为我们的目标真的不是那种技术更好，而是哪种技术更能适合我们用来快速的解决用户的需求，一个复杂游戏比如极品飞车当然用HTML5来做当然不是最佳的方案，但类似Google Reader之类数据展现性和简单交互的应用当然用HTML5开发比较好，其实如果你稍加留意就连Apple自己的App Store这个应用的本身就是用HTML5开发的。本次会议前面有两位同学介绍使用phoneGap + HTML5来重构新浪微博的iPad客户端，两个人利用一周的业余时间大致实现了这个iPad客户端的全平台覆盖（Web、Mobile Web、Android、iPhone和iPad），我想新浪微博的同学看到这个应该会有一些不一样的感触吧。

我把这次每张幻灯片要讲的内容都写到幻灯片的注释中，有兴趣的同学可以对照看会更明白一些，同时也在blog中列出每张幻灯片要讲的内容。另外，几乎每张幻灯片的后面都了一两个链接，这些链接很多都非常精彩，强烈推荐大家看看。

有兴趣？继续阅读 »»

在《JavaScript语言精粹》的第72页有这样一段：

用正则表达式字面量创建的RegExp对象来共享同一个单实例：
function make_a_matcher(  ) {
    return /a/gi;
}

var x = make_a_matcher(  );
var y = make_a_matcher(  );

// 注意：x 和 y 是同一个对象！

x.lastIndex = 10;

document.writeln(y.lastIndex);    // 10

当你在浏览器中运行这段代码时，你会发现IE6-IE9、FireFox4、Chrome10、Safari5输出都是0，Firefox 3.6.16输出是10，原因可以在ECMAScript5规范第24页和第247页找到：

有兴趣？继续阅读 »»

上周末去上海参加w3ctech.com组织的拥抱HTML5大会， 图灵教育赞助了这个会议并搞了个作译者聚会，虽然我还不是她的作译者，但很早有缘与谢工老师和刘江老师认识，所以就去蹭饭了。聚会的惊喜是赠送即将发行的由阮一峰老师翻译并亲笔签名的《黑客与画家》。阮一峰老师的翻译和求知的态度一直令我非常钦佩，看看他关于《黑客与画家》的数篇博文你就会懂的。

阮老师是个视野广博且非常勤奋的作者，其博文基本上每篇必读，其中推荐或引用最多的就是《什么是博士？》，这篇文章不仅仅让我明白了什么是博士，更重要的是让我认识到什么是深度，学会如何形象的解释深度。深度蕴涵了广度，地平面上走一万米容易，爬珠峰8848米不容易，到查林杰海渊更不容易。对于我们来讲，每天的工作中会遇到很多难点，解决这些难点的方法有很多种，可以修改需求避开难点，也可以选择方案绕过难点，还可以稀里糊涂蒙混过关，但心中始终会有很多疑惑点。如果每个月我们拿出一个最有兴趣的疑惑点，找到全世界的行业高手是如何解决这个问题的，那么我们在这个点上的视野就可以达到世界顶级水平了；如果我们再总结一下并应用到实践中去解决对应问题，那么我们在这个点上的解决问题能力差不多达到世界顶级水平了；如果我们能在总结和深度理解的基础上创建更合适的新的解决方案，那么我们在这个点上的认知能力可能已经达到领先世界水平了。如果每年解决10个这种疑惑点，3年时间就可以积累30个疑惑点，当这些点逐渐多起来的时候，某一天我们一定能把这些点可以连成线组成面，那么我们应该就是这个领域的深度专家了。

有兴趣？继续阅读 »»

原料

1. 猪排骨1-2斤
2. 玉米2-3颗
3. 香菇5-10颗
4. 食盐

有兴趣？继续阅读 »»

原料

1. 枸杞，别名红果子
2. 猪肝
3. 菠菜，别名菠棱、赤根菜、波斯草、鹦鹉菜
4. 大米，生姜，香葱，食盐

有兴趣？继续阅读 »»

Web性能优化最佳实践中最重要的一条是减少HTTP请求，它也是YSlow中比重最大的一条规则。减少HTTP请求的方案主要有合并JavaScript和CSS文件、CSS Sprites、图像映射（Image Map）和使用Data URI来编码图片。CSS Sprites和图像映射现在已经随处可见了，但由于IE6和IE7不支持Data URI以及性能问题，这项技术尚未大量使用。目前大部分网页中的JavaScript和CSS文件数量和开发时一致，少量的网页会根据实际情况采取本地合并，这些合并中相当多的是有选择地手动完成，每次新的合并都需要重新在本地完成并上传到服务器，比较的随意和繁琐，同样文件的压缩也有类似的情况。而利用服务端的合并和压缩，我们就可以按照开发的逻辑尽可能让文件的颗粒度变小，利用网页中URL的规则来自动实现文件的合并和压缩，这会相当的灵活和高效。

有兴趣？继续阅读 »»

Apache的Mode Rewrite模块提供了一个基于正则表达式分析器的重写引擎来实时重写URL请求。在大多数情况下，它和.htaccess文件配合使用。比如本篇文章的URL（http://dancewithnet.com/2010/05/29/making-mod-rewrite-and-htaccess-work-on-mac-os-x）就是Wordpress配合Mod Rewrite模块和.htaccess文件一起实现的，即所谓的固定链接（Permalinks）。

有兴趣？继续阅读 »»

Mac OS X 内置了Apache 和 PHP，这样使用起来非常方便。本文以Mac OS X 10.6.3为例。主要内容包括：

1. 启动Apache
2. 运行PHP
3. 安装MySQL
4. 使用phpMyAdmin
5. 配置PHP的MCrypt扩展库
6. 设置虚拟主机

启动Apache

有两种方法：

1. 打开“系统设置偏好（System Preferences）” -> “共享（Sharing）” -> “Web共享（Web Sharing）”
2. 打开“终端（terminal）”，然后（注意：sudo需要的密码就是系统的root帐号密码）
   1. 运行“sudo apachectl start”，再输入帐号密码，这样Apache就运行了。
   2. 运行“sudo apachectl －v”，你会看到Mac OS X 10.6.3中的Apache版本号：

      Server version: Apache/2.2.14 (Unix)
      Server built:   Feb 11 2010 14:40:31
      

这样在浏览器中输入“http://localhost”，就可以看到出现一个内容为“It works!”的页面，它位于“/Library（资源库）/WebServer/Documents/”下，这是Apache的默认根目录。

有兴趣？继续阅读 »»

经过大半年的努力和等待，口碑网前端团队5位成员共同翻译的《高性能网站建设进阶指南（Even Faster Web Sites）：Web开发者性能优化最佳实践》终于面市了。翻译的过程本身就是学习的过程，又经过了在口碑网的实践，我们深刻地感受到本书内容不仅和每个Web开发者的日常工作结合得非常紧密，而且对于每个开发者都有着重大的指导意义。在此，我们诚恳地向所有的Web开发者推荐本书，欢迎大家就本书内容进行交流、批评和指正。

本书的主要作者Steve Souders是《高性能网站建设指南（high Performance Web Sites）：前端工程师技能精髓》的作者，Web性能优化领域的权威，前Yahoo!首席性能工程师，现在Google负责Web性能和开源组织。他是Firebug的性能分析扩展YSlow的创建者，也是O’Reilly Web性能与运作会议Velocity的联合主席。通过他的个人网站http://stevesouders.com/能了解全球最新的Web性能动态和技术发展。

有兴趣？继续阅读 »»

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

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

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

有兴趣？继续阅读 »»