“跨终端的Web”是我为QConbeijing2013的前端专题定的主题。infoQ中文站发表了《从可编程到跨终端——QCon北京2013“跨终端的Web”专题出品人专访》中比较详细的解释了为什么，现在转一份过来，欢迎探讨。同时，今天在Twitter上发布征集讲师送价值4200元的门票一张的消息，欢迎自荐或推荐。1）优先送给选上讲师所对应的推荐者，2）如果没有讲师被选上，会送给第一个提交正式主题大纲的讲师所对应的推荐者。 有兴趣？继续阅读 »»

有本没看过的书《坐着火车去西藏》，还有首没听过的歌《坐上火车去拉萨》，实际上我的确是坐着火车去拉萨的，所以就这标题了。

“有些事，如果现在不做，一辈子都不会做了！有些地方，如果现在不去，一辈子都不会去了！”这句话出现在无数去西藏人的话里、博客里、微博里、深深的脑海里……。在决定去时，看到了怀孕三月的@浅唯沫青在微博上寻找自驾去西藏但失去联系的夫婿，也看到《老夫妻{64+62=126岁}自驾我家小黄飞一路向西向西去寻找梦中的西藏》，其实我感觉去西藏最重要不是假期、费用、交通、天气而是那一刻的勇气。由于临时决定8月份去西藏，除了因为票务紧张提前购买，以及喝了几天的红景天泡水（事后了解基本没用）之外，没有任何其他准备、轻装上阵，当然这导致后面犯了很多错误，但还是坐着火车去西藏了。下面是一些个人经验和感受：

有兴趣？继续阅读 »»

经过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和 10.8.1为例。主要内容包括：

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

启动Apache

有两种方法：

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

      Server version: Apache/2.2.22 (Unix)
      Server built:   Jun 20 2012 13:57:09
      

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

有兴趣？继续阅读 »»