2008年2月9日星期六

我的 iPhone 终于能当电话用啦!

花了一整晚的时间,从晚上9点开始,搞到凌晨5点,终于把iPhone软破了。

今年过年确实比较爽,Windows Server 2008发布了,然后iPhone原生1.1.2的纯软件破解方式也有人研究出来了。天天就在研究这些,过一个很geek的年,哈哈……

详细说一下破解的过程吧。我的iPhone买回来后,我自己懒得研究激活方法,所以让同事教我jailbreak,jailbreak之后就是1.1.1,我也懒得升级到1.1.2再jailbreak一次了,所以就当一个1.1.1的Touch先用了两个月。不过因为同事是用PC的,所以降级并进入恢复模式后,他不知道Mac上用什么软件把机器踢回正常模式,于是就在PC上用iBrickr完成了此操作。这次我亲自操作,开头在Mac上用jailbreak.jar总是不能成功,后来换到PC上用AppTappInstaller.exe才成功了。

我第一次升级1.1.2,按照iphone.unlock.no的教程,它没有写要装OktoPrep,我也就忘记装了,结果升级到1.1.2才发现不能jailbreak。这时候就降级再来。第二次升级到1.1.2,成功jailbreak,但是机器停留在恢复模式,我以为是jailbreak时没有关掉iTunes的缘故,于是再次降级……其实后来想一下,因为jailbreak.jar重来不能成过把我的iPhone从恢复模式踢出来,这次应该也一样吧。第三次升到1.1.2,jailbreak,然后换到PC把它从恢复模式踢出来,终于成功了,能用而且有信号!

做过一次后,才发现也不是那么难。开头想着破解后就在1.1.1用,懒得升级到1.1.2,结果发现破解后必须升级到1.1.2,否则没有信号,换上移动的SIM卡后还是相当于一只Touch。无奈之下升级1.1.2,结果一晚就做了三次升级,也终于知道升级怎么做。

2008年2月8日星期五

Windows Server 2008 发布了

过年之前就看到x64的版本出现在MSDN Subscription上面了,可惜我准备拿一台x86的机器来试试,所以就选择了继续等。今天终于看到了x86的版本了,现在看时下载,之后就装到服务器上看看效果如何。

我现在比较关注的是,它是否能在安装初始化时成功加载RAID驱动。因为Windows 2003最开始的版本是没有RAID驱动的,如果有RAID设备就必须在安装开始时把驱动软盘插进去,让安装程序从软盘加载驱动。这年头还有软盘?没错!而且是依赖于软盘。到SP出来之后,貌似是补上了RAID驱动,才省去了软盘这一步。如果Windows 2008又变成要软盘的,我就晕倒了……希望不是吧。

2008年2月7日星期四

原来 Vista 对 FAT32 的支持比 XP 要差

自从我开始使用MacBook,我的移动硬盘就从NTFS改为了FAT32。说实在的,对于FAT32这种这么老的格式,我实在没什么信心,但是在PC与Mac之间搬数据也没有第二个选择了。况且,FAT32还不支持4G以上的文件,要把一个DVD镜像搬到另外一台机器就必须分割。

之前我已经试过几次了,硬盘经过OSX写入数据后,在Windows就无法再识别出来。打开磁盘管理器一看,竟然格式成为RAW,连修复的机会也不给我了。这时候我能怎样做?只能在OSX中把几十G数据转存,然后把移动硬盘重新格式化一遍,然后再把数据传存回去。这时候,Windows中又能读了。

于是,我在网上搜索OSX和Windows经移动硬盘交换数据的方案,结果大家都说FAT32就行了,而且兼容得很好。我就很郁闷了,为什么就我遇到问题,从此我也尽量避免硬盘在两个系统之间转来转去,特别是避免从OSX写入数据,因为我觉得是OSX写入了一些数据,导致Windows不能识别该硬盘。

直到最近,我才发现问题的来源。我将移动硬盘从XP的机器上拔下来后插入到Vista的机器中,这次Vista又将它识别为RAW格式了。这时候我就明白了,不是OSX写入的数据有问题,而是Vista对FAT32的支持有问题,竟然XP写入后Vista也会读不出来。

这就真是没办法了,看来保留一个XP还是很有必要的,Vista的兼容性不错,但对一些老设备的支持还是有问题(FAT32算是老设备格式了吧),况且我也不知道对FAT32的支持是否能在SP1修正。

2008年2月6日星期三

Google Social Graph API 体验

Google推出了Social Graph API,允许大家更加便捷地搜索Google抓取到的XFNFOAF数据。

XFN是一种基于XHTML的Microformat,在<a />标签的rel属性中加上各种各样的值来指示目标URL(的拥有者)与本URL(的拥有者)的关系。例如me是指代自己,friend是指代朋友,met是指代见过面,等等。

FOAF则是基于RDF的一个扩展,原本RDF用于描述资源,FOAF则把侧重点放到了描述资源拥有者上来。

Google对Social Graph API的使用方法范例是这样的:假如你新加入到Twitter,没有任何好友给你follow,那么Twitter就可以考虑引入Social Graph API来为你寻找已有的好友。因为你在Twitter注册时输入了自己的URL,Twitter仅需要将该URL题交给Social Graph API查询就好了。或许你提供的URL正是你的blog,上面链接到你好友的blog了,并且也用XFN标记了,那么Social Graph API就能将这些好友的blog返回给Twitter,Twitter发现原来这正是另外一个用户的URL,那就是说该用户就是你blog上链接到的那位朋友了。

这到底是否真的那么有效呢?我马上用自己的Twitter地址测试了一下:

http://socialgraph.apis.google.com/lookup?q=twitter.com/catchen&pretty=true&fme=true&edi=true&edo=true

Social Graph API在我的Twitter页面上,找到了我设置的URL属性,知道那是指向我的另一个页面。那个页面就是我的claimID页了,上面当然不乏XFN标记了的链接,于是它又找到了我的一堆blog。可惜的是,新的Blogger模板中的链接widget无法假如XFN格式,除非你放弃widget改回用全手动编写的HTML,因此Social Graph API无法通过我的那堆blog找到到我的好友。

Update: Twitter把following加上XFN信息了,所以你的following和follower都会被Social Graph API认为是contact关系。不过这又引入了另一个问题,就是Social Graph API总是认为关系是自动双向的,但其实我的一部分follower我并不认识,我也不认为我和他们存在contact关系。

步出感觉安全的区域

这是The Game里面提到的,意思是人总会选择在一个自己觉得安全的区域内徘徊,而拒绝离开这个区域。举个例子,内向的人,或者说不擅长与女性打交道的男人,可能就觉得只有和同类打交道才是安全的,出了这个范围就不知道怎样打交道,关键在于怕被别人拒绝,或者更严重的是遭受羞辱。

事实上,不仅仅社交方面如此,很多方面都会由于这种现象的存在,而限制了个人发展。技术上的依赖,会导致个人的技术跟不上潮流。我是在ASP.NET 2.0发布后才算是真正开始使用ASP.NET的,所以没有什么ASP.NET 1.1的包袱,然而有不少人却因为习惯了ASP.NET 1.1而不太热衷于升级到ASP.NET 2.0来,因为他们已经熟悉了ASP.NET 1.1,那是个感觉相对安稳的环境。现在,ASP.NET MVC出来了,而我手头又没有多少ASP.NET项目要做,我也变得不急于迁移到ASP.NET MVC了,顶多看看别人写的文章,自己没时间动手去实践。

生活上,也差不多,习惯了和谁住,习惯了住在某个城市某个城区,也就觉得只有这样的环境才叫做安稳。而如果真的要获得更多的机会,必须敢于放弃这些让你感觉安全的区域,大胆地走出去,面对可能迎面而来的总总风险甚至是危机,之后才可能获得安全区域内得不到的收获。

2008年2月5日星期二

MacBook 突然充不进电了!

昨晚回到家,把充电器插到拖板上,打开拖板的开关,就开始用电脑了,后来才发现一直处于使用电池的状态。尝试插拔了充电器几次,也没有解决问题,MagSafe上面的灯是不亮的,电池的硬件指示等也没显示在充电,我怀疑充电器坏了,然后感到非常郁闷──怎么早不坏迟不坏,偏要过年前坏!过年啊,有保修的话也没有人帮你修,如果充电器不在保修范围内,想买或许也难买。上网查了一下充电器的价格,80USD,或是600HK$,吓死了,大陆的价格肯定还要贵。

因为已经很晚了,所以就郁闷地睡觉去了。第二天跟布丁抱怨这件事时,他说可以把电池拆下来再装回去试试,他的HP曾经因为电池冻到不能识别而出现类似情况。我就试着拆一下电池,发现果然能充了!原来在北方还有那么多的保养问题需要注意的,不知道MacBook拿到南极是否还能用……

2008年2月4日星期一

退订 blogbus 所有 feed

身边有部分高中同学,就是从高中开始写blog的那种,当时国内最大的BSP是blogbus,所以用的就是blogbus。然而blogbus最近“出了点问题”,也不是最近了,持续了很多个月了,我今天忍无可忍,决定无论是多么熟的朋友,只要是blogbus的,一律退订,在我得知blogbus修正此问题之前也不再订阅任何blogbus的blog。

首先说说这个问题给我造成的麻烦,我在FeedDemon或NetNewsWire中对一篇blogbus的文章标记为已读,然而第二天这篇文章又变成未读,每天我都要手动将所有blogbus的feed手动标记为全部已读。一开始我认识只是blogbus升级过程中造成的小问题,就好像之前Live Space也会时不时这样,所以手动标记一下就好了,结果这样的事情一直持续到今天。最终我确认了一下问题的来源,因为blogbus把文章输出到feed时要在最后追加“相关文章”,而且这些“相关文章”还不停变化,因此Newsgator只能把变更后的文章当作新文章来处理。

在其他的blog平台中,作者有时候也会修改文章,为什么不会导致Newsgator把这当作一篇新的文章?这关键之处就在于blogbus不对文章输出guid,因此变更后的文章无法确认它是不是由一篇已经抓取过的文章更新而来的,就只能当作新文章处理。如果输出了guid,Newsgator一看这个guid已经被抓去过,也就不管了。另外一些feed reader,处理方式可能略有不同,而将同guid不同内容的文章重新标记为未读或标记为已更新,但至少不会把这当作一篇全新的文章。

不标准的feed总是让人很头痛,虽然现在feed的使用越来越普遍了,但是还有很多feed提供者自己没有完全理解feed相关的标准就发布feed了,导致使用该信息源时需要加入各种兼容性设计。

2008年2月1日星期五

怪异的国内 iPhone App 市场

环视国内最大的iPhone社区weiphone,你会发现没有多少人讨论Web App,大多数人关注的都是破解以及客户端应用,然而实际上Apple官方就收录了一大堆第三方Web App,按分类整理好了,其中有些热门的非常好用,另外一些也不错。

在这样一个环境里,国内开发Web App没有任何优势可言,还不如去研究那个还不完整的API然后开发客户端应用呢。况且,Apple这个月就要发布客户端SDK了,API文档就能够得到补全,原本的客户端应用总能修改一下就变得符合官方指引。不过,听说只有官方私钥签名后的应用程序,才能够从iTunes下载安装,估计这还是少数,因此Installer将依然有用,老的应用开发模型也不会消亡。

回到Web App的话题上来,如果要在国内做一个Web App并获得成功,必须很注意iPhone用户的构成。现在有一些iPhone用户,还没有把iPhone破解掉,而把iPhone当作iPod Touch用,那么这些用户就只能当作iPod Touch用户算了。有什么区别?iPod Touch只能在wifi覆盖区域内享用网络服务,而iPhone则能够使用EDGE(或者说至少是GPRS吧),享受网络服务的连续性要更好,总计时长也多得多。开发一个Web App,就必须很注重可访问性,目标用户虽然有设备,可惜根本没有网络覆盖,访问不了,那有什么意义。

我现在在公司和在家里都有wifi覆盖,迟一些回广州肯定也要马上买一个无线路由回家以确保我的设备都能无线使用。然而,有多少人能够有这么好的网络覆盖条件呢,根据我从weiphone观察而来的,其实还有很多人是只有有线网络连接的,要安装软件到iPhone就只能通过iBrickr从数据线传。例如Jim,他就觉得要wifi安装的东西是很不方便的,因为学校的wifi环境不好,家里也没有无线路由。然而我正好相反,我没有装iBrickr,因为我用Mac,又懒得在Mac上装类似解决方案,所以我就严重依赖于wifi。

总之,因为Apple的门槛设置,以及破解的流行,导致了iPhone用户数量虽多,可是他们所处的环境异常复杂,一设计一个Web App成功的捕获不同环境中的用户是非常困难的。

2008年1月27日星期日

Geeky meets Pretty

因为我在北京的圈子里认识不少geek,同时我又想认识靓女,所以就采取了这样一种策略──估计那么多geek都想认识靓女,所以就搞一个party吧,各自把自己认识的靓女都带过来,那就可以大家都可以认识到更多靓女了。也因此,party被命名为Geeky meets Pretty。

这次的party星期四早上第一次讨论,然后就确定星期天晚上搞了,效率异常高。我其实是担心准备不充分的,不过快过年了,也就没办法拖了,既然星期天晚上没问题,那就星期天晚上吧。开头我们预计5位geeky至少各自带以为靓女来,有10个人,搞一个小规模的party,不过最后来了15个人,证明人数并不是一个需要担心的问题。

对于这次party,从geeky到pretty,按1到10打分的话,我会给2或者3。在讨论的话题上,其实不算geek,只有一点点IT而已,因为在场的男士都是IT圈子里的,说到PR女士就郁闷了──在说Public Relation吗?不是,是Page Rank。然而,整个party的娱乐性不算高,一群高智商的人聚会,娱乐项目自然是杀人。杀人游戏要求思维运转,不过娱乐性就一般般了。这次的party没有任何的酒精,也没有什么很刺激的游戏,这是我觉得娱乐性低的一些原因,就是现场很文明,一点都没有high的感觉。看起来更像是IT界的聚会,可惜大家又不讲IT,所以有时候也会冷场。

因此,如何搞好一次party,其实是非常有学问可言的,我的意思是对于我们这些geek来说,有些人天生是party animal,那是我们无法比的。就好像都是MVP,是否擅长交际是人人不同的。Bean在三亚时跟我说,你看哪个MVP是不怎么social的,你就知道他主要是做线上活动的了,因为做线下活动的MVP都是很活跃的人,而作为职业讲师就更加需要懂得如何调动听众的氛围了。暂时我自觉觉得能够条理清晰地讲好一场讲座,但是不能做到新东方讲师那样15分钟一个笑话,如果我要获取那样的技能,前期我必须主动的去做准备,例如每场讲座之前先精心挑选若干适合插播的笑话。讲着讲着就能自然插一个笑话,这种境界对我来说是难以直接通过不主动背笑话而获得的。

这看起来和我向来坚持的英语学习方法所不同。学英语我不觉得有必要刻意背单词,反正用的频率越高,说明那个单词对你也就越有用,你也就越容易记住它。然而问题是,英语你平时可以不停地用,如果你平时不怎么使用英语,然后考试机会就那么稀有,你就只能通过背来准备。对于演讲和party,我乐意不停地花时间去参与,然后潜移默化地把一些技巧记忆下来,然而这样的机会不存在啊,我不能每天都去演讲,我也不能每天都去party,就算我时间上能够负担得起,也没有这样多的机会。演讲没有听众可以找镜子,party呢?因为party的机会实在太有限了,所以我要组织一次party,我就必须提前做好准备。这次准备不充分,娱乐性不足,下次我就要做足功课再来。

最后,我要感谢awyuanchengyou xujunyu布丁等人,感谢大家参与到组织一个party的工作上来,帮忙选定了party的场所,预定了包间,拉拢了靓女,以及埋了单。

2008年1月24日星期四

Zhuantie 与 Jinghua - 中国互联网文化的重要元素

既然有人研究GuanxiGanqing,那么我就来研究Zhuantie与Jinghua。

首先来说说Zhuantie(转帖)。上次和王兴等人的讨论中,说到为什么百度贴吧只允许吧主上传视频的做法比大众型视频站更有效利用资源。这是跟中国的文化背景有关,中国人中乐于创作内容的或者乐于贡献内容的暂时还非常有限。曾经在Wikipedia上见到有人说,下一代人叫做P代,P指Participate,大家都参与到Wikipedia贡献内容了。然而在中国,还要多少年才能把一代人称之为P代这很难说,现在大多数人还是缺乏创意,缺少闲暇时间去创作,大多数人对着摄像头连装cool的创意也缺乏,高质量的原创视频当然就少。在这个前提下,一个YouTube类的网站就难以通过UGC发展起来了,因为根本就没有UGC,变成了纯粹的转载站,所有人都是将他自己觉得还的视频再发布过来,而非发布自己的内容。而这就是所谓的Zhuantie文化──在中国,由于UGC的缺乏,变成少数内容被不断的复制粘贴,导致整个中国互联网上的内容缺乏多样性。

而被Zhuantie的内容是什么呢?这就是所谓的Jinghua(精华)了。国外的论坛系统是没有所谓的“精华帖”这一设置的,只有sticky用于发布公告。为什么需要精华呢?因为国内论坛的水化问题太严重了,没有哪个帖子不跑题的,而国外论坛很明确规定off topic就一律砍,你有新话题一律开新thread,不要再原来的thread上追加。这样一来,国内的论坛就难得有一个帖子是真正专注于一个话题,能够有所深入探讨的,因此一旦能够出一个这样的帖子,就变成精华了。

2008年1月23日星期三

请不要在 taxi 上使用谷歌地图

谷歌地图(而非Google Maps)的数据源Mapabc非常不精确,已经试过两次了,在北京去一个陌生的地方,在的士上打开J2ME版的谷歌地图,搜索出一个地点来,然后指示司机开过去,而结果表明那是一个错误的地点。虽然北京的士司机很不靠谱(停在红等前拿本地图出来看的都有),但是谷歌地图更不靠谱。

有人说,百度的数据源Mapbar同样不精确,因为中国的一切地理数据都属于“国家机密”,因此需要经过扭曲后才能发布。什么叫做扭曲?这样说吧,用过PDA的人都知道如何校正触控笔的,因为PDA屏幕的显示与触感两个层都是线性的,一般三到五个点就能校正。然而中国公开到网上的地理数据,例如一个城市的地图,你把这张地图叠加到Google Earth的同一个城市之上,然后采用类似的方法来校正,你会发现极难对齐。理论上,如果两张地图都是正确的,只要比例和位置校正了,叠放在一起应该是每一个点都对齐的。我们暂且假设Google Earth拍出来的照片比例误差不会太大,那就说明Mapabc的数据源是有问题的。当然,上述都是听说会来的,我还没亲自做过Mapabc的地图校正。

这就是安全与便捷之间的trade off,你要增加一样就必须削减另外一样。如果你询问普通市民,他们肯定都优先选择增加便捷性的,因为安全问题暂时不觉得有多严重。这和企业内的信息安全问题一样,所有员工都会觉得企业的安全策略(例如每3个月改一次密码)是一种负担,从而想尽办法绕过去。

2008年1月22日星期二

大忽悠争霸战 Round 1 - DING!

aw在一篇关于学习英语的好处的文章里说到,有很多细小的题材只有英文文章才有所涉及,而在中文领域不一定有人研究过,甚至不一定有相关文章。而且,aw说中文文章经常有些是没有科学依据或者缺乏引用出处的,我将此理解为“忽悠”,那么我们现在就来看看谁更忽悠。

aw的后一篇文章的标题是:好消息 - IE6将退出历史舞台。世界上竟然有这样的好事,而我不知道?我一定要过去看看,然后我看了aw的文章,也看了他引用的中英文原文(英文来自InfoWorld,中文来自Solidot,Solidot到底和Slashdot是什么关系我并不清楚),结论就一个:要么aw被Solidot忽悠了,要么aw在忽悠别人,到底是哪个呢?

InfoWorld的标题是Microsoft warns businesses of impending autoupdate to IE7,意思是“Microsoft警告,商业用户即将自动升级到IE7”。然而,Solidot的标题却是“微软将在2月12日把浏览器强制升级到IE7”。这种翻译方法叫做什么?提示:不叫“翻译错误”。没错,那就叫做“忽悠”。“自动升级”就相当于“强制升级”吗?即使你不理解前面的“商业用户”是指什么,这两者的差别也显而易见。

接下来,我就InfoWorld的文章解释一下所谓的“商业用户”。所谓的商业用户,就是指文章中提到的WSUS用户,而什么是WSUS到Microsoft的官方网站看一下就知道。简单来说,你的企业中有一万个Windows客户端,它们都要做Windows Update,然而如果它们都从官方站点进行Windows Update,这浪费多少企业对外的流量,于是你可以选择使用WSUS──一个企业内部专用的Windows Update服务器平台。作为企业的IT管理人员,你首先在企业内部署一台WSUS,让它从Microsoft的官方网站自动下载Windows Update,同时用WSUS生成一个小小的安装包派发给每一个客户端安装一下。在所有的Windows客户端运行该安装包后,它们的注册表都会加上一个标记,告诉它们以后Windows Update不要从Microsoft官方网站下载,而从企业内部的WSUS获取。

这样做有什么好处?记住,在高度IT化的企业内,IT部门就是克隆人军队的指挥官,而所有客户端机器都是克隆人。举个例子,如果你企业内部的ERP平台依赖于IE6,在没有WSUS的情况下员工可能就会无意地通过Windows Update升级到IE7了,然后发现ERP平台用不了,这时IT部门就要被“打扰”了。这类情况一旦增多,“打扰”就升级为“骚扰”了。所以,作为指挥官的IT部门,有权选择“我知道IE7的存在,但不允许任何克隆人升级到IE7,它们也看不到IE7这个升级的存在”,然后所有“升级到IE7并与ERP平台不兼容”这一问题就不会发生了。如果员工自己下载一个IE7的安装包来安装呢?不要以为Microsoft和企业的IT部门是吃饭不干活的,Windows中复杂的组策略设置就是干这个的,IT部门可以定制一个组策略不允许员工装软件,或者不允许员工装IE7。记住,客户端机器就是克隆人,要么清一色IE6,要么清一色IE7,异类统统枪毙!

现在,大家理解什么是WSUS了吧,那也就应该理解那个“警告”的用意了──如果你是企业的IT管理人员,现在最好马上做调研以决定你的企业是否适合升级到IE7,如果不适合你需要提前设置WSUS以避免这个“自动升级”的过程。

当然,国内的企业,包括大型IT企业,其自身的IT化程度还不高,所以没有人理解WSUS以及类似的自动化流程,以为一切就应该是手动的操作,Microsoft的设计一切都是那么“蠢蛋”的,然而事实上谁才是真正的“蠢蛋”?我看是国内某些习惯手动操作并且不怎么理解“国外先进的科学管理流程”的译者吧。Solidot把InfoWorld和Slashdot都引用了,人家两篇文章都说明了这是Microsoft对企业IT管理人员提出的一个“警告”,它自己却在那里坚持说“强行升级”,这真是绝顶的忽悠,你看这带着6点PageRank的aw也中招了。

我在这里可以对Microsoft的客户划分再补充一下。MVP分为三个大类:第一类人的工作是,决定企业购买Windows服务器还是Linux服务器,研究哪个的使用成本更低;第二类人的工作是,在第一类人选择了Windows之后,判断企业内部管理平台到底是否基于Web,是否要引入RSS支持,以最低成本实现效率最大化;第三类人的工作是,在第二类人作出判断后,开始设计、编码、测试、维护那个可能支持RSS的Web平台。在中国,第三类人是最被人广泛了解的,第一类人如果挂个CXO的头衔也为人广泛了解了,而第二类人通常就被无视了。

2008年1月21日星期一

最 Geeky 的企业内部首页

首页嘛,有很多中方案,例如iGoogle式的,足够大众化。PageFlakes或者Netvibes也差不多。但是说到geeky,我有个不错的注意。

Opera提供一个Speed Dial,将1~9对应9个链接,而非将一大堆常用功能扔出来,这不错。根据2/8原则,就算我收藏的链接再多,就算我放在iGoogle首页的模块再多,我要用的就那么几个。因此,我设计的geeky首页就一个speed dial。就这样?当然不是,我希望首页不仅仅能做speed dial,还能做普通的dial。

好像普通的手机键盘那样,长按才是speed dail。例如长按4(ghi),那就打开Google;按4(ghi)6(mno)就打开GMail。然后,如果自定义首页只能打开URL,那就太无聊了。现在整天都要打开内部通讯录,查某个人的电话,然后拿起电话来拨号。我觉得我直接在Web界面上拨号就好了,然后自动转为Skype拨号。每人拿一个Skype手机……算!手机太大了,每人拿一个Skype耳机,假如wi-fi模块能够做到耳机里面的话。只要在首页输入电话,就自动转为Skype拨号,并且转接(或回拨)到我的Skype耳机上,那就够好了。反正公司内部wi-fi覆盖,走到哪里都一样,不会再出现打电话给某人发现他不在固话附近的情况。如果已经有了wi-fi覆盖这样的好事情,再搞一个固话网络或者3G接入,那就多余啦。

当然,有时候还是要查找某个人的电话号码,或者某个文档的信息,这时候不要输入数字,而先输入英文字幕(或者先输入数字0),然后就开始进行企业内部的全文检索。例如有人想找我的分机号码……还什么分机号码呢,我是说Skype号码,那就输入“Cat Chen”,然后就查到了,接着点一下就转到他的Skype耳机上拨号了。

2008年1月18日星期五

MacBook Air 如果可以这样子用就很 cool 了

大家都在谈论MacBook Air,我也来评论下这个东西。大家肯定对那个从大信封里拿出MacBook Air的情景印象深刻吧,我来提供一个理想的用例。

香港的黑帮电影中,你可以看到两方boss会面时,各方boss都会没收所有跟班的手机,然后装到一个大信封里,并且从另外一个大信封倒一堆手机出来,让大家个人拿一个,以确保没有人泄密。

如果MacBook Air足够便宜,boss会面前跟大家说,谁还没有电脑的,然后叫秘书搬一堆大信封进来,一人扔一个(“扔”这个动作很重要,这样才够cool),然后大家打开后发现里面装的是一个MacBook Air,那就爽了!

2008年1月15日星期二

原来我住的是百万豪宅!

其实我从来不在blog里写这样的话题,不过这个比较讽刺,所以说两句。我现在和另外3个在同样是在百度的广东人合租一个房子,房龄和我差不多大,不过竟然买卖时的交易金额能够飙升之百万,真是神奇。我们现在¥3400/月把它租下来了,淡季,离奥运还有半年,所以租金算是便宜,却最近才发现原来我们住的是如此值钱的房子,真是神奇!

出名有两种途径

首先,这是Benny在若干年前说的,不是我说的。想要出名,有两种途径,要么互相吹捧,要么互相攻击。没错,他这说法就把所有可能性都囊括再内了,事实上无论你是主动想成名,还是凭借实力成名后想保持身份与地位,这两样都是你的选择,也是你近有的选择。

我们可以看得到,有些业内“知名人士”,时不时发表一些其实没什么深度的文章,里面其实都是对业内其他名人的……这么说吧,就是他表现得在其他名人面前尤为谦虚的样子,这其实就是第一种途径了。你想想,如果你捧一下别人,那个人可能不感恩也来捧一下你吗?这当然可能,因为对方真的可能就是实事求是的人。然而你捧一百个呢?里面总有几个和你一样处于某种尴尬地位的,或者说是瓶颈,论实力想再提升上去有难度,于是干脆就顺你意和你一起玩这个互相吹捧的游戏,反正他也有好处。

另外一种途径,就是找个名人下手,开始攻击他,例如找Keso啦。先不说Keso到底是否有实力,这不是重点,重点在于他出名,那就够了,你就可以用他来做攻击目标,从而推动你的名气上涨。如果你只是一群暴徒中相对“默默无闻”的一个,那没什么作用,但如果你是领头人,你攻击别人的言论足够“一针见血”,那就成功了。正所谓“敌人的敌人也就是朋友”,那位名人的反对者就会站到你这一边来。也就是说,你只要不至于蠢到找一个人缘超好的名人来做攻击对象,找个性格分明的,他肯定有自己的反对派,你一攻击,就相当于把他的反对派拉到你这边来了,多好。

因此,国内的IT圈子有时候也挺像是娱乐圈,谁玩谁还不知道呢。我作为一个MVP,有时候也不得不随大流结识一下圈子里的其他人,例如去认识一下Keso。不过说到底,最值得仰慕的,还是那些真正靠实力而成为geek的人。

2008年1月10日星期四

Windows 就是一个带 UI 的命令行

这是用过Mac之后对Windows的感觉。

用一个对程序员来说比较友善的比喻来说,以面向过程的方式来写一大堆函数,然后再分别塞到几个类里面,这就是Windows了。而Mac是真正的面向对象思想下设计的。

在Windows当中,我们貌似在操作一个“文档”、一段“文本”、一张“图片”,但实际上我们都不是在操作对象本身,而是类似于在操作handle——你不知道对象在哪里,你不能直接传递或操作对象,你只能借助仅有的API对handle进行操作,所有能对handle进行的操作都由API限制了。例如即使你在操作的是一张“图片”,你也很清楚那是一个存放为文件的图片,或者暂存在剪贴板的图片,总之你必须清楚handle在哪,否则你就算看到了那张图片也无法操作——图片在网站上,你先另存或者复制到剪贴板吧。

这种体验不就完全是面向过程的映射?每一个操作相当于调用一个或几个API。Windows发展了那么久,在人机交互方面还是脱离不了对DOS的简单封装。在这方面,Windows从前落后于Mac,现在还是这样。Mac虽然不能达到最理想的面向对象操作方式,但至少系统本身提供的体验要比Windows好,同时主流软件也比Windows的主流软件在体验上要好一个等次。

例如Skitch这个轻量级的图片处理软件,你可以抓起正在编辑的图片扔到桌面上,这就自动另存为一个图片文件了。文件与内存中的图片数据对用户来说已经无缝连接起来了。

再举一个例子,在Windows我们都知道回收站是个很好的比喻,不用的文件当然扔那里面。不过说真的,你多少次把文件扔里面了?你用得更多的是delete按钮,对吧?这是显然的,因为Windows用户习惯最大化窗口,这当然就把回收站遮住了,傻瓜才会选择在窗口里拖动文件的同时回到桌面接着再把文件扔到回收站里。Mac的回收站叫做废纸瘘,它出现在Dock上,Dock类似于Windows的任务栏,永远不会消失,就算自动隐藏也可以在鼠标靠近后自动跳出来,因此你永远可以把你看到的不想要的东西拖到废纸瘘上面去。

这也说明了一个问题,Microsoft这样去仿造Apple发明的交互方式是没用的,因为一点点的差异就可能导致可用性完全不同。Windows Mobile 7泄露的文档中,透露了Windows Mobile 7将可能有一些类似iPhone + Wiimote的功能,例如用手指拨动CD封面从而跳到下一张或上一张CD,甚至晃动手机从而跳到随机抽选的一张CD,这样的交互到底是否好用,真的很难说。

最后,无论你在开发Windows应用还是Web应用,我都建议你去弄个Mac来用一段时间吧,不要给一直以来Windows及Windows主流应用程序的交互设计方式禁锢了你的思路,你应该看一点新鲜点的东西。在以前,我认为Scriptaculous的拖放库完全是多余的,真该好像Atlas转变为ASP.NET AJAX时那样把拖放库丢一边,但在使用Mac之后,我才真正觉得在Web应用中推广拖放操作是非常有意义的。

假如我们都做一样的事情

之前写过关于Facebook News Feed的文章,现在开始反过头来思考trend的坏处了,那就是我们都变成克隆人了。

其实所有寻找同好的网站都有这样的问题,一开始你能够很好地寻找自己的同好,以及他们的爱好,在相邻的领域内拓展自己的爱好。然而实际上我们都明白这在数学上的意义,就是所谓的“类聚”,欧式距离相近的若干个点就聚唯一个类,并且一个点与这个类中各点距离的总和比与另外任何一个类中各点距离总和要小。

之后呢?因为你在变得越来越像你的同类,同时他们也变得越来越像你,这样一个类内的多样性就开始缩减,这绝对不是一件好事。有两种途径可以打破类聚,要么是创造类聚本身的网站致力于重新打破类聚,这听起来很好笑对吗?你的服务目的是创造类聚,但你又要打破它。然而另外一种途径就是,由外力来打破这种类聚,之后你的服务也就真正失去存在意义了,哪一种才是你所期待的?

我们都希望同类的人不停地聚集到自己的平台上来,但这是不可能的,在完全朝着目标的发展路线上一种可控的“叛离”是必须的。你希望聚拢一种用户,但无论是你喜欢还是不喜欢,中间总会带来一些变化,例如新的用户群体超过了原来的用户群体,最终超过临界成为了所谓的“变味”。需要一再强调的是,这种改变是不可避免的,你不能说控制你的平台不发展从而不改变用户群体,他们继续类聚下去也会爆发,因此我们需要在“可控”的前提下进行一些操作。

无论是之前的论坛“火了-水了-完了”,还是麦田现在所说的“有趣-无聊-暴力”,这都表明群体的进化是必然的,我们需要研究的不是如何保持一个群体以避免其发展。虽然上面两个例子看起来都是“衰亡”——总之就是越变越坏,但实际上这是一种发展。我们需要的是控制这种发展,而不是任其自然。

2008年1月8日星期二

跑去见Keso了

北京给我的印象很一般,不过没办法,中国的IT人都聚在这里了,甚至IT以外的人脉枢纽也在这里。与之对比,硅谷不仅仅有人,气候貌似是我喜欢的,生活条件也不错,而北京在“天时地利人和”这3个条件中就只有最后一个,却吸引那么多人跑来这里了,说明其人脉的优势是如此之强大以克服前两者的弱势。

今天晚上在布丁的带领下跑去见Keso等人,第一个印象是这些人特别能吹水,第二个印象是Keso对香烟的消耗率实在高。这样一群人,能够从互联网隐私问题扯到视频管理再到色戒,中间还间插着Google Camp与燕窝这样的东西,实在强。而且那种思维的跳跃性,让听众的大脑很快就会觉得超负载。

在奥校我已经习惯了和一群思维超级跳跃的人聊天,这没什么问题,不过那时候我们都是搞理科竞赛的,我们习惯以geek的思维来扩展,我们对用词与用意是否低俗并不介意。Keso这些人,art背景够强,不像我们只有science背景,于是说话总是喜欢挑些一针见血的,同时又保持言语的高雅性,这样非tech类话题我就很难插嘴了。

总体而言,去和Keso聊天还是很爽的一件事。下星期看看布丁又能带我去见些什么人。周围去找人聊天是一件非常有趣的事情,能认识到不同的人,了解他们的观点,因为这些人的背景都非常不同,所以视点可以是非常独特的。

2008年1月7日星期一

编写 iPhone Friendly 的 Web 应用程序 (Part 6 - iUI)

iUI是一个针对iPhone Safari的Web开发框架,由Joe Hewitt开发。这位Joe Hewitt曾经参与过Firefox的开发,包括其中的DOM Inspector以及Firebug,后来到了Facebook,为Facebook开发了iPhone专用版本,对iPhone Web开发社区算是作出了巨大贡献。

样式

我们继续说iUI这个框架。这个框架所做的事情,就是提供iPhone Friendly的交互方式与样式。为了简单起见,我们先来说说样式方面,iUI提供的不仅仅是一个CSS文件,基于这个CSS文件你所创建的页面能够符合iPhone的人机界面指引,并且看起来的效果贴近iPhone原生的应用程序,从而降低用户学习门槛,避免你自己设计的Web应用对iPhone操作不友善(例如按钮不够大,手指难以点击)。

交互

至于交互方面,iUI提供一个基于page的换页导航机制。这里所说的page不是一个Web页面,而是一个<body />内的顶级DOM元素,每一个这样的DOM元素都可以作为一个page,同一时间上仅显示一个page。页面上的所有链接,要么导致page转跳,要么导致整个页面转跳。这种转跳有如下几种情况。

转跳

如果链接的href指向的是一个锚点,例如#somePage,那么iUI就会在页面中寻找id="somePage"的page对象,然后进行转跳。

如果链接的href指向的是站内地址,例如/somePage.html,那么iUI就会使用AJAX的方法加载/somePage.html的内容并追加到<body />内,注意,/somePage.html必然是一个文档片段而不可能是完整的XHTML文档,否则把<html />追加到<body />下就是错误的了。追加的内容内可以有多个page,如果其中一个有selected="true"的属性,那么接下来将显示该page,否则显示追加内容中的第一个page。

最后一种情况是指向站内地址,但是有target="_replace"属性。iUI在看到target="_replace"属性后,就会知道该<a />所在的page内直属元素要被删除,并且替换为目标页面的内容。在这里用CSS来解释一下所谓的直属元素,body > ul#somePage > li > a[target="_replace"],这里<li />就是<ul id="somePage />的直属元素了。这种转跳通常用于曾亮加载,例如iPhone内置的Mail打开邮箱后自动加载50封邮件,点击more之后再加载50封,Web界面上就可以通过这种方式实现——一个<ul />内包含51个<li />,前面50个对应50封邮件,最后一个<li />包含<a target="_replace" />的more链接,目标页面就是下50封邮件的<li />

在转跳的时候,iUI提供了一种很好看的效果,你能够看到当前page从屏幕左边移出去,新的page从屏幕右边移进来,好像PowerPoint的某种幻灯片切换动画那样。如果添加了axis="y"属性,page还能够子底向下滚动。

历史记录

AJAX式的页内内容更新不是不好,问题就在于浏览器无法自动保存历史记录,导致前进后退按钮实效。iUI已经解决了这个问题,上述3种转跳中的前两种iUI都会自动创建新的hash以便创建历史记录,hash默认就是#_pageId的形式,如果当前显示的page没有id,那么hash就按照增量自动分配id。

在拥有历史记录之后,用户就可以通过浏览器的后退按钮向前翻页了,此时相当于加载前面的page,iUI知道这是一个后退操作,就会提供反向的滚动效果(自左向右或自上向下)。

如果我访问页面的顺序是A > B > C > D > B,那么历史记录会如何呢?历史记录会变成A > C > D > B,也就是说第一次访问B时B从历史记录中删除并重新添加到最前的位置了。

演示

说了那么多,我们来看看iUI的实战效果吧!又是Facebook或者Digg的iPhone版?不是,我们来看看自己利用iUI开发一个小应用的效果以及成本如何。就在上个周末,我花了不到20小时做了个名为iBaidu的小东西,自动抓取Baidu的搜索结果与排行榜并以iPhone friendly的方式显示出来。以下是发布到YouTube的演示视频:

服务器端使用的技术是Ruby on Rails以及ASP.NET。为什么需要ASP.NET?这是一个很郁闷的问题,因为Baidu是基于GBK的,而RoR的编码转换能力其若无比,我懒得花时间去寻找适合的转码库,因此直接拿了ASP.NET来做抓去代理,抓取的时候顺便做一下编码转换。如果不是编码问题,那么只需要RoR就能轻松完成任务。

小结

在这篇文章中,我们已经看到了如果使用RoR搭配Prototype,不好意思,iUI才对,要设计一个iPhone friendly的Web应用程序是多么地容易,开发过程也相当敏捷。如果你喜欢iPhone开发系列的文章,欢迎订阅:

2008年1月5日星期六

什么时候抛弃Live Messenger

最近全面通知QQ上的所有好友,包括群,说明我决定于2008年开始停用QQ或TM,需要继续保持联系的话就加我的Live Messenger或GTalk,无论什么事情,至少可以通过GMail联系我。我期望的是,如果你觉得我们之间的connection不那么重要,就不要来烦我了,我不关心你上线下线这样的琐碎事情,记录下我的GMail吧,没事不要在IM上找我,然而结果却是另一种情况。

在我在QQ上广播暂停使用QQ且给出Live Messenger与GTalk帐号后,一堆人来加我的Live Messenger。因为我在群里面广播了,有些人本来不是好友的,还变成了Live Messenger好友。可能我们在群上根本就没有直接对话过,这样就加进来真不知道说什么好了……我在Live Messenger上也不知道如何给他分类。可能有些人认为,只要有价值的人,也就先加了,避免日后要联系又找不到,然而其实他过去没有任何联系我的理由,将来可能也一直没有。

总之,我现在Live Messenger上面的好友数量暴涨,并且我也从Live Messenger换到Adium上来了,看不到以前的聊天记录了,因此如果我不记得你是谁了,那么请见谅。可能经过一段时间后,我又会选择停用Live Messenger,以过滤掉一批不用联系的人。

2008年1月3日星期四

想买个数位板

最近几天就在fancy这个东西,不知道什么时候才有米去买一个。感觉用笔来画画很爽,况且平时也能用笔操作,鼠标就省掉了,不会因为长期抓鼠标导致健康问题。

2007年12月31日星期一

新年新服务: MVP 播客上线

其实我很早就想做podcast(播客),10月份从三亚回来一直在筹备一个MVP博客,最终在前天完成了第0集(pilot episode)的录制,并将于今天稍晚时候上线。在整个过程中,我需要感谢dudu以及博客园对podcast提供的支持与服务,感谢BeanJeffrey对podcast准备工作与录制的投入。

首先,我介绍一下podcast为什么叫做podcast。过往,我们能够订阅feed,从而好像收取email那样收取网上的信息。例如,我订阅了ABC World New,设置了我的电脑每天早上7:00自动开机并打开feed reader下载feed,那么当我准备好早餐后,我就可以一边享受早餐,一边阅读新闻了,这和传统的喝早茶看早报没什么区别。

然而,ABC World New的新文章,附带了一个新闻视频片段,以龟速的下载速度,我可不能等下载完看完再去上班,因此我希望我的feed reader能够识别视频音频片段并且自动下载。RSS 2.0的<enclosure />标签是第一个出来把问题解决掉的,只要把这一个feed entry相关的文件放到<enclosure />链接内,feed reader就应该懂得自动去下载。之后,我把电脑自动开机时间改为早上5:00,预留两个小时,什么龟速也能把几分钟的视频片段拉下来吧。然后,我还是边喝着早茶(或者咖啡),边看新闻,不过这次不用读文字了,视频里面有人说给我听。

随后,iPod和iTunes又把这个应用提升到了一个全新的层次。如果你使用iTunes订阅新闻,起床后我只需要按一下同步按钮,视频音频都传到iPod上面去了,然后专心吃我的早餐,出门口时记得把iPod从同步底座上拔下来带走就是了。我在地铁或公交上有足够多的时间,把iPod拿出来看看或者听听头条新闻的时间是绝对是有的,甚至还能听听有声电子书。

由于这个功能在iTunes与iPod上就被命名为podcast,而且iPod在美国相当普及,所以大家就都叫podcast了。不过,Microsoft貌似避忌所有pod字开头的东西,以保持和Apple之间的距离,所以就坚持把同样的东西叫做netcast,这样显得中立一些。不过Zune2里面的功能菜单就写着podcast,看来负责整理Zune2菜单字符串资源的人有被炒鱿鱼的危险了……另外,国内有一些名为播客的东西其实不是播客,土豆一开始就给人如此批评了——不支持RSS订阅,也不允许下载,更别说放到iPod上了,这也想带上播客的头衔?

好吧,对podcast的介绍到此结束,稍后MVP博客的第0集将会发布到netcast.cnblogs.com,并且我还会另外发贴详细说明如何订阅podcast。敬请期待!

2007年12月30日星期日

我嘅 2007

(以下的是实验性文章,全文使用Cantonese书写而成,附带Mandarin翻译,请将鼠标移至带有下划线的短语上以查看翻译。)

點解成個博客園都喺度“我2007”,仲要大部分都差唔多……好,我就寫唔同,例如……人脈啦。我要,技術唔係最重要唔係管理,而係人脈。

2007年,個人發展上兩個重要事件,一攞咗微軟MVP,二B家,兩樣都要靠人脈(要多謝人自然非常多)。,第一你要認識人際網絡中充當關鍵節點個人,第二個人要睇得起你。簡單,如果你有能力,無論係技術定係管理,首先你要識得渠道(或者叫中間商),其次要覺得你超值,先有機會賣得出去,而且賣個好價錢。渠道前提下,大家都明白廠家直接向客戶銷售成本有幾高,你一個人能夠聯係買家數量就非常有限

如果一開始,我唔係Dflying同埋Jeffreyblog上評論,佢哋唔會blog,亦就唔會佢哋鼓勵我將文章發到首頁,咁嘅話,可能dudu亦就唔會知道我存在,dudu推薦我去MVP就知從何談起。所以,MVP呢件事一定要多謝Dflying、Jeffrey同埋dudu。當然,仲要多謝所有讀者,特別有留言嗰啲,因爲有留言自然激發思考。

然而,MVP並唔係終點,只係另一個起點。之後,有中國MVP峰會,Bean介紹我唔少微軟同埋其他MVP,先有后嚟一啲合作項目,例如netcast啦。所以,認人有得做,因爲好多係呢度,我要多謝Bean、Jeffrey、dudu,特別dudu,完全講求回報支持我哋做netcast。

另外一件事,就關於賣身㗎嘞,我意思搵工。寫“我2007”入邊多人寫自己今年畢業搵工如何如何,我又可以寫啊。搵實習事就,全職申咗好幾間有噃咁上吓大嘅IT公司,包括BGM,其中B家G家過人做推薦(多謝布丁同埋Junyu)。B家最早offer,所以就賣B家算嘞G家M家申請算“無疾而終”(拒信,hold咗喺唔知邊個環節)。但係,我想唔係點樣賣畀大公司而係推薦有重要

如果人推薦,你簡歷可能石沉大海都話畀你知,而且石沉大海概率仲唔細添但係,有人推薦嘅話,你就清楚流程,其中每個環節對你評價如何都透明一啲你就可以不斷調整自己。推薦人熟悉公司内各個職位差別嘅話,對你選擇職位亦有幫助,好似高考選專業蠱蠱吓唔好啦。(如果你高考嗰時已經識得師兄問清楚專業你可以跳過。)

當然,最重要嘅係推薦你個人真係認爲你值得擁有呢個職位,而唔係應付你。積極幫你,就反映一點,影響推薦效力。唔好以爲幫你ERP或者HR之類系統填落力幫你件事,幫你同你面試官溝通你情況,你成數就越大。如果你搵到個人只係礙于人情而推薦你,根本覺得你將來成爲同事嘅話公司都有好處,你得到好處無非就係免筆試,對促進你公司之間互相了解一啲作用都

免筆試……免筆試又有用呢?其實筆試過後離offer仲有十萬八千里遠。聼講G家美國本來就筆試,只係中國應屆畢業生實在太多就筆一筆,篩一篩。有時甚至筆嘞,咁樣推薦推薦都係一面起步,你希望你優勢更好傳達面試官嘅話除咗面試時候表現要好,就靠推薦人溝通

最後,通過一個故事結束本文。曾經,Mary總係好有激情同人同埋新公司,其中一個聽衆就係Unity Way董事會成員:John Opel。五年之後,John Opel,亦就係IBM董事長,要為IBM機器一個操作系統。邊度?去WashingtonRedmond會見Mary即係Bill Gates。多謝同埋IBM單生意,Bill Gates做首富。如果John Opel從嚟聽講嘅話,IBM絕對唔會派人去Redmond一間當時幾乎Microsoft一樣默默無聞公司。

點樣放電

將件衫,特別係羽絨,剝落嚟,然後隨便搵嚿金屬物掂吓,咁就會放電嘞!喺北京D咁乾燥嘅地方,隨時都有可能無啦啦畀電親,真係抵死。不過我今日要講嘅放電唔係呢种放電……我要講嘅係attractive呢种放電。

要放電,首先要有電壓,亦就係一D你有佢冇嘅嘢。例如話,錢啦。又或者係一D更加虛無嘅嘢,所謂嘅demonstrate higher value就係無中生有搞D咁嘅嘢出嚟嘞。例如,你只係一般醒,但係扮到鬼咁叻鬼咁競,又搞到人哋信以爲真喔,你就搞咗個高電壓出嚟啦,如果人哋又過電,咁就掂晒嘞。

其中最重要嘅就係佢要信,咁先過電,於是你放出嚟嘅嘢就一定要係佢理解能力之内嘅嘢,而且最好係佢明知冇但又無能爲力嘅嘢。最好就係佢好希望自己能夠擁有嘅,咁既然佢得唔到,就當然希望從你身上得到啦。事實就係咁簡單。

2007年12月28日星期五

编写 iPhone Friendly 的 Web 应用程序 (Part 5 - 交互入门)

我们已经研究过XHTML和CSS了,现在开始看看最后一部分,也就是JavaScript,以及它所提供的交互能力。

无AJAX交互

第一种我们要看的交互,是完全不使用JavaScript,这其中一个例子就是GMail。GMail的iPhone版其实就是由普通的GMail移动版修改过来的,界面上更贴近桌面版GMail了,然而交互性并没有怎么提高,每一个点击都对应一次刷新,没有任何AJAX可言。

事实上,不用任何AJAX效果并不会让你的iPhone Web App低人一等,如果有人讥笑你的应用没有引入任何AJAX功能,你可以直接跟他说“GMail也没有”。因此,如果你在开发的过程中决定不把任何时间投入到AJAX相关技术的研究,这是没问题的,确保你的服务器响应速度,并且交互设计得当,那就行了。

以服务器端为中心的AJAX

接下来我们看看另外一些应用,例如之前说到的几个,就拿最简单的AppMarks来说说吧。首先,使用User Agent Switch更改你的Firefox的user-agent属性,伪装为iPhone,然后打开AppMarks,并且打开Firebug。接着点Menu -> Add -> Browse,看到出现AJAX请求了吧?猜猜这个请求是什么类型的,面向内容(传输更新上去的XHTML)、面向脚本(传输进行更新操作的JavaScript)还是面向数据(传输更新相关的JSON)?答案是——面向内容的!

这可是Web App哦,不是一般带有一点点AJAX的网页哦,我们要MVC,我们要“先进”的面向数据,为什么要“落后”的面向内容呢?至今为止,我们能够看到的大部分iPhone Web Apps,都将MVC保留在服务器端了,客户端唯一需要知道的就是内容更新,不存在任何的客户端MVC模型。暂时我还没看到有面向脚本或者面向数据的,如果你见到有应用这样做了,请告诉我。

我们继续说MVC的事情。现在大多应用的设计方式是这样的:每一个应拥有一个view framework,然后每一次点击所作的操作就是切换view。例如刚才说到的AppMarks,从Menu进入Add是一个view切换,不过因为Add这个view的内容是固定的,因此一早就包含在页面里,不用AJAX请求直接加载就行了。另外一种情况,就是好像加载Browse那样,是需要AJAX把view请求过来才能加载的。除了切换view,我们还需要action,例如提交数据就一定需要action的。说到这里,感觉是不是和RoR或者类似框架扯上关系了?事实上,RoR,或者类似框架,确实很适合用来做iPhone Web Apps。

以客户端为中心的AJAX

那么除了RoR,我们还有别的选择吗?我们可以选择使用一些客户端框架来实现类似的效果。这样说吧,类似RoR那样每一个view都是一个模板,但不是rhtml,而是普通的html,没有复杂逻辑,点击连接后不是由RoR引擎调在服务器端用rhtml,而是客户端自己直接拦截了链接点击并用AJAX的方法去请求该html然后更新内容。这样一个框架,可以在Wrox的Professional iPhone and iPod touch Programming : Building Applications for Mobile Safari一书中见到。这本书写着2008年1月出版,但实际上已经出版,并且可以下载源代码。我暂时还没办法买到这本书,但源代码中就包括了这样一个客户端框架。

然而,这种以客户端为中心的做法并没有真正在客户端引入一个MVC,它只是简单地把服务器端的MVC裁减掉了,服务器端只能简单的发送内容或响应提交,因此只适用于比上面的以服务器端为中心的模型更简单的情景。如果你正在编写的应用不涉及大量的提交操作,或者根本就是Web1.0网站,我的意思是,单向传递信息不接受任何用户提交的网站,那么这种轻量级的模型就非常适用了。

小结

在这次的文章里,我们介绍了三种常见的iPhone Web Apps交互方案,没有哪一个是绝对更好或者更坏的,按照你当前开发的应用做出选择吧。将来我们写文章深入探讨其中的一些实现细节,或者是交互模式,但前提是我先完成了几个iPhone Web Apps。欢迎订阅本系列文章:

2007年12月26日星期三

编写 iPhone Friendly 的 Web 应用程序 (Part 4 - CSS)

说到编写CSS,大家的第一反应肯定是——有没有选择性CSS。有!我们可以设计一个CSS,使得只有iPhone上的Safari会采用它,其他浏览器都会无视它,这样我们就可能可以复用现有的XHTML页面代码,仅仅为它们引入新的CSS就能够适用于iPhone,无须重新编写页面。这个选择性CSS链接语句如下:

<link media="only screen and (max-device-width: 480px)" href="small-device.css" type= "text/css" rel="stylesheet" />

Safari是支持media选择的,only screen声明该CSS仅用于屏幕显示(不用于打印),同时Safari还支持max-device-width这样的选项,限定屏幕宽度小于480的设备才采用该样式表,这就把iPhone与桌面浏览器划分开来了。

另一个做法是在服务器端就判断当前浏览器是否是iPhone上的Safari,从而选择返回哪个CSS文件,这可以通过user-agent进行判断,iPhone的如下:

Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543 Safari/419.3

判断了浏览器之后,就可以开始针对Safari编写CSS了。Safari比较爽的一点是对CSS3的支持,设计PC端网页时总是要兼顾那个“后进”的IE,从而避免使用CSS3,或者需要确保IE在无视CSS3规则后仍然正确显示,现在不用为此而头痛啦,只要是Safari支持的就能用,针对一个浏览器设计就是比针对一堆浏览器设计要爽!

CSS3

接下来我们就列举一下Safari支持的CSS3属性吧:

边框

背景

色彩

  • HSL - HSL色彩
  • HSLA - 带Alpha通道的HSL色彩
  • opacity - 透明度
  • RGBA - 带Alpha通道的RGB色彩

文本特效

用户界面

  • -webkit-box-sizing - 可以让盒模型变得基于边框而非内容
  • resize - 让用户可以更改盒的大小(iPhone上不支持)
  • outline - 设置盒的外边框

选择器

Safari支持大部分的CSS3选择器,你可以自己使用桌面端或iPhone上的Safari打开CSS Selectors Test进行测试,桌面端与iPhone上的Safari测试结果是一致的。Safari完全通过测试的CSS3选择器包括:

*, E, .class, #id, E F, E > F, E + F, E[attribute], :link, :visited, :before, ::before, :after, ::after, :first-letter, ::first-letter, :first-line, ::first-line, E - F, :root, :not(), :target, :enabled, :disabled, :checked

其它

  • media - 根据media选择性加载CSS
  • multi-column - 内容分栏支持(iPhone上不支持)

还有一些Safari自己做的CSS扩展没有列举出来。Safari完整的CSS属性支持列表请看这里:Supported CSS Properties

表单

Safari支持对<input />元素比较高自由度的CSS定义,例如这样的:

实现所需的CSS属性上面已经列举了,所以不再详细说明,灵活运用就是了。值得注意的是,某些<input />的默认背景并非纯白色的,而是半透明的,这使得这些元素能够更好地和不同的背景颜色进行颜色混合。为了说明这一点,请先看白色背景下的示例:

然后再看看蓝色背景下的:

小结

CSS相关的话题也说完了,很简单是不是?大部分针对桌面浏览器进行符合Web Standards页面设计的设计师都能轻易掌握这部分内容,然而这只是实现设计的手段,到底如何设计一个界面,在iPhone上才算是拥有高度易用性的,这才是真正的问题。这个问题我们将在以后探讨,至少现在你能够将你自己的设计在iPhone上准确无误的实现出来了,那么我们下一步就进入JavaScript的讨论环节了。

本iPhone Friendly专题的订阅地址如下:

编写 iPhone Friendly 的 Web 应用程序 (Part 3 - XHTML)

在接下来的两篇文章中,我们将探讨iPhone上的Safari所支持的XHTML与CSS,之后才进入JavaScript的讨论。作为一款现代化的浏览器,Safari当然是基于标准的,那就让我们看看Safari支持哪些标准吧:

  • HTML 4.01
  • XHTML 1.0
  • CSS 2.1 以及部分 CSS 3
  • JavaScript (ES3)
  • DOM (Level 2)
  • AJAX (XMLHttpRequest)

熟悉这些标准并且平常也坚持Web Standards实践的朋友估计要笑出来了——就这些吗?我们天天在用啊,还有必要专门写文章来说明吗?事实上,Safari之前作为一款无PC版的浏览器,一直用户数量就不高,因此对它的研究也就不多,然而Safari其实有不少自己的扩展,因此还是很值得研究的。既然我们是针对iPhone设置,其实就是针对Safari设计,无需考虑兼容其它浏览器,这时候为什么不好好利用这些扩展增强自己的应用程序的可用性呢?

好吧,不说废话了,进入Safari对XHTML支持的介绍吧!

链接

iPhone对一下这样一些链接有特殊支持:

邮件

传统的mailto:地址iPhone将能自动使用内含的邮件程序处理,直接进入编写邮件的界面。完整的mailto:格式请参考RFC 2368

电话

iPhone上的Safari会自动对看起来像是电话号码的数字串(包括已经加入连字符或括号格式化过的)添加电话链接,点击之后会询问用户是否想要拨打该号码。如果你不希望开启这个自动识别,可以将它关闭:

<meta name="format-detection" content="telephone=no" />

如果你关闭自动识别后,又希望某些电话号码能够链接到iPhone的拨号功能,那么可以通过这样来声明电话链接:

<a href="tel:13800138000">13800138000</a>

Google Maps

Google Maps的地图链接会自动调用内置的Google Maps客户端软件打开,而非在浏览器内浏览。链接可以是一个地点查询:

<a href="http://maps.google.com/maps?q=cupertino">Cupertino</a>

也可以是一个路线查询:

<a href="http://maps.google.com/maps?daddr=San+Francisco,+CA&saddr=cupertino">Directions</a>

YouTube

如果链接是指向YouTube视频地址的,将会自动调用内置的YouTube客户端打开播放。能够识别的YouTube地址格式为:

http://www.youtube.com/watch?v=<video identifier>

http://www.youtube.com/v/<video identifier>

其中<video identifier>替换为视频的id。

图片

由于用户浏览时有可能使用Wi-Fi,也有可能使用EDGE(GPRS),因此你必须优化你的图片以确保即使是在使用EDGE访问你的网站的用户也能流畅的打开页面。因此你必须优化页面上的图片,尽量减少它们占用的传输带宽。另外Safari本身还对图片有如下的限制:

  • GIF(包括GIF动画)、PNG与TIFF解压后的体积小于2m。意思是,原图的长度乘以宽度再乘以每一个像素的位数,得出来的大小要小于2m。
  • JPEG解压后最大的体积是32m。解压体积大于2m的JPG会被进行二次抽样,最终显示给用户的是二次抽样后的结果。这使得Safari能够显示数码相机直接拍摄出来的照片,但显示时实际上是降低了精度的,以提高程序的执行效率。

为了尽量提高效率,例如你要将100*100的图片显示为10*10,就要在服务器端执行压缩操作,而不要直接用10*10的<img />来引用100*100的原始图片。

表单

text, password, textarea

在设计文本框的时候,必须记住用户点击后会出现软键盘,这时候可视区域就减少了:

另外在文本框中输入时,iPhone提供了自动大写与自动更正两项功能。自动大写的意思是,在输入开始的时候,以及在一个句号并空一个格后,自动会启用shift,输入一个字母后该shift自动消失。自动修正的意思是,iPhone会自动根据词库,包括自带的以及从你过往输入分析而来的,来对你的输入进行自动更正。我们都知道用手指点击那么小一个软键盘很容易误按旁边的键,这时候你可以不用忙于修正,只要iPhone提示的自动修正的词正是你想要的,你就可以按空格然后输入下一个词,iPhone会自动修正前面那个词。

要关闭这两项功能,可以通过autocapitalizeautocorrect这两个选项:

<input type="text" autocapitalize="off" autocorrect="off" />

select

必须留意到的是,iPhone上的<select />以不同的方式显示,以便于用户操作:

upload

iPhone不支持任何的文件上传下载,因此<input type="upload" />总是会显示出来,并且是……disabled的!

多媒体内容

iPhone上支持显示的多媒体内容,除了图片还包括QuickTime音频视频以及PDF。

如果需要创建视频,可以使用QuickTime Pro。如果你正在使用一台MacBook或者iMac,并且已经将QuickTime升级为QuickTime Pro,可以马上就试一试!你需要做的就是打开QuickTime Pro,然后开始录像,(接着请对着镜头傻笑3秒,或者做点别的),最后选择"Export for Web"。其中iPhone格式与iPhone (cellular)格式分别适用于Wi-Fi与EDGE环境,iPhone在播放时会自动根据当前的环境选择适合的流媒体文件进行下载与播放,另外poster是指影片播放之前在页面上显示的那一帧静态图片。导出后文件夹里ReadMe.html说明了如何将这些文件添加到XHTML中。

(事实上,导出结果中QuickTime控件引用的那个mov文件不包含任何视频数据,它只是一个引用,类似我们编程时所说的引用,用于指向真正的视频文件。不过这个引用指向的是多个视频文件,客户端根据当前的状态自动选择正确的视频文件来播放。)

其他琐事

虽然说是琐事,但也必须注意到,这样才能让你的页面更好地受到Safari的支持。这包括:

  • 声明正确的doctype
  • 避免使用frameset
  • 每一个独立的资源文件,HTML、CSS、JavaScript、以及非流媒体的其他多媒体文件,限制在10m之内
  • 顶级入口的JavaScript执行时间限制为5秒,超时将自动终止。
  • JavaScript分配内存上限为10m。
  • 同一时间最多在Safari内打开8个子窗口(同时浏览的页面)。

小结

XHTML部分到这里就讲完了,可以看出iPhone对XHTML的支持与桌面端的Safari是类似的,只是加入了更多扩展功能而已。下一期将开始讲CSS,欢迎订阅:

编写 iPhone Friendly 的 Web 应用程序 (Part 2 - Viewport)

在了解到iPhone的一些常见布局法后,我们就可以开始着手编写一个真正能在iPhone上跑的页面了。小声说一句,之前我说要布局讨论完了,要进入交互逻辑开发,后来细心一想发现不行,有些东西不讲的话将会对布局带来问题,绕过去的话并不怎么优雅,因此继续讲布局。

首先要说的就是viewport,也就是可视区域。对于桌面浏览器,我们都很清楚viewport是什么,就是出去了所有工具栏、状态栏、滚动条等等之后用于看网页的区域,这是真正有效的区域。(无论你屏幕多大,如果你装足够多的toolbar,你的viewport最终也会消失掉。)在桌面浏览器中,viewport的大小是与浏览器窗口大小直接相关的,窗口大了viewport自然就大,同时随着viewport的改变,页面布局可能也跟着变。例如width: 100%的页面宽度就总是和viewport宽度一致。

然而iPhone的Safari不是这样理解viewport的,它基于viewport呈现页面,然后用户缩放页面后viewport保持不变,仅仅是页面内容按比例缩放了。举个例子,在不设置viewport的情况下,默认viewport为宽度980(单位是像素),这时候页面的呈现出来的布局和在桌面短viewport宽度为980时呈现的结果一致,然而因为iPhone屏幕宽度为320,因此按比例缩小了。因此,一张宽度为320的图片,在默认viewport下会这样显示:

可以看到,图片按比例缩小了,这对于传统Web页面直接在iPhone上面显示来说是很好的事情,因为如果传统Web页面在980宽度的桌面浏览器viewport中显示正常的话,iPhone上显示也绝对正常。然而这对于Web应用程序来说则不是好事,因为我们需要按照980宽度来设计将来会以320宽度显示的页面,一个应该显示为320*80的元素,必须设计为980*245,这多麻烦!

因此我们需要改变viewport,让它变成这样:

实际上应该怎么做呢?我们有几个选择,因此先让我们看看到底我们能够设置哪些属性吧。我们可以操作的属性有4个:

  • width - viewport的宽度
  • height - viewport的高度
  • initial-scale - 初始的缩放比例
  • minimum-scale - 允许用户缩放到的最小比例
  • maximum-scale - 允许用户缩放到的最大比例
  • user-scalable - 用户是否可以手动缩放

这6个属性,我们可以设置其中的一个或者多个,iPhone会根据你设置的属性自动推算其他属性值,而非直接采用默认值。这点很重要,在完全不设置的时候有默认viewport,在你设置一个属性后其它值是自动推算出来的,不再是默认的。

如果你把initial-scale=1,那么widthheight在竖屏时自动为320*356(不是320*480因为地址栏等都占据空间),横屏时自动为480*208。

类似地,如果你仅仅设置了width,就会自动推算出initial-scale以及height。例如你设置了width=320,竖屏时initial-scale就是1,横屏时则变成1.5了。

那么到底这些设置如何让Safari知道?其实很简单,就一个meta,形如:

<meta id="viewport" name="viewport" content="width=320; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>

在设置了initial-scale=1之后,我们终于可以以1:1的比例进行页面设计了。下一步我们就可以正式进入页面布局的细节设计了,如果你想继续关注iPhone开发话题的话,欢迎订阅:

2007年12月23日星期日

编写 iPhone Friendly 的 Web 应用程序 (Part 1 - 布局入门)

用过iPhone的朋友应该知道,iPhone上面的一些应用程序是能够随机器转动自动适应的,也就是说竖着拿的时候就竖着显示,横着拿的话就横着显示,iPhone中至关重要的Safari浏览器当然也支持这一点了,因此我们考虑设计iPhone friendly的应用程序时,首先要考虑兼容这种情况,不能把页面定死在一个宽度上。且慢,我们不是说设计自己的应用程序吗?这和内置的Safari有何关系?iPhone被设计为不允许安装任何第三方应用程序(破解不在讨论范围之内),一切第三方应用程序必须以Web的形式来跑,小到一个国际象棋的游戏也如此,因此我们现在说的应用程序就是指Web,但是与传统意义上以提供信息为核心的Web又不同,我们所说的是以提供交互操作为主的应用。

好吧,在我们正是进入布局的讨论之前,先来赏析一下已有的iPhone应用:

Facebook iPhone Edition

Facebook的iPhone版。如果你已经习惯了在iPhone上使用过Facebook,第一次在PC上浏览这个页面会被它的“肥大”吓坏的。从这个页面我们能够得知,让页面自动适应iPhone屏幕的方法就是尽量使用百分比来定义宽度,特别是全页宽度一律用100%,如果是导航栏里面4个项目并排的就每个25%。

AppMarks

AppMarks可以说是一个应用程序的书签,当然也有人把它作为Safari的首页,那就相当于桌面了,因为你收藏的应用程序就在这个页面直接显示,以大图标的方式。AppMarks以前是可以直接在PC上浏览的,现在已经自动将非iPhone的请求重定向到介绍页了,不过这里有一个AppMarks Demo能在PC上看看。我们能够看得到图片是4个一行地排列的,共12个,然而横屏会怎样了?当然是变成6个一行,仍然能够在一屏内显示完,并且不会有不满行的图标。其实这是一个很tricky的做法,12是4和6的公倍数,因此虽然竖屏和横屏的显示方式不一样,但你不会觉得有什么缺陷。

Newsgator Mobile iPhone Edition

终于有一个ASP.NET写的iPhone应用了,其实和上面的Facebook看起来差不多,同样采用了宽度为100%的做法,同时页面上的元素要么向左对齐要么向右对齐。这听起来很废话,其实意思是,中间尽管留空,不要想把整个宽度为100%的块区都利用起来,说明性文字可以放左边,操作及视觉反馈放右边,这样无论屏幕怎么旋转都好看。如果中间塞满了内容,只会让Safari进行比例缩放操作,把页面整个缩小,这其实是不利于操作的。

GMail

这不是普通的GMail吗?怎样才能看到iPhone版?这就需要通过修改user-agent属性欺骗它了。iPhone上的Safari所用的user-agent如下所示:

Mozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1A543a Safari/419.3

使用Firefox的User Agent Switcher修改一下user-agent就行了,然后你就能看到iPhone上看到的GMail了。仍然和上面的网站一样,可点击区域是一大个宽度为100%的块区。

小结

实际上,设计iPhone friendly的界面,在CSS的层面上来说一点也不难,甚至可以说是非常简单,因为基本上就是宽度为100%的块区,少数时候要用到按百分比划分的块区,但实际上我们也应该避免这种情况。为什么呢?别忘记了,iPhone的用户是没有鼠标的,他们必须通过手指来操作页面上的一切,因此可点击区域必须尽量大。

既然他们看不到鼠标指针,你也就不用考虑可点击区域必须是链接或者cursor: pointer,因为用户无法通过鼠标指针的改变来判断一个区域是否能点击。然而这同时也就引入了另一个问题,如何让用户了解一个区域能否点击呢?这时候你必须给出明确的视觉暗示,例如看起来是链接的文本,蓝色的文本有无下划线通常都挺诱惑人去点,这方面Facebook是一个例子。另一种做法是让界面看起来是菜单式的,好像AppsMarker和Newsgator那样,菜单右侧的符号让人挺熟悉不是吗?只要我点击这个菜单项,就会展开下一级菜单。最后一种做法就是基于用户已经熟悉的独创暗示来提示用户,习惯使用GMail的用户一看到邮件标题那个大大的蓝色区域,就知道点击是打开邮件,这是不需要任何指引的,最坏的情况下,用户不知道点击什么还是会点击邮件标题,之后他也就会用了。

到此为止,就已经把设计iPhone friendly应用界面的一些布局因素解释清楚了,我们下一步就要进入交互的环节,让我们的应用程序真正执行起来,并且是在客户端JavaScript环境中执行起来。如果你想继续关注本话题的话,欢迎订阅:

网络使用时间积累可能导致时空感扰乱

有时候会回想,到底大学三年干了什么呢,然后发现好像很难想起来,特别是后面那年。原因?我认为和花了多少时间对着电脑有关。

如果你每天有很多时间接触人,那么你的印象会很清晰,今天见到了这个人,昨天见到了那个人,之间的交互都是明确不同的。然而在线挂着就不同了,每天的东西看起来是很有建设性的,读feed增加资讯积累,写代码提高纯熟度,然而因为每天的动作都差不多,时空感很快就开始衰退。到底这件事是发生在昨天还是前天呢?我们是上个周末见面的还是再上一个周末呢?

我正在尝试观察这种现象,看看身边的人,特别是那些严重依赖于网络而且平时生活没什么特别的人,是不是很容易产生时空扰乱。同时我也尽量避免自己陷入这种问题当中,尽量确保自己每一天都是唯一的一天,通过特殊的事件作一个唯一的标记,这样我才能清晰记住某一个事件到底发生在哪天。

如果你对这个问题有所体会,或者有什么见解,欢迎留言。

2007年12月17日星期一

Apple 的帮助比 Microsoft 的要好多了

作为一个MacBook新手,当然很多操作都很不习惯,总是想用Windows平台的做法去完成一些任务,然而却发现做不到。最简单的,如何为一组mp3设置album photo呢?我尝试选中它们,但是直接在播放时设置album photo仅仅设置了当前播放拿首。然后我就查看帮助了,原来要打开info来改,这样才能实现批量修改。

总体感觉而言,Apple的帮助要比Microsoft的准确而且使用得多,当我想要做某个操作时,我总能找到有效的帮助,并且帮助上的信息也是确实可操作的,不会操作到一半发现有问题卡住了。从这点上看来,还是Apple的东西可用性比较好。

2007年12月15日星期六

iPhone + MacBook

终于把iPhone拿到手了,也就终于有设备能够和我的iTunes同步了,podcast才实现了其真正意义——自动下载,自动同步,无需人手干预。另外,iPhone的照片也都发到Facebook了,想看的可以过去看看。

使用了一个星期的MacBook之后,慢慢开始习惯了,反正现在不就是Web平台的时代嘛,什么东西不能在Firefox里面解决?OS上缺少什么软件也无需太在乎,有Web就好。

其实同时使用MacBook与PC最大的问题就是快捷键不适应,整天会想在PC上按command键,然后才发现在手上的是PC。然后用了几个小时的PC之后,再换回MacBook,同样的问题又出现了,又要重新习惯MacBook的键盘。

有一点比较怪异的就是,MacBook对我的移动硬盘还是不太“适应”,不知道是不是Spotlight索引的时候要锁住硬盘,反正硬盘刚刚插进去会自动卸载,然后又再加载。

最后要说的就是,好像我最近发blog都是那么短的,完全没有什么深度的,应该发到Twitter的那种类型。事实上,最近实在太忙了,除了公司的工作以及翻译的工作,还要忙于玩MacBook和iPhone呢,没时间去思考什么了,咔咔。

2007年12月9日星期日

使用 fluid layout 时记得设置 min-width

希望aw不介意我拿他的blog来做例子,因为第一次想到这个问题是我在手机上看aw的blog时碰到的。我的手机屏幕小,然而Opera Mini运行在完整视图时会以贴近Opera PC的形式处理CSS,因此fluid layout的多个列不会自顶向下顺序显示,而会保持原来并排的布局,同时因为fluid layout没有强制width,因此Opera Mini就会使用手机浏览器的宽度来显示整个页面,可想而知原本一个列会被压缩到多么的窄。

因此,使用fluid layout时,要加上min-width属性,加在哪个具体元素上看具体情况而言,但是凡是你不希望被缩得太窄的列,你都应该加上min-width属性。这时候,Opera Mini会发现无法压缩页面宽度,就只能显示横向滚动了,不过这看起来至少会好一些。

2007年12月8日星期六

MacBook 到手了!

梦寐以求的MacBook终于到手了,并且已经装上了最新的Leopard。因为是托熟人到香港买的(总害怕自己带过关会有问题),因此所谓的“第一次开机”已经看不到了,语言也选好是简体中文了。对于我这样有洁癖的人来说,哈哈……第一件事当然是重装,并且最近什么都装英文版,因此干脆装英文版好了,反正Mac OS的多语言支持是与系统界面语言无关的。

界面真的很漂亮,可惜看了说明书也不知道怎么用……我的意思是无法好像Windows那样灵活使用起来。什么文件要怎么用,都不知道,只能自己慢慢摸索。我在写这篇帖子的时候,机器还处于漫长的Mac OS安装过程中,因此也没什么好说的。

至今为止,我小小的一个办公格子中,就已经有三台PC了,真是有点点壮观,于是立即拿DC拍了下来,传到Facebook作为留念。如果大家想和我交流MacBook使用经验,那是绝对欢迎的事情。

2007年12月7日星期五

Facebook 真正的重点在于 News Feed

其实我一直就觉得Facebook的news feed做得很不错,但是又说不出有什么特别。直到有一天,Jeffrey Zhao问我如果要实现一个Facebook的news feed我会怎么做,我才开始认真思考这个问题。这个news feed说起来就像是Google的搜索结果排名一样,你不可能用一些简单的规律来描述,但是你总能得到有用的信息。

首先,Facebook的news feed可以说是各好友的mini feed的聚合,但这又不是简单的聚合,否则就变成毫无意义的flooding了。暂时而言,我只能看出这种聚合反应的是一种趋势(trend)。例如有一天我看到我有六位好友换头像了,显然不可能一天之内发生这样的事情,只能说几天的时间里好友更换头像的事情聚合为一条新闻了。几天之后,这条新闻不但没有消失掉,还变成了八位好友更换头像的新闻了,最后变成了九位,前后总计在我的news feed上停留了一个星期。

虽然对我而言,更换头像就算是一个trend也没什么意义,我不会去跟风换个头像,更不会消费什么。然而有些trend是能够带来消费的,这时候把trend聚合出来,就能吸引更多同类消费了。例如现在比较成功的apps吧,如果有若干同好的好友用了同一个app,那么我就会比较好奇那个app是干什么的了。因此,将来如果Facebook有了更多涉及资金流的apps,news feed将推动好友之间的资金一同流动。

最后,预测一下技术的发展,所谓的PeopleRank估计已经有不少网站在研究了,其实大家都想知道如何去评估一个人的价值量,或者说以这个人为核心的信息的价值量,只是怎样才算是成功的算法,还有待验证。

2007年11月30日星期五

SNS 的世界会变平吗?

我们都听说过“世界是平的”这一说法,全球化无所不及也难以抵挡,那么在SNS上又如何?

今晚去北航听了王兴关于创业与SNS的讲座了,他提到的一个说法就是“仿生”。不是真正的仿生物,而是在线服务一般都仿照一个现实中存在的服务来做的,例如新闻门户是仿报业集团,购物网站是仿超市,C2C网站是仿跳蚤市场……他说SNS就是仿城市,一个城市里面,什么服务都有,上面的都包括了。

那么既然你已经看到城市这一步了,我就肯定要想知道下一步是什么。其实这个发展过程很像人类部落发展到大城市的过程,一开始有一些人定居,有贸易,由公共服务,就成为小部落了,然后再慢慢发展到大城市。至于API逐步开放的过程,王兴说的和我想的也差不多,开头是计划经济社会,城市里面所有服务都是官方提供的,然后逐步开始私有化,最后变成第三方竞争的提供服务。

那么到底现代城市建成之后,下一步如何呢?那就是城市之间的互联互通,以及建立新城市的成本会降低。互联互通方面,我觉得OpenSocial API可以说是潜在的UPS,全球化的物流枢纽。以往你在一个城市里住,就接受它的一切了,服务和文化之类的,没得选择,就好像我跑来北京实习就必须接受它的一些现状。然而客运与物流能力的提升,肯定能够消除这些限制的,让你不再需要考虑这个城市有什么,只要一件物品存在于物流网络中,你就能够要到它。

在这里必须强调OpenSocial API与SNS单方面开放API的差别。单方面开放API只是说明外部商业可以进入,然而OpenSocial API为连锁商业提供了标准,一个标准之下能够在多个城市提供服务。

与此同时,Ning这样的平台为建立新城市或者说新城区提供了便利。既然UPS已经能够使得城市间无缝连接,那么住哪里不一样?不一样的其实也就是与谁一起住,除此之外也没什么需要选择的了。天时、地利、人和,暂时而言,成功的SNS得到的是人和,这是一个完全的人为因素,然而完全不受人控制的天时,以及只能局部选择的地利,对于SNS来说又是什么呢?这可能将会成为决定人们定居的真正选择因素。

2007年11月27日星期二

转会咯,从广州转北京咯!

我说的是从广州.NET俱乐部转到北京.NET俱乐部,哈哈。今天一早的飞机抵达北京,明天入职开始在百度为期三个月的实习。非常幸运的是,11月刚刚参加完广州俱乐部的活动,到了北京后就马上碰上了12月的北京俱乐部的Visual Studio2008 & Windows Server2008 交流会。如果你是北京俱乐部的成员,或者好像我这样“碰巧”有机会参加这次活动,那么到时候见咯。

2007年11月25日星期日

网络游戏:强迫不同玩家按同一个方式玩游戏

我不玩MMORPG,最近唯一沉迷于地Web Game是Travian。玩了半年的Travian之后,开始对网络游戏所谓的反作弊措施有了个感觉,那就是强迫不同的玩家按同一种方式玩游戏,以示所谓的“公平”。

为什么有这种感觉呢?这要从大陆Travian禁用GreaseMonkey说起。我之前虽然听说过有脚本可以增强游戏的UX体验,甚至提供众多自动化支持,然而却没有用过。事实上,一个GreaseMonkey脚本能做什么?就是自动化访问网页,自动化抽取信息并进行分析,仅此而已啊。真正的作用?就是原本你可以通过大量手工操作,打开大量页面或者需要人手计算的工作,变成它帮你做了,直接把结果显示在页面上了。

为什么这是不允许的?因为网络游戏就是要追求一种公平性,而且Web Game还特别强调这一点。总之,你有任何聪明才智都不能用于制作自动化工具,必须手动完成所有工作,这就是我所说的强制性了。

事实上,不同的玩家希望以不同的方式进行游戏,这是很正常的。暂时我们先把游戏当作纯粹的娱乐方式,不涉及任何现实世界的商品交易或者其他利益得失,那么玩家对于娱乐的个性选择就应该是被允许的,然而这种个性现在被限制了。然而这种个性在单机游戏中确是完全开放的,例如NFS:Pro Street提供了三种难度,从全套辅助系统的Casual,到完全手动操作无辅助的King,以及两者中间的Racer,这使得几乎任何层次的玩家都能从NFS找到合适自己的玩法(比King还骨灰或者比Casual还弱的除外)。

暂时而言,网络游戏提供这种个性化选择的唯一方法就是分服务器,这台服务器是这种配置的,那台服务器是那种配置的,然而服务器之间是不能够沟通的,你也不能中途转服务器(除非一切重新开始)。单机游戏的话则无所谓,中间随时可以更改个性化配置,而且有些游戏对于拟真度的选项还超多,如果把这些选项组合都用独立服务器列举出来的话恐怕是绝不可能的。

总而言之,至今为止网络游戏还无法解决玩家对这种娱乐形式的个性化定制需求的问题。如果这个问题能够被解决,将可能挖掘更多的潜在玩家客户加入到网络游戏当中。

2007年11月24日星期六

TOEFL 成绩出来了

28+29+20+25=102,裸考的。不知道“裸考”是否是一个广泛被接受的说法,意思是完全不准备就去考试了。

显然,我曾经有半年的时间可以去准备TOEFL考试,但是我没有采取认识常规的复习方式,拖到考前几个星期,觉得压力太大了,干脆选择不复习了,祈求有80分就不管了。结果看起来还不错,口语异常低也算是预料之中的了,因为确实不知道能够如何提升,我说的是提升真正的口语能力,不是用pattern去应付考试中特定的题目。

我所谓的准备,就是保持着用英文思考,保持这种英文跟别人聊天,但事实上没有一个partner是真正的native speaker,所以效果只能说是保持,不能说是提高。有机会还是要找人keep住练,这样才能在将来的考试中做得更好。

2007年11月20日星期二

从 Adobe SHARE 说到 Silverlight 的 XPS 支持

在很久很久以前,我们仅仅知道Flash能够做一些JavaScript做不到或者做不好的交互,特别是复杂度高的交互,除此之外也没有什么理由使用Flash了。后来Flash加上了视频支持,却一直不受重视。然而突然有一天YouTube就出现了,人们才发现这项支持的真正价值,并且纷纷效仿。再后来,Flash还加入了对PDF文档的支持,这项技术最近已经被Adobe成功利用于开发Web2.0站点了,那就是Adobe SHARE

在Silverlight发布的时候,大多数Flash拥有的功能Silverlight都做到了(嵌入字体除外),当然也包括上述的视频与文档支持。只不过,视频支持变成了WMV,因此也就直接支持DRM了,而文档支持则变成了XPS。这个XPS支持能做什么?我们还是先来看看Adobe SHARE的示例文档吧,这个文档其实就是一个PDF,然而你无需安装任何客户端的PDF阅读软件,也不需要为浏览器加装任何PDF插件,就能够直接在浏览器中以Flash的形式阅读。

考虑一下,以往Sharepoint里面的文档要在浏览器中直接以只读方式打开阅读,可以转换为HTML版本再显示,Sharepoint内置了这一功能,然而这转换肯定会存在一定的失真。现在可以考虑转换为XPS了,然后使用Silverlight作为阅读器就可以了,和HTML版本一样不需要客户端安装有Office,然而用户体验却比HTML版本好多了,基本上不会失真。这XPS支持真的能做到吗?能。而且已经有人做了一个小小的演示,证明可以在web上面实现XPS Reader,请看:Simple Silverlight XPS Viewer

其实这次说到Silverlight的XPS支持这样一个“偏门”的话题,只是想说明很多RIA技术已出现,却暂时没有适合的应用场景,或者说官方给出的一些适用场景你觉得太狭隘了对你没有一点儿价值。举个例子,例如HD视频的支持,你可能会想这高清以现在的带宽谁享受得了,最多就是Microsoft和20st Century Fox合作搞个演示网站而已。实际上,我们真正需要的是一种创意,去想象如何使用这些还没有多少人使用过的技术去挖掘潜在的市场价值,正因为这些技术还没有多少人使用过,你一旦深挖就已经是专家了,你的领先地位就稳固了。

最后,大家发挥想象力想一想Silverlight现有的功能还能应用到什么有意义的场景中去吧,有想法的朋友可以直接在评论中留言哦。

2007年11月19日星期一

Silverlight 与 WPF 的一些差异

首先,这两者使用的namespace是不同的,不要以为都是<Canvas />作为根元素那就是同一个类,其实从XML语义的角度来说不同namespace的同名节点代表着不同类别的实体。Silverlight的默认namespace是http://schemas.microsoft.com/client/2007,而WPF的默认namespace则是http://schemas.microsoft.com/winfx/2006/xaml/presentation。有趣的是,WPF是不兼容Silverlight文档的,也就是说一个具备Silverlight namespace的文档用WPF方式直接打开XAML的话就会立即抛出异常,然而反过来做则是可以的。如果在Silverlight调用的XAML中使用WPF或Silverlight以外的namespace,则会抛出异常,这说明了Silverlight不是没做namespace检查,而是刻意兼容WPF文档的。

其次,这种兼容并不意味着完全一致的呈现方式,其实两者对于同样的XAML在呈现上是会有略微差别的。我现在发现的一个细微差异是关于StrokeThickness的“溢出”效果的。首先说说Rectangle吧,假设一个长宽都是100的Rectangle,而它的StrokeThickness从0向50增长,那么你可以看到其边框的变化是从无到有,从最细到完全填充整个矩形,在这个过程中边框的延伸都是向矩形内部方向的,没有对外溢出。然而如果StrokeThickness超过50继续增长呢?这时候WPF与Silverlight的表现就有所不同了,WPF表现为与StrokeThickness等于50时一致,没有任何变化;Silverlight表现为矩形的长宽自动扩大为StrokeThickness的两倍,以确保相对的两条边框是不会互相重叠的,因此矩形不断向外“溢出”。注意“溢出”是以矩形的中点为变换(Transform)中点(Center Point)的,也就是说向上下左右四个方向等距离延伸。

我们再来看看Ellipse,同样先创建一个长轴和短轴都是100的Ellipse,然后开始增加StrokeThickness,直到超过50。Silverlight的表现和之前的Rectangle一样,那就是向外“溢出”,不过变换中点变成了左上角,扩展后的圆形向右下延伸了。WPF则更奇怪一些,同样的“溢出”问题,不过根据原来100*100的区域进行了类似Clip(剪裁)的效果。也就是说,如果StrokeThickness为200,那么这时候圆的直径为200,然而因为Ellipse的长宽都设置为100,因此就剪裁出左上角100*100的区域,你只能看到左上角的1/4圆。

看到Ellipse的效果后,我们可以反过来解释Rectangle的,其实WPF中的Rectangle不是不“溢出”,而是“溢出”后经过剪裁就和没有“溢出”一样。我们发现了的Silverlight与WPF差异,也就在于“溢出”后是否对区域进行剪裁。

这时候使用Expression Design做设计的朋友就要注意了,因为Expression Design导出的XAML无论选择WPF还是Silverlight,其namespace都是WPF的,虽然都能正常打开,但在Silverlight中看到的效果可能就与你想要的效果有所差别。

最后,有兴趣关注Silverlight的朋友,欢迎订阅我的blog:

2007年11月18日星期日

Google Maps for Mobile

今天在Read/WriteWeb看到5 Essential Mobile Web Apps,这是根据上次Tell Us Your Favorite Mobile Web App!评选出来的,里面有Google Maps for Mobile,而且从界面看起来像是很轻量级的Java版。刚开始仅仅知道这东西有BlackBerry版,后来在Palm上通过wifi用过Java版,而且好像还不支持代理必须二进制数据流直接连接,因此从来没有想过在手机上用。我的手机仅仅开了cmwap,只能经过HTTP网关(其实就是HTTP代理)访问Internet,不支持直接的二进制数据流。现在又看到它的名字了,自然要去下载一个到手机再试试,结果发现可以用了!

开头我去英文网站(.com)下载了个英文版,发现在中国没什么值得看的,因为仅仅提供公路图不提供鸟瞰图。后来想起中国的地理数据是不允许“出口”的,因此Google Maps本身就与中国版本的Google地图脱离开来了,随之去中文网站(.cn)下载了个中文版。中文版的功能当然和Google地图一样啦,另外Google地图做了的mashup(例如搜索结果中的餐厅能看到dianping.com上的信息)也在移动版上体现出来了,因此真的很好用。暂时而言,我觉得这东西用于出行时随身寻找餐厅还是很有意义的。

2007年11月15日星期四

现在的游戏体积越来越庞大了!

一个20G的分区,装两个游戏(连带资料片)就装不下第三个了,什么道理。游戏载体都从CD变成DVD,从D5变成D9了,动不动就占用硬盘6G到9G的空间。看来以后玩游戏,还是要有个相当大的游戏分区哦。

2007年11月12日星期一

我希望 IM 能够自动清理好友

我们都知道,有些关系是长期的,有些关系是短期的,然而IM上面添加了的人就是长期的,这是很不与时俱进的一件事情。

两个人之间的关系是随着时间发生变化的。有些人我开始并不太信任,我会希望放在一个次一级的区域,例如他看不到我是否上线,除非我主动联系他,他也不能看到我其他联系方式,然或随着合作的增加而把这个人放进普通朋友一栏。有些人则是因为一次两次的合作而添加了,之后再没什么来往,我对于他是否上线不感兴趣,这没必要每次都提醒我,我希望若干时间不联系后IM能够自动把他给“存档”了,仅在日后搜索结果中出现。

IM不好的地方,在于强迫你对所有好友一视同仁。而现实中当然不是这样的,你对某些人更关注一些,而对另外一些人不太关注,最后你还希望没有人知道上述区别,好像他们每一个都是你心目中的VIP。IM作为一种工具,应该帮助我们做到这一点,而不是让我们自己通过work around去解决这个问题,例如使用多个IM加不同类型的人之类的。

2007年11月8日星期四

ActionScript3 与 JavaScript 的对比在哪?

最近在看《Flash ActionScript 3 殿堂之路》,觉得作者还是非常专业和非常用心的。

说作者专业,因为这本书的作者不仅仅能够在书中指出没有程序设计经验(特别是没有OO经验)的新手应该注意的事项,还能指出一些ActionScript3与Java以及C#的区别,以便于Java或C#程序员更高效的利用这本书。因为对于从Java或C#迁移过来的程序员而言,他们有丰富的OO经验,需要学习的仅仅是语言之间的差异以及新的框架与库。

不过我想说的是,为什么没有ActionScript3与JavaScript的对比呢?它们都是ECMAScript,都为前端开发人员所用,一个是Flash/Flex方向,另外一个是Ajax方向。就我个人而言,我有相当的C#与JavaScript经验,然而ActionScript3与JavaScript更相似,我当然是希望拿JavaScript作对比的。ActionScript3与C#作对比只能停留在一个比较表面的层次,要说到关联数组、函数对象这些只有JavaScript才能作对比,C#根本没这些概念。

另外书中关于ActionScript3与Java以及C#的对比,也停留在很表面的编码方式的对比上。作者很强调这本书是“面向原因(why-oriented)”的,因此在ActionScript3的教学方面更倾向于揭示本质而非介绍编码方式。然而我并不确认这是因为作者对Java以及C#的认识仅仅在于编码方式的层面,还是他认为揭示Java以及C#本质与ActionScript3本质的差异就扯得太远了,反正这本书缺乏这方面的内容。

我举一个例子,书中讲到ActionScript3的基本数据类型是immutable的,因此虽然还是以引用方式存在,但是一旦要改变其值就不是在原对象上作改变,而是新建一个对象保存新的值然后把引用指到新的对象。书中的对比并没有提到C#中的string其实也是immutable的,事实上任何一个对.NET CLR本质有一定了解的人都知道string是通过immutable来模拟值类型特性的,这是和ActionScript3的做法比较类似的。更深入的知识,例如ActionScript3是否也像Java或C#那样子使用拘留池(intern)来为字符串对比提供便利,这书里面好像也没说到(全书我还没看完)。例如((new String("abc")) == (new String("abc")))的结果是true还是false呢?这就涉及到拘留池的问题了。

说作者用心,是因为这本“面向原因”的书确实为所谓的“语言迷”(就是很喜欢研究语言风格以及底层实现的人)提供了深入学习ActionScript3的途径,同时还顾及了其他各种读者群体,例如完全的编程新手,或者是从其它OOP语言迁移过来的程序员。

说实在的,我觉得这样一本书对于语言迷而言更有善一些,因为我一翻开书就能够确定“嗯,这个作者很pro,至少他是懂很多东西才来写书的,不像某些国产书那样作者完全是不懂装懂的”,然后我会确定我想要读这本书。对于新手而言,可能还是“案例导向(case-driven)”的方式更好一些。因为我自己也时常考虑写书的事情,想着如何将自己的经验浓缩为case study,然后发现这并不是一件简单的事情,因此挺佩服国外那些“案例导向”的书的作者的,特别是Manning的In Action系列的书。

事实上,虽然作者写了新手可以跳过某某章节,然而对于如饥似渴的读者而言,又怎么可能随便忽视掉书上的知识。不过确实有看不懂,那怎么办?那就比较容易让人有挫折感(frustrated),这就不太好了。“案例导向”的好处就是,即使读者基础不好,他跟着case一步一步做下去,或发现case的应用程序的功能逐步完善,这样就有成就感了。就算他连打字都会打错吧,但他总能够直接打开源代码查看两个version之间的差异吧,一看就发现果然如书上所说稍微用一点新技术新version上的功能确实就比旧version的要好了,这样他就信服了。

无论如何,这本书都算是一本高质量的国产书,也算是国内第一本深入讲解ActionScript3的书籍,因此我很乐意在豆瓣上给它五星。如果将来翻译为英文版发布,我也会去Amazon写review给它个五星,哈哈。

P.S.大家还可以参考一下aw对此书的书评

Recruiting Events: Baidu (Part 4)

所有Recruiting Events系列文章由Cat Chen记录并发表于http://Chinese.CatChen.biz,目的不是公布招聘有关的题目或技巧,仅用于个人知识归纳以及经验总结,如需转载请保留出处。

布丁告诉我,Baidu是没有专门的HR面的,不过三面看起来有点像是HR面。面试的mm问了我很多很细节性的问题,例如有没有给人提过建议、最近团队合作解决的一个问题、难相处的人等等。这些问题都不与特定的技术相关,虽然有些问题回答时可能要撤上技术解释,而且看起来是以早准备好问题列表的,因此说像是HR面。

我的自然感觉还好吧,那么多个问题下来几乎说了一个钟,比Tencent的那个HR面长多了。我觉得这次的问题都比较好答,没有什么是不希望告诉她的,因此也就不存在说多了的情况吧。至于什么时候有结果,布丁说他也不知道,不过他说Baidu一般就是两次或三次面试。

2007年11月6日星期二

Facebook 与 hang out

之前曾经在一个用英文编写的中国web2.0观察blog上看到一个观点,解释为什么国内没有出现Facebook现象,也就是一个大的social network聚拢了绝大多数用户。它的解释是,Facebook提供的服务其实在线hang out,它真正入侵了的市场是传统的hang out场所(例如pub),总而言之,这算是一种娱乐服务。基于美国的Internet一直围绕着信息与商务发展这一特性,Myspace和Facebook跳出来提供娱乐服务自然能够抢占到相当的市场份额。然而中国的Internet一直在信息与商务服务方面发展得不怎么样,反而娱乐服务是过度供应了,因此无论你推出怎样一种全新体验的娱乐服务,都不可能在娱乐服务的整体市场中抢去大份额。

实际上说到hang out,就必须提及我之前听说过的一个理论,也就是大学生为什么那么喜欢玩Counter Strike,原因当然是这也算一种hang out的方式。不过这是几年前的理论了,现在玩CS的人应该没那么多了。校内网成为一个hang out新去处,却做不到Facebook现象,不过应该比之前的CS要好——毕竟大多数女生愿意上校内网但不会玩CS。

那么为什么比Facebook更具备social功能的LinkedIn以及比CS更具备联机游戏能力的Battle.NET不能成为大众hang out的选择呢?因为这两者的目的性都太强了,而hang out就是一群朋友聚在一起,享受那种什么也不做的感觉。如果目的性很强地去做一件事,那就变成teamwork了。为此可以再举一个例子,就是麻将和桥牌,一种可以作为hang out活动而另一种不可以。也曾经有人对麻将有种解释,说中国人之所以喜欢玩,是因为容易上手,再没有经验的玩家也可能碰到牛屎运,再配合我之前所说的“赢就是最大的兴趣”的理论,麻将当然受欢迎。桥牌则正好相反,必须专业学习,你的赢面才大,自然玩的人就少。

最后,我们需要观望的就是下一轮的hang out服务将会是什么样的。可能不再依赖于social network了,但总之那必然是一样很休闲的活动,谁都能体会到其中乐趣的。

2007年11月5日星期一

Recruiting Events: Baidu (Part 1, 2, and 3)

所有Recruiting Events系列文章由Cat Chen记录并发表于http://Chinese.CatChen.biz,目的不是公布招聘有关的题目或技巧,仅用于个人知识归纳以及经验总结,如需转载请保留出处。

今晚参加了Baidu的宣讲会,不过没有参加笔试,这篇文章算是一次性总结一下之间应聘Baidu的经验。首先当然要感谢布丁的内部推荐,让我在广州宣讲兼笔试前一个月就开始了Web开发软件工程师职位的电话面试。

第一次面试比较轻松,虽然也提到一些技术,不过就我个人感觉而言,还是吹水成分比较大。我觉得说说自己的项目这样的话题,都算是吹水吧,反正我是确实有经验和体会的东西。然后很少一点点JavaScript与CSS相关的细节,仅此而已。当然说完后,他说这算是了解一下情况,之后会再有面试,让我觉得这好像就是第零次面试。不过讨论的氛围确实也很轻松,就真的是了解情况那样,我也问了一下有没有可能去北京面试,他说需要在部门内问一下是否能如此安排。

第二次面试是在上个星期,还是电话面试,这次还是从做过的项目开始讨论,不过深入了不少,另外也问了我两道往年的笔试题。其中有一些地方答不上来吧,例如说到JavaScript中如何统计一个字符串中的字符频率,我想到得最好的办法就是把它打散为数组,然后排序,然后看每个字符连续的个数,那就是频率了。另外一个想法是,读取字符串的首个字符,用replace把这个字符串中的这个字符全删掉,看看字符串缩短了多少,这也就是频率了,重复此操作直到字符串清空。我觉得理论上时间复杂度最低的算法,也必须把每一个字符都扫过一次,也就是说字符串长度为n,那么时间复杂度最少就是O(n)了,至于JavaScript中怎么写,就看你把这个复杂度自己做了,还是让JavaScript内部操作了,例如排序就是让JavaScript自己按快速排序算法来承担了一个时间复杂度。

另外一个想不出答案的问题就是,CSS的两列布局,其中一列定宽另外一列不定宽。我记得我在网上看过解决方案,然而当然没仔细看,估计是收藏了就算那种,哎……我不知道电话面试中直接搜索是否是一个可行的策略,反正我选择了不搜索,思考不出来也就老实告诉他。之后,我在A List Apart找到了一个篇相关的文章:In Search of the Holy Grail。总的来说,我觉得第二次面试还算不错吧,当然这完全是个人感觉。

最后当然是今天参加的宣讲,其实仅仅去了解一下Baidu而已,例如得知了工程师的起薪是16万一年,这看起来比Microsoft的15万起薪要高一点点哦。不过后来有人解释给我听,16万是指上限,从来没听说过应届毕业生进去能够从16万开始拿的,反过来Microsoft那个15万是下限。

更新:布丁告诉我,那个16万是下限来的,并且不是狭义上仅仅软件工程师这一类别,而是广义上的工程师职位(例如包括我申请的Web开发工程师)。

2007年11月4日星期日

Recruiting Events: Tencent (Part 4)

所有Recruiting Events系列文章由Cat Chen记录并发表于http://Chinese.CatChen.biz,目的不是公布招聘有关的题目或技巧,仅用于个人知识归纳以及经验总结,如需转载请保留出处。

得知自己进了Tencent的三面,下午Microsoft笔试出来后急急忙忙就跑过去了。去到呢,发现原来没多少人在等,然后大家接着都到了,等候区的HR都先用同一个问题问候大家“刚刚有趣Microsoft或者中国移动的笔试吗”,结果大家都说是,汗……

不知道是不是我走路速度快,我前面竟然只有一个人正在面试,所以很快就到我了,而等我出来的时候等候区已经挤了一堆人。HR面其实很快的,基本上就三大问题:自我介绍、其它公司应聘情况与期望年薪。当然,第一个问题会深入一些,例如问问你觉得大学期间最成功的事情啊,或者你说说自己的优点缺点并附例子啊,之类的。问技术我可以吹水,但是这些我完全不知道对方是如何根据我的回答进行评估的,没有任何tricks可言,所以我暂时也不知道怎么评价自己的这次面试好。

暂时而言,我不确定自己是否说太多了,因为在别人面前我不擅长一言不发并且摆出让人难以捉摸的样子,就算我不说话,我的姿态也会有所表现,所以还是难以控制我向对方透露的信息,还不如保持说话好了。但是保持说话又可能说多,我这次就让她知道了我投了Google、参加了Microsoft并且准备看看Baidu,还说了更期望在广州工作,貌似还是泄露了挺多东西哦。

Recruiting Events: Microsoft (Part 1)

所有Recruiting Events系列文章由Cat Chen记录并发表于http://Chinese.CatChen.biz,目的不是公布招聘有关的题目或技巧,仅用于个人知识归纳以及经验总结,如需转载请保留出处。

下午参加了Microsoft的笔试,因为受到NDA保护,细节就只能掠过咯。其实昨天在Tencent面试等候区域,就碰到了一位参加了上一批次参加过Microsoft笔试的人,他说笔试分为四大部分:公共、编程、测试、策划。今天去到发现确实也就是这样,公共部分的选择题就是考基础的,C/C++/C#题目混杂在一起;编程、测试、策划分别考SDE、SDET、PM这三个方向,但无论报什么职位都要全做。

这四个部分的时间安排分别是50分钟、40分钟、30分钟、30分钟。地一部分我刚刚好50分钟做完。第二部分我做超了10多分钟,因为代码要用C++写,哎……不熟悉啊,允许C#的话就好了。第三部分狂赶了一下,然而第四部分也没足够的时间,只能随便答了一些。

总之,感觉自己对C/C++的熟练程度影响了答题速度,这是最劣势的一方面。另一方面,use your time wisely也做得不够好,前面选择题我懂得解不出(或者觉得没有一个答案正确的)就跳过,因为选错了还要倒扣分,浪费时间也和倒扣份差不多,但到了后面我就没有严格的时间控制了,但只编程部分浪费了大量的额外时间。

拼写检查(spell check)依赖症

我发现我已经有拼写检查依赖症了。以前还只有Microsoft Word这个级别的软件有拼写检查,输入几句话才不会去开个这样耗费内存的软件来检查有没有拼写错误呢。后来有些轻量级的软件或则web应用也引入拼写检查了,再之后浏览器都能通过插件实现全面的拼写检查了,这下就完蛋了——我已经记不住单词的正确拼写方法了,反正差不多就随便写,然后软件会帮我纠正。看来以后还是要多查字典,多脱离软件的帮助进行写作,否则就只能期望什么时候TOEFL考试软件也能加上此功能了。

2007年11月3日星期六

Recruiting Events: Tencent (Part 3)

所有Recruiting Events系列文章由Cat Chen记录并发表于http://Chinese.CatChen.biz,目的不是公布招聘有关的题目或技巧,仅用于个人知识归纳以及经验总结,如需转载请保留出处。

今天早上考完TOEFL,就被告知Tencent二面有我份,于是下午就又跑去了面试。被HR引导到休息区之后,发现我要见的面试官已经有两位同学在等了,等了很久里面那位才出来,之后就是漫长的等待……这位面试关平均40分钟面一个人吧。期间HR和我们吹吹水,有问到大家还去了哪些公司面试之类的,发现在等待的人当中也有不少是中大的。

轮到我面试的时候,发现这次终于不是吹水了(一面我觉得很吹水,但其他人都说很技术)。例如说了说HTTP协议的细节,面试官说很多用ASP.NET的人都不了解HTTP协议,我想这是肯定的吧,反正问HTTP协议对我来说是简单的事情。(只要不是好像上次那样给Mango突然问我一句“你知道什么是Partial Response吗”就好,其实我是知道Content-Range这一请求首部的,但不知道对应的响应代号应该是206而不是200。)然后讲到ASP.NET只会用于Tencent的内部应用,不会用于互联网应用,又问问我仅仅研究web是否太窄了,我就把Bean对iPhone式移动web应用的热情搬出来和他吹。

最后他考了我一道数据结构的问题,说明是很基础的,并且他对ACM不感冒。所谓基础,就是指hash,哈哈。hash的执行方式我当然答得上来,然后问我hash除了存储以外的作用,开头我想不到,提示密码学后想了一会儿终于明白他指的是md5这样的东西,然后又是吹水。接着他还问了有什么是二分搜索适合做的,而hash不适合做的,其实二分搜索的特征就是顺序存储,经过一些提示后我终于想到是例如要选择top 10元素就必须用顺序存储,但他说还要再简单一些。其实最终的答案是大小关系,我想他的意思是顺序存储要对比a[i]与a[j]的大小,直接对比i和j就是了。然而我当时脑袋里想的什么呢?我想,Object是一切对象最抽象的根元素,顺序存储就是说元素之间存在偏序关系……汗……其实大小关系就是一种特殊的偏序关系嘛,然而我的思维偏向于抽象的方面了,例如Object和偏续,实际上他想到的是实实在在的数据结构——就是说存储的就是纯数值。看来我是想复杂了,以后一定要弄明白当前对方的视觉,否则思想一致但视觉不同也会答不上来。

2007年11月2日星期五

Google 发布 OpenSocial API

期待已久的Google的“比Facebook开放得更彻底”的API终于发布了,名为OpenSocial,并且作为一个API项目在Google Code上发布文档。

Open Social API包括3大主要部分,分别用于操作个人数据、操作活动数据以及数据持久。暂时而言,这些API都标记为并未发布将来可能仍会修改,不过新闻稿几个小时之前已经发布了,而API文档刚刚也上线了。这些API都基于Google Data(GData)协议,使用Atom协议以及Atom发布协议进行数据的查询以及更新,因此只要使用统一的GData操作库或者Atom操作库,应该就能轻松地从第三方网站或者客户端访问Google的数据。另外与此相关的另一个重要的基础API就是Google Auth,它的用途是验证Google账号的登录。

这次Google和那么多大型的social network合作来做一个API,其口号也就是“一次学习到处编写”(怎么那么像“一次编写到处运行”呢),也就是说开发人员已经无需学习不同social network的API了,使用Google的OpenSocial就能够操作各个social network合作方的平台。现在,支持OpenSocial的合作伙伴包括如下的16个:Engage.com、Friendster、hi5、Hyves、imeem、LinkedIn、MySpace、Ning、Oracle、orkut、Plaxo、Salesforce.com、Six Apart、Tianji、Viadeo、XING。根据我个人的猜想,这些厂商应该是在不同的侧面以及不同的层次提供OpenSocial的支持吧。

2007年11月1日星期四

Recruiting Events: Tencent (Part 2)

所有Recruiting Events系列文章由Cat Chen记录并发表于http://Chinese.CatChen.biz,目的不是公布招聘有关的题目或技巧,仅用于个人知识归纳以及经验总结,如需转载请保留出处。

今天下午去参加了Tencent的一面。原本安排了我上午去的,然而昨晚Tencent在bbs发了几轮不同职位的面试名单后都没有我份,我就认定没有了,原来技术职位的面试名单后来才出。结果今天早上去上课,人人都问我“你不是去Tencent面试的吗”,我faint……

去到酒店跟HR说明了,然后就照样填表,等面试官把这一时段内的面试完了就轮到我了。因为我冲忙赶去,没有打印他们指定的51job.com简历,直接拿了我的简历去参加面试了(其实这应该比51job.com的更清晰)。所谓的技术面,其实就是考综合素质吧,反正我不觉得考了什么技术。面试官拿着我的简历,问了我上面一些东西,例如MVP是什么啊,Imagine Cup是什么啊。然后他看到我熟悉Web开发,又随便问了一些相关问题,顺便考了一下IQ之类的。

我出来的时候,还是不明白到底我面试了什么职位,这是最faint的。到底他们招服务器端的人,是指Web服务器还是指IM服务器?另外我还看到有前端职位面试者的,那个是Web前端还是客户端软件的前端?反正我觉得我和面试官是对不上的,他说会推荐我去Web相关部门,那么难道Web相关部门没有出来做招聘?还真不知道呢……

2007年10月30日星期二

固定订户与临时订户

从我对FeedBurner订户信息的跟踪看来,我觉得订户可以分为两类,一类是固定订户,一类是临时订户。

使用web reader订阅的,或者使用专用的client reader订阅的,属于固定订户,这些订户数量通常很少减少。另外email订阅的也能算这一类。原因是,用户一旦订阅了,就没什么理由去退订,除非你信息爆炸,flooding到用户受不了了,用户就会退订。反而你发布的频率不高倒的话,用户不一定能察觉到,他们可能已经忘记自己订阅此feed了。总而言之,固定订户的数量是几乎不会减少的,你只要能吸引用户成为固定订户,那么那个数字就是solid的,那就是你的一项real estate(不动产)。

至于另一类用户,则正好相反,它们使用浏览器自带订阅功能,或者是Outlook 2007等非专用client reader。这些订阅量绝对不是solid的,随着用户改变他们的软件使用习惯,订阅也就自然而然的被“取消”了。然而因为这些用户在一段时期内还算是活跃的,因此FeedBurner还是会把他们算上,但你在真正估计自己的feed价值时,应该把这层表面的泡沫给去掉。

最后,因为我的feed订阅数不算大,希望有相当订阅数的作者出来讲讲事实是否如此,例如aw或者猫影

在 C# 中 ("x" == "X") 何时成立?

这个问题初看起来很奇怪,C#就是C#啊,一门严谨的语言,并且字符串是区分大小写的,无论是在什么情况下都有("x" != "X"),这才叫做一致性嘛。事实上,这在以前一直都是成立的,直到.NET Framework 3.5引入了Linq to Sql,这种一致性就被破坏掉了,变成依赖于环境配置了。

想象一下我们对一个Linq to Sql的DataObject编写一个Linq查询,并且where子句包括("x" == "X"),那么该子句会返回true还是false呢?事实上,该查询虽然是一个用C#编写的lamda表达式,然而并不编译为MSIL。Linq to Sql里面的Linq是直接编译为SQL语句的,因此("x" == "X")会直接变成SQL里面的("x" = "X")。那么这就为true了?也不对,因为大小写是否敏感是基于数据库配置的,在当前的应用程序连接上特定的数据库之前,这个问题的答案都是不确定的。

那么我们可否选择使用String.Compare()来强制设置是否大小写敏感?这在Linq to Object中没问题,在Linq to Sql中就不行了,因为String.Compare()无法编译为SQL语句。因此,在Linq to Sql中,大小写是否敏感是一个依赖于环境配置的,这就提高了编码过程中由于疏忽而造成问题的概率。

为什么这样说呢?在以前,我们的C#代码和SQL代码是分开书写的,写C#的时候就很明确大小写敏感,写SQL的时候就很明确是数据库相关的。然而现在部分的SQL逻辑改为用C#来编写了,问题就出现了,特别是当你的代码中还混杂有Linq to Object的查询时,编写代码与阅读代码的过程中你一看到Linq就先要去想这段lamda表达式最终会被编译为哪种语言,MSIL还是SQL。如果你不进行这个区分,或者开小差把Linq to Sql的代码当作Linq to Object了,这就可能导致你编写了错误的代码,或者阅读上造成了错误的理解。

总体而言,虽然Linq to Sql为开发(特别是RAD)带来了巨大的便捷性,然而这种C#与SQL混合编写并且都使用C#语法的功能将会是一种先天的不足,它所带来的代码维护成本可能随着项目体积逐步增大而慢慢体现出来。至于将SQL混入C#所造成的分层模糊现象,我将在以后的文章中讨论,敬请关注:

Recruiting Events: Tencent (Part 1)

所有Recruiting Events系列文章由Cat Chen记录并发表于http://Chinese.CatChen.biz,目的不是公布招聘有关的题目或技巧,仅用于个人知识归纳以及经验总结,如需转载请保留出处。

我去参加了Tencent的技术笔试,发现无论你报什么技术职位,最后都考一样的内容,可能先根据基础能力筛选一下吧。因为题目受NDA保护,那就不说细节了,只能说学习好操作系统(特别是UNIX)、计算机网络、数据库、算法与数据结构这几门课程是非常有必要的。你需要对课本里那些死记硬背的知识有所掌握,例如各种排序算法的实质。我通常就只记得几种常用的排序算法,那些哪方面都没有明显优势的排序算法就忘记了,事实表明这些东西最好定期复习一下。另外你还必须对课程内容的实际应用有所了解,例如SSH是OSI模型中第几层的加密,UNIX中的pipe如何创建,等等。

Tencent的笔试中那些程序填空题,原来的程序显然不是高质量的、通过编译的代码,感觉就是手写一段代码然后去掉几句让你填空。首先是有陷阱,例如:
for (#expression; #expression; #expression);
  if (#expression) #blank
    else #blank;
看到这样的缩进,不要以为if...else...语句在循环之内,因为for后面已经有分号了,这样缩进写法分明是为了给你视觉错觉的。另外还有一题算法主函数没有return的,然而main()就调用该函数并打印返回值,这显然是代码没经实际测试就投入试题了。

反正考这样的题目,我的命中率又不行了。其实我很怀疑这些企业到底招什么人,是不是招一个Web的前端或后端开发人员,平时写写JavaScript或者PHP什么的,紧急时候要求你能够马上抽调去写C++或者做UNIX维护。

2007年10月28日星期日

S.T.A.L.K.E.R

最近沉迷于《S.T.A.L.K.E.R - 切尔诺贝利的阴影》这个游戏,名字上那几个字母是Scavengers, Trespassers, Adventurers, Loners, Killers, Explorers and Robbers的缩写。从游戏类型上来划分的话,这是个FPS,不过因为和NPC的可交互性很强,也可以当一个RPG(反正Fallout3也换成第一人称视觉了),至于其背景设定也有点点恐怖游戏的成份。

其实我以前对恐怖游戏没什么兴趣的,因为玩起来不爽,整体而言是游戏玩你的心理感觉,而不是你玩它。开修改器当然可以爽一会儿,但如果那是个单纯的恐怖游戏的话,这样子玩一会儿又很没意思了。不过我现在对非纯粹的恐怖游戏有些感觉了,其实就是让你在一定的心理压力下完成同样的竞争性任务,本质还是和游戏安排好的规则竞争。例如Manhunt吧,它刚刚发布的时候我觉得这么压抑一个游戏没什么好玩,不就是杀人嘛,还不能群殴,要想办法一个一个引诱出来杀,这实在太无聊了。不过自从浪费了不少时间在Hitman2与Hitman4中尝试各种古怪组合玩法后,我也开始向hardcore级玩家靠拢了,开始追求那些“有难度”的玩法。

这其实很符合The Game里面所说的,人类这种奇怪的动物,只要给他们一个有等级划分的游戏,并且告诉他们你花越多的时间在上面,你就能进入越高的等级,他们就会花时间在上面争取高等级。有很多玩家都是从悠闲型开始的,但一旦他们中了这个法则,就开始慢慢转入hardcore玩家的行列了。

另外值得一提的是S.T.A.L.K.E.R那个名为A-Life的全局AI系统。根据官方的介绍,由于A-Life的存在,游戏不会再像以前那些基于脚本的RPG那样,仅当玩家做了某事才会触发某个变化,而更像是Simcity那样即使你什么也不做后台的AI模拟过程仍然会继续发生,这包括军团之间的互相攻击以及地区的重新划分,还有异种的成批迁移,或者是袭击军团。游戏里面有1000个个性各异的NPC,由于整个大背景是在AI控制下模拟的,因此你碰到这些NPC的过程会是相对随机的。然而我还没第一次完成游戏然后开始第二次,因此我并不确认这个随机性以及模拟真实度有多大,不过从平时的游戏过程中看来,确实NPC门都是好像真有自己的目的而行动的,并非就永远存在于游戏中的特定位置等待你的到来并交给你一个任务。

这种全局的开放性交互从来都是游戏设计师的梦想,没有人喜欢在一个脚本制订好的游戏里玩两次,因此一部分设计师希望通过MMORPG达成梦想,而另外一部分继续在单机游戏的AI上钻研。MMORPG是完全开放的,但可控程度也不高,游戏规则只能先影响玩家群体,再间接影响到对单个玩家的直接游戏体验,而单机游戏的AI是可以直接控制的,游戏体验是可以通过调整AI而直接调整的。将来到底哪一个能够带来更好的游戏体验,暂时还很难说,不过至少我还是倾向于选择单机游戏。

2007年10月27日星期六

副业

什么是副业?在这里我们探讨两种副业。

第一种,也就是现在所谓的Web前端开发,也就是编写符合语义的XHTML,加上具备浏览器兼容性的CSS,然后还有负责AJAX通讯以及DOM操作的JavaScript。在以前是没有前端开发这个说法的,因为这就是副业活,负责前端开发的,其主业通常是服务器端开发,又或者是图像设计,然后就兼职写写上述三种代码。正因如此,前端开发相关的这三种技术一直发展缓慢,因为人人都当它是副业,没必要也没时间去深究。例如JavaScript,其实它很早就支持我们现在所使用的Prototype中的各种功能,为什么当初就没有人去开发Prototype呢?首要问题就是没人觉得有必要去挖掘这些技术,就算有少数人挖掘到那个深度了,共享出来的知识其他人也不会去吸收——谁会了为副业而研读一大堆相关资料呢?因此,直到最近AJAX的热门,才导致了更多的人把前端开发当作主业来看待,也才突然有了那么多相关的技术讨论与书籍出版。

第二种,是中国学生所谓的研究与探索能力。有人说,中国学生的动手能力并不比美国学生差,其实这估计是基于双方都尽自己能力去做的前提下得到的机轮。不比别人差,并不代表着有同等的动机以及动力去做。就如前面说JavaScript是副业的例子,中国学生的真正缺失在于把动手研究与探索当作副业,是在应付考试这一主业得以游刃自如应付后才考虑的事情,同时并不会投入大量的精力关注有关的信息以及细节。

深入的就不探讨了,不过仅仅做一个小提示——你是否有留意到你生活中的某一样副业其实是极具潜力的,如果你不是很讨厌做那件事情的话,不妨考虑一下更换工作主题的时候将它提升上来作为主业,或许因为竞争对手少反而更容易成功。

2007年10月21日星期日

China MVP Open Day

在两日三天的海南三亚MVP峰会之后,终于回到了广州。MVP峰会的最大好处就是能见到来自各地的MVP,并且是面对面地交流,这真的比隔着一个Windows Live Messenger要好很多。另外三亚虽然不算是个一流享受的地方,不过看起来也还算很美。

我和另外两位广东的MVP,也就是彭斌黎波,都是在18号飞往三亚的,因为飞机1135起飞,所以我们约定了到了三亚进酒店之后再吃午餐。到了酒店之后,发现原来北京的MVP也到了,并且已经在餐厅吃饭了,就加入他们了。吃晚饭休息了一会儿,我们就到游泳池泡水兼聊天,我基本上就是跟着彭斌周围去认识别的MVP,不知不觉就在水里泡了n个钟。

晚餐前我跟着彭斌去找葛涵涛,发觉他们房间里的Windows Mobile设备还真多啊。之后俞晖也来了,拿着一个iPhone,我终于有机会亲眼看看iPhone那个屏幕了,并且体验了一下操作起来的手感,更加下决心要买个iPod touch。晚餐还是跟着北京的MVP,这次是去酒店外面的大排档吃海鲜,发现北京的MVP真是团结,总是一起行动。晚餐的海鲜感觉一般般啦,反正我不觉得哪一样做得特别鲜味的。晚餐过程中比较享受的是黎波的歌声,当然还包括现场高涨的fans情绪,哈哈。另外俞晖的iPhone在葛涵涛带领的Windows Mobile MVP群体攻击下,成为了“不具备企业应用能力”的反面例子。

晚餐回来后,还是泡水,哈哈……然后是跟彭斌、俞晖一起聊天,说到了博客园的发展,然后又说到了博客园最近上线的digg功能,另外还有一些各地.NET俱乐部发展的事情。我觉得这样的面对面聊天比在网上打字要轻松多了,虽然在线也可以音频会议,但要比划什么还是不如面对面的方便。我们聊天聊到一点多才睡,第二天要起来参加颁奖啊,睡眠不足啊……

19号早上是集体会议,包括Karen-Anne Young(APAC与EMEA地区Group Manager)的keynote,以及随后一些受NDA保护的内容,那些就不方便说了。在keynote之后,Karen亲自为我们每一位参加峰会的MVP颁奖,并且合影留念。19号下午是分组会议,Dev、IW和IT分开,我当然是去听Dev那场啦,内容包括Silverlight、Linq以及Windows Embedded。

晚餐是在游泳池边举行的自助餐,算是个小party吧,其中包括Karen的dancing哦!然后是问答环节,考察大家对微软与会员工的熟悉程度。接下来各位员工还各自出来自我介绍了一下,顺便还介绍了一下他们当前负责的社区项目。晚餐之后还是聊天时间,这次我和彭斌找到了陈荣陈黎夫,变成了ASP.NET MVP小聚了,可惜就缺了赵劼。回到房间后,已经十一点多了,王兴明过来吹水,又吹到了一点半。在这种聚会上面,你是不会愿意浪费时间在睡觉上的,因为有那么多有技术又能说的人在你身边,你总是想不停的找人聊天。

20号早上是沙滩活动,首先80多人一起在海滩上排一个MVP字样,让摄影师帮我们拍照,然后是小组比赛。之后有人踢足球,有人打排球,我就跟着彭斌去拣贝壳。拣贝壳这事情还挺考耐心与敏捷的,海水一冲上来你就要盯住有没有值得你捡的东西,有的话就要马上按住,否则水一退就又冲走了。顺着沙滩走过去,发现有不少外国人,哎……这里看来成美元区了,人家都在这里花美元,物价那么高,花人民币就感觉心痛。

下午我们一群MVP自发组织去吴支洲岛,逛了一个圈回来,其实也没什么特别的吧,就是不停的拍照拍照。这个自发组织啊,当然就不如微软出钱会务公司安排好那么体贴,有时候安排挺混乱的,有些人想这样又有些人想那样,团队管理问题啊……大多数MVP在工作中还真烦这个问题呢。从岛上回来后,我们直接进市区,吃了一顿麦当劳,买了一点特产,就打的去机场的。领票之后,我还傻傻的问11号门在哪里进,对方告诉我先进安检,我才想起这不是白云机场,不管你进几号门,都是一个安检通道。原本2115的飞机,延迟到2235,结果回到家已经凌晨了。

整次旅行的照片我会陆续挑选一些好看的发到facebook上面去,有兴趣的可以去看看哦。大家如果觉得有话题在三亚没讨论完的,可以在Messenger上继续讨论。

2007年10月15日星期一

Recruiting Events: Xunlei (Part 2)

所有Recruiting Events系列文章由Cat Chen记录并发表于http://Chinese.CatChen.biz,目的不是公布招聘有关的题目或技巧,仅用于个人知识归纳以及经验总结,如需转载请保留出处。

前端工程师在广州的笔试复试只剩下4个人,我不明白为什么4个人都还要再笔试,如果前端技术的基础算是考察了,那么应该可以面试考一下设计思路以及综合能力,难道还要再笔试一次考更深入的技术吗?如果是那样的话,我觉得没有谁能做出来,因为即使第一次笔试那5道题,我问了猫影aw,他们也无法在不查询外部资料的情况下做出来(不过aw应该对JavaScript和ActionScript互调用那题很有体会,所以那题的答案应该找他讨论)。

发卷的时候,考官对我们这4个人说了一句“今天考一考基础”,然后看到试卷类别上写着C++,我就不知道说什么好了。C++我会读也会写,只不过基于我个人对C++语言本质的不太喜欢,所以也就不会think in C++,因此写出来的代码显然很不像C++ native speaker,并且会带上其他各种语言的一些accent。看看试卷,50道单选,20道填空,1道编程,有人要考基础我就跟他拼基础吧,只能这样了。

开头有几道选择题挺开放的,当也可能是纯粹考你最基础的基础。例如问题是以下哪个你看起来更顺眼,有一组答案中有两个分别是:
#define your_name "xunlei"
#define YOURNAME "xunlei"
这算是考什么呢?生硬的考他认为正确的命名规则呢,还是仅仅想了解你个人的编码风格呢?后面开始有一些题目考你对C++各种不一定人人用得着的功能,例如以下两个是否有性能差别:
#include<iostream>
#include "iostream.h"
这个……简直就犹如当年算法竞赛能够在初赛考你Pascal里面哪一个编译控制指令能改变堆栈大小一样,结果就是只有两类人能够做得出来:超级熟练的使用者,或者死记硬背的应试者。

填空题的话,也是有点像竞赛的笔试题,例如叫你看程序写运行结果,又或者补充程序代码中的空缺。ACM都直接上机考啦,C++还以这样的形式考察,不要说招前端工程师,就算真的是招C++开发人员,考察结果与实际能力只见也会有较大的误差吧。

最后的编程题,要求写一个字定义的strcpy函数,签名如下:
int strcpy(char* dest, char* source, int count)
其中count控制最大的复制字节数,返回值为实际复制了的字节数。题目不算难,就照我自己的思路写咯。后来Jeffrey Zhao才告诉我,这不正是strncpy吗?可惜strncpy的返回值不同,所以还是不能直接调用。

我还是100分钟左右就做晚了,然后又花了20分钟慢慢检查了一遍,修改了一些选项,其实改来改去都是不确认哪个是对的。之后等了一个晚上都没有面试通知,就知道出事了……

回过头来分析一下,到底什么人比较容易通过这样的两轮笔试呢?要熟记正则表达式,知道document.cookie存储格式,知道C++编译器的控制选项,这些都要求是超级熟练的使用者,或者死记硬背的应试者。我想没有任何企业想要后者,那么只能说迅雷想招前者,看重的是你是否是一个熟练的IT民工(来自于猫影词汇),是否上任后能马上投入工作。但如果这真的就是迅雷的招聘风格的话,我只能说和它招聘网站上宣传的相差太远的。网站上的宣传,让它看起来好像一家小百度那样,拥有大企业应该有福利,至少达到百度那个级别(当然宣传往往是比真是要夸张一些的,我说的百度级别是真实级别),同时又作为新兴企业拥有无限前景——这主要是指股票那事儿。然而事实上,可能它仅仅是有一家很中国式的小企业,就是作为整个大的世界工厂里的一个小工厂,依赖自身的光环招一些有理想的工人进去,然后……谁知道将来发生什么事情呢,这可是说不定的。

2007年10月13日星期六

Recruiting Events: Xunlei (Part 1)

所有Recruiting Events系列文章由Cat Chen记录并发表于http://Chinese.CatChen.biz,目的不是公布招聘有关的题目或技巧,仅用于个人知识归纳以及经验总结,如需转载请保留出处。

第一次参加企业招聘笔试,竟然是迅雷……嗯……其实也没什么好“竟然”的,应该“竟然”的是“第一次”,完全没经验的情况下就跑去一所“陌生”的学校和一群陌生的人考试,而且课室里大部分人还不是和我考一样的题目。

我仅仅应聘一个职位,就是前端开发工程师,因此找到对应的课室就坐下来。之前幸运的碰到一位同班同学,他说简历投了三个职位,分别有短信通知他到三个不同的课室笔试,不知道他后来怎么办了。前端开发工程师的题目就5道大题,统一的答题纸上钩选应聘职位的竟然没有“前端开发”一栏,faint死了……

第1题考正则表达式,一个小题要求匹配字符串中首尾的空格,另一个小题要求匹配仅包含数字、字母、下划线的6到20位的字符串。我不熟悉正则表达式,所有东西都仅仅有个概念但记不住,想了很久也没写什么,最后决定凭直接写。第一题想不到空格是斜杠什么,空白字符好像是blank吧,于是写了个(\b)*.*?(\b)*上去,其实空白字符是space,应该是(\s)*.*?(\s)*,汗……中间那个.*?是非贪婪匹配,否则把末尾的空白自己也吃掉了,我只记得非贪来匹配好像是*后面加一个?,然后就写上去了。第二题我同样不知道[A-Za-z0-9_]其实就是\w,于是就写了[A-Za-z0-9_]{6,20}。

第2题要求写一个String类的扩展函数,要求按老ASCII码单字节/汉字双字节模式,计算一个字符串的字节长度。这个……我又载晕掉了,JavaScript中的String能够好像传统语言的char[]那样使用索引号获取单个字符,但是JavaScript没有带表单个字符的数据类型,获取到的还是字符串,两个字符串之间能够用大于号小于号比较的吗?在JavaScript中我还真的没这样用过呢,不过某些高级语言支持字符串的大小比较,结果相当于按字典排序后两个字符串的顺序比较,估计JavaScript也支持,所以我就按照那样子写了。答案如下:
String.prototype.byteLenght = function() {
  var count = 0;
  for (var i = 0; i < this.length; i++) {
    if (this[i] <= "\u00ff") { /*"\u00ff"是单字节ASCII码中最大的一个*/
      count = count + 1;
    } else {
      count = count + 2;
    }
  }
  return count;
}
在做完整份题目后,我又无无聊聊在代码后再加了一段注释,大意是:在JavaScript中实现这样的计算完全没有实际用途。首先,因为JavaScript是完全基于unicode的,按ASCII方式计算字节长度没有意义。其次,如果这时用于计算屏幕显示宽度的,其实也不准确,在非等宽字体中"w"和"i"的宽度差了几倍,显示宽度不能用这样的方法计算。

第3题是要求列举所知道的JavaScript与Flash中的ActionScript互调用方法,还要求提供代码说明。我仅仅在过去有过一点点了解,就是Flash的ActiveX对象对外暴露两个方法,分别用于传入和传出一个字符串,而这两个方法对应调用内部的ActionScript函数,因此ActionScript的处理应该写在这两个函数之中。当时就这样写上去了,并且说明我不记得具体的函数名称,给我查资料或者上网Google的话就会知道。我不知道阅卷那个人看到我每题都一堆回答以外的评论会怎么想,哈哈……后来查了一下,我印象中的那个函数其实是远古的fscommand,而Adobe现在建议大家使用ExternalInterface。

第4题要求列举cookie,并且包括过期时间。同样是不懂,记忆中只有document.cookie一样东西,从来没调用过,仅仅阅读过一次别人的调用代码,按照什么格式把相关属性保存在String我也不清楚,就知道第一个是键值对,至于过期日期……真的不知道了。既然连按照什么格式读取都不知道,所以这题我干脆就什么都没写,本来想着不会编写代码也能写写我所知道的,后来决定跳过。其实知道格式就很简单了,格式可以参考quirksmode上讲述cookie的文章

第5题是开放式的,要说自己擅长的前端开发方向。我用了一版纸回答前面的3个问题,又用了一版纸完成了第5题的吹水,哈哈……说了擅长XHTML + CSS + JavaScript,讲了一下过往项目,最后不忘插上一句“更多项目信息请浏览CatChen.biz”。

两个小时的笔试时间,我一百分钟做完,没有一道题是完全懂并且有把握的,因为我是习惯有什么不懂就去搜索的人,从来不背,而考到的点都是我平常很少用的。考完半天后就收到笔试复试通知了,接着第二天去复试。

2007年10月10日星期三

不要动态修改 DOM 里面的 id 属性

我不知道是否有什么标准规定不允许修改id属性,或者不建议修改id属性,总之IE对此支持不佳。在IE当中,修改id属性对将来的DOM操作没什么不符合标准的影响,你仍然可以通过document.getElementById()找到该元素,然后在CSS支持上就有问题了,id修改后并不会自动去重新匹配CSS规则,因此id修改后不会体现出应有的样式。

因此,进行DOM编程时应该避免修改id属性,如果需要动态改变匹配的CSS规则,就改变class属性吧。我碰到这个问题时也就是尝试通过修改id属性修改唯一匹配某个CSS过滤器的元素,结果发现修改后在IE中完全没有修改,之后改为用class属性实现同样的目的。

2007年10月9日星期二

.NET Framework 开放源代码

一些.NET Framework的源代码开放了,基于MS-RL许可,并提供调试整合到VS2008当中了。从旁观者的角度来说,这是Microsoft迈向开放与社区化合作的一大步,很多人也把这当作历史性事件,然而对于一般的开发者而言呢?这事情到底有多大影响力呢?我认为对于开发者来说,不同角色的开发者遭受的影响是不同的,并且整体影响是导致分工继续细化。

.NET最内层的本质是什么?Microsoft曾经非常引以为豪的COM,.NET只是这种思想一路实践并且进化而来的结果。.NET最开始设计为满足RAD的需求,以便吸引使用其他语言、框架的程序员转移过来,然而开放源代码后RAD的程序员仍然是RAD的,这对他们几乎没有任何影响。想象你是一个习惯于拖放一切的ASP.NET开发者,基本上不想写任何业务逻辑之外的代码,数据访问层用Typed DataSet或者Linq to Sql搞定,界面用现成的Control和Extender,Microsoft这次提供的源代码对你有什么意义吗?因为你不需要自己编写Control或者Extender,自然你不会花时间去了解有关的模式,也无须查看内置控件的代码。如果你调用内置控件出问题了,在Google以及调试内置控件之间,你显然会选择前者。因此,对于习惯于RAD的程序员来说,开放源代码这件事是没有任何直接影响的。

然而,有些间接影响是不能忽略的。前面提到了使用Google搜索问题的解决方案,然而Google自身并不懂得解决问题,答案其实来自与其他已经把问题解决了的程序员,因此这些源代码如果确实帮助了其他类型的程序员解决了问题,那么也就间接帮助了RAD程序员。

那么还有哪些类型的程序员呢?例如做稍微底层一些工作的,编写Control、Extender、HttpHandler、HttpModule等可复用组件以便为自己或别人提供方便的。编写可复用组件最糟糕的地方就在于它是可复用的——你永远不知道别人会将它以什么样的方式用在什么样的环境,因此按照一定的模式开发这些组件以便保证兼容性就很有必要,而模式本身最好就参考自.NET Framework内置的同类组件,除非你想更大范围地研究.NET Framework并重新发明轮子。因此研究与模仿内置组件的行为是组件开发者的必修课,而从ScottGu文章(Releasing the Source Code for the .NET Framework Libraries)中的截图看来,内置组件丰富的注释将有助于程序员更轻松地理解其原本的设计方式,从而更轻松地在自己的组件中模仿内置组件的行为。事实上,有很多内置组件是设计为对另外一些内置组件特别照顾的,这类型的耦合在Reflector中阅读代码时是最难以理解的,如果阅读有注释的代码相信会轻松不少。

最后,开放源代码可能将会导致对.NET Framework进行纯粹思想或理论作研究的人数增加。事实上,无论.NET Framework多么倾向于实用型,如果Microsoft需要获取来自社区的创新思想,还是必须吸引一群思想家的,否则大多数的社区创新都只是应用与应用方法,Microsoft还是独揽.NET Framework前进方向的控制权。这种中央集权有它高效的地方,特别是发展初期,Microsoft能够根据自己的实力战略性地安排新特性的研发顺序。然而Microsoft也曾经因此吃亏,例如ASP.NET 2.0没能引入AJAX支持,直到最后才急忙补上一个Callback特性,并承诺日后开发完整的AJAX库。因此,倾听来自社区的观点很重要,而要求社区有观点就必须先提供素材给他们讨论,开放源代码将能够激发社区对.NET Framework的研究热情并且提供更多能够作为反馈信息的新观点。

因此,就.NET Framework开放源代码这样一件事情而言,对于不同的开发者其影响的大小是不同的。同时我们也能预期Microsoft本身肯定也是最大的受惠者之一,否则以其智慧绝对不会做这样一个决策。

2007年10月6日星期六

Is following spamming?

一般来说,信息发布总有主动的发送方和主动的接收方,如果spammer是主动发送方,你可以积极拒绝;然而如果spammer是被动发送方,那么你可能就不容易留意到了。

从最普通的email spamming开始说吧,这完全是spammer主动发送给你的,因此你可以用过滤器过滤掉,或者看到标题就直接不看了。然后发展到论坛上的spamming,明明论坛是公共场所,大家都是平等的,但有些人就发一些spam上去,因此论坛上的信息对你来说不再是平等的,有些你一看到就会绕开。之后还有blog spamming,blog是你的,而spammer本应是被动的接受方,结果他却成了被动的发送方,每次你有新文章他就上来跟一个spam,因为你的文章是主导,所以spam变得不是那么不显眼。最后我要说的,就是别人在Twitter上follow你算不算一种spamming。

我昨天突然收到一个following通知,follower的名字是我不认识的,所以我就去看看那个人自己发什么信息,然后发现那个用户根本就没什么自己直接发布的信息,都是那种直接将自己blog的feed转发到Twitter并附上TinyURL的。然后我就想,他是不是再spamming我呢?至少如果他是spammer,那么这种做法是成功的。例如你写一个blog,你想让别人订阅你的feed吧,推广可不是容易做的事情。然而你把feed发布到Twitter,然后follow一堆陌生人,首先这些陌生人绝大部分都会因为好奇而看看你的Twitter,那也就相当于看了你的标题列表了,如果你的blog主题对他们有吸引了,这就成功吸引他们订阅了。就算不是这样,很多人也会出于“你认识我然后我又认识一下你吧”这一心态而在Twitter上follow你,那其实也就是订阅了你的feed,这样你也算成功了。

最后,我想说的还是一个观点,Internet是不需要直接实事实名制的,在用户使用Internet的过程中会逐渐发展出一套适用于Internet的信任与安全机制,也就是说每个人都粗略懂得在Internet上什么人能够信任什么事情是安全的。另外提供一篇相关阅读:使用实名SNS网站(校内、Facebook)请注意安全

2007年10月3日星期三

Leeching and Seeding

最近用TorrentLeech下载了一些东西,感觉比在TLF下载BTTEAM发布的还要爽,然而却只敢选择性的下载一些想要快速下载的东西,不敢说看到什么就立即想下。

TLF BT,几乎所有下载都是seeders明显小于peers,也就是说包括BTTEAM的发布者在内,只有少数几个人在seeding,其他多数人都是exchanging的,也就是说既download也upload,这也就是我们理解中P2P network的样子。然而大多数下载者都是下载完就关闭BT的了,完全不关心自己的上传下载比率(ratio),因为也没有理由去关心,反正总有人在那里seeding的,等seeders自然减少到零了一个torrent就逐渐过期失效了。

然而在TorrentLeech就不一样,除非是刚刚发布的torrent,或者非常冷门的torrent,其他基本上是seeders大于leechers。seeder大家都能理解,就是初始上传或者下载完了完全上传不下载的人。那么leecher是指什么呢?leecher是指完全下载的人,在leeching的过程中没有任何的义务,你可以什么都不干就享受高速下载。基于seeders大于leechers的事实,leeching的速度非常高,有很多个seeds抢着给你送数据。然而面对如此高速的leeching,却不是想下载什么就随便下载的,因为你必须很清楚之后才需要付出的代价。

正如TLF的新手指南所说,在国外是没有免费午餐的,你要下载就必须要有付出,就算你本身不参与任何协助0day发布的工作,至少你要在P2P network里面上传,上传下载比率为1.0是基本的要求。例如TorrentLeech,新注册用户的前4G下载是暂不计算ratio的,下载超过4G之后系统就会开始检测你的ratio是否达到最低要求的0.4,达不到的话就出warning。别以为warning好像口头警告那样随便,warning相当于黄牌,下一步就是ban出局,你想重新获取邀请注册TorrentLeech就很难了,并且邀请你的人可能也要负责部分责任。如果你的ratio在0.4到1.0之间,TorrentLeech的下载等候与下载并发控制机制会激励你尽量提高自己的ratio,最开始任何新增下载你都必须等48小时才能开始下载,并且同一时间你只能下载一个torrent的内容,然而随着你的ratio和总上传字节数提升,最终可以达到无需等待以及无限并发下载。

可能这也就是中国和美国之间差异的一种体现。在中国你可以不贡献,你名义上是exchange,但实际上就是真的在leech,并且不用遭受任何惩罚,于是所有人都在想尽办法的拼命抢夺稀有资源。在美国的话,你可以对政府有信心,你可以相信你需要的资源是补给充足的,没必要以各种恶劣手法去获取,然而你必须承担相应的责任,逃避义务的后果是非常严重的。而且由于公平对待也就不存在杀鸡儆猴的做法,你不能说因为你不是违章中比较突出的那个就抱有侥幸心理。

最后,补充一些纯技术上的解释。习惯使用公开型torrent tracker站点的人,可能不理解TorrentLeech是如何统计ratio,P2P嘛,我和别人交换了多少数据你怎么知道,我下载时你又如何得知我是哪个用户。TorrentLeech的做法是在torrent文件里面嵌入你的帐号指纹,之后你的客户端一旦联系tracker它就知道你是哪个用户了,从而控制你的等待时间以及并发下载。同时所有torrent都是禁止DHT等用户间直接数据交换的,所有数据流由tracker引导,这就可以正确统计数据了。你强行要开DHT的话,通过DHT上传的流量不计算入总数,而且如果其他人没有开DHT的话你就没有DHT下载优势。

2007年9月20日星期四

Binary Choice & reCAPTCHA

有些时候我们面临binary choice,也就是二元选择,的时候我们会认定只能选一个,因此必须牺牲另外一个,如果无法明确区分两者轻重,这将是一个极为痛苦的选择。不过我最近在读李中莹的《重塑心灵》时发现,原来我们应该积极去考虑如何能够两全其美,而不是被迫接受binary choice。

举个例子,为了防止有人使用bot连续请求某些web资源,我们可能引入CAPTCHA,也就是通常所见的验证码,以确认请求是真实的。通常我们也就默认了,越高级别的安全要求,就必须付出越多的代价,然而一个叫做reCAPTCHA的服务却不这样认为,至少它认为为提高安全性所付出的性能代价能做点别的有益的事情。

如果一般的验证码一样,reCAPTCHA也是提供一组处理过的英文字母,要求用户识别并输入。不过reCAPTCHA并不直接以零售模块形式嵌入你的站点,而以web2.0流行的API方式免费提供,你可以使用它的API为你的站点中需要的位置加入验证码。可能你会问,reCAPTCHA这样做有什么好处,因为它提高了你的站点安全性,却自己付出了性能代价,难道它在验证码下面显示一段广告?嗯……这是常人的思维,确实有很多web2.0服务通过附带广告盈利,不过reCAPTCHA可是Carnegie Mellon University的项目,所以不可能有广告的。一所大学完全出于计算机安全的研究提供免费的CAPTCHA服务?也不是,其实Carnegie Mellon University在大量扫描书籍,同时利用CAPTCHA提交者做人肉OCR。这时候就想通了吧,CAPTCHA虽然占用了计算机资源的同时,也占用了人的大脑资源,然而reCAPTCHA这个项目成功的让CAPTCHA提交过程中的资源浪费变成有效的资源消费。

根据reCAPTCHA的介绍,每天有六千万个CAPTCHA被人们识别,其中每一个大概消耗10秒钟时间,然而将这些工作时间聚集起来就非常多了。那么reCAPTCHA到底是如何工作的呢?当后台的扫描服务遇到一个无法识别的单词时,它就会和一个真正的CAPTCHA单词并列提供给用户输入,用户输入之后就仅对比真正的CAPTCHA单词,如果对了就当他输入对了,同时认为他输入的另外一个单词就是识别结果。对于一个无法识别的单词进行多次这样的操作,就能得到一个具备高确信度的结果。

如果你希望帮助该项目识别更多的信息,你可以在自己的网站上放置reCAPTCHA。对于WordPress和MediaWiki都有现成的reCAPTCHA插件,对于PHP、Python、Perl、Ruby等动态语言也能轻松找到reCAPTCHA库。另外reCAPTCHA还有一个MailHide的子项目,能够让你隐藏你的email,用户必须点击链接并输入CAPTCHA后才能看到完整的email地址。没错,就和Google Groups上面的效果一样,不过CAPTCHA用的是reCAPTCHA,并且也提供一堆现成的插件与库,有兴趣的可以去官方网站看看API文档。

2007年9月9日星期日

Minimal Blogging and Micro-Blogging

最近大家都在说micro-blogging,所以我也来说几句。为什么国内开始多人讨论micro-blogging了呢?估计是因为饭否在国内已经热了,能够有所谓的“现象(phenomenon)”了,同时国内其他Twitter的copy cat之间的竞争也越来越激烈了。然而我却一直用Twitter,无论身边都少人用饭否都不转过去。首先因为我比较无视copy cat,对我这样觉得原创很重要的人来说,copy cat服务通常看都不看一眼,知道是那么一回事就是了。每天有什么新的web2.0 startup出现,订阅TechCrunchRead/WriteWeb这样的web2.0观察日志就够了,基本上各种古怪的创意尽收眼底,一个copy cat根本不值得我花时间去看。一个新服务对比其参考服务至少要有自己的创意以及更好的市场定位,我才觉得有必要去了解,否则每天新增的web2.0 startup那么多我怎么可能了解得来。

回到micro-blogging的话题来,事实上我觉得Twitter这样的可以叫做minimal blogging了。minimal blogging这个想法来自minimal design,因为当你第一眼看到Twitter的时候,你肯定会说那是一个minimal design的。所谓的minimal design,也就是最小化设计,历史上曾经有一些人指责CSS仅能实现最小化设计,也就是只能由一些矩形的区域组成整个页面(参考Minimalism),更复杂的设计css就处理不好。而Twitter则被我称之为minimal blogging,因为它只能处理最小的最有限的信息,一篇最多就140个字符,不允许链接,不能是HTML或者别的markup language(例如ubb code)。虽然我一直在用Twitter,甚至还测试过从中国电信发一条短信给Twitter的英国接收号码要¥1,然而其实我并不觉得Twitter对我很有吸引力。一方面,我并不喜欢被flooding的感觉;另一方面,我想要的是micro-blogging不是这么minimal的。

对我而言,micro-blogging意味着我不需要想太多的就能发表,而且发表过程操作简单,然而同时要能够分享我能接触的各种信息。Twitter符合了前面两点,但是不符合最后一点,因为它无法发链接和图片,视频或者音频就更不要说了,不过因为我不是视频和音频爱好者所以这两项就免了。暂时而言,我使用Opera Community进行mobile blogging,也就是Cat in Mobile。它允许我在手机上即拍即发布,文字和照片都有了,对我而言就差一个链接了,不过mobile blogging不需要链接,要链接就通过feed和我的del.icio.us聚合一下好了。至于不需要照片的场合,Twitter也就将就着用了,因为无论如何同样是手机上的Opera Mini,Twitter操作起来还是比Opera Community要方便的,要知道手机上多填写一个表单就增加不少操作复杂度。

我真正向往的是Tumblr,一个tumblelog服务,然而我却从来都不使用它,最近也就仅仅导入了几个feed进去。其实这是很正常的事情,就好像除去Macbook之后VAIO真的异常吸引,然而即使我有钱都不会买VAIO,首先因为它确实烧钱,其次是日本产品的保修服务根本就不和欧美的同一个等级,意味着它的维护成本超高。日本产品,大至汽车小至PDA,停产之后都不会留充足的备件,如果你买的产品在保但是已经没备件了,那就无法修,因此我非常不喜欢购买日本产品,不用考虑保修直接吃进肚子里的除外。Tumblr看起来拥有我想要的功能,同时又保持micro,然而对我而言迁移成本实在高。在使用Twitter之前,我没有micro-blogging的需求,所以当时也没思考我能在我的Tumblr上发什么,然而在写这篇文章的同时,我在极力挖掘Tumblr的潜力,以及思考低成本的迁移方法,或者有一天我就迁移到Tumblr了。

最后一句话,为什么我向往Tumblr?因为国外的web2.0达人们有不少在都在用,例如Digg的共创人之一Kevin Ross

深入理解 ASP.NET 动态控件 (Part 4 - 解决问题)

前言

在开始写这个系列的文章之时,我想着必须深入介绍背后的原理,然后将所有需要的背景知识呈现到读者眼前,不过我现在发觉这并不是好的写作方法,要写下去对我自己来说难度也不少。最近受到Infinities Loop发布TRULY Understanding Dynamic Controls (Part 4)的刺激,我决定继续写这个系列的文章,并且领悟到了更多读者需要的是对问题的一种较为易于理解的解释,而非一种严谨的解释,因为前者更有助于读者解决当前问题并在再次遇到类似问题时自行推导解决。

其实我在本系列的第一篇文章就已经明确了怎样的文章才让读者容易接受,现在是我自己误入歧途了,所以必须纠正过来。第一篇文章的结尾建议读者自己阅读控件开发有关的书籍,之后就能完整理解和解决这个问题。实际上这是一个比较不合理的建议,大多数人并不可能花时间看完一本厚厚的控件开发书籍(ASP.NET 2.0的比ASP.NET 1.x的要厚了不少)。我需要做的不是复述书上的观点,那也不是我想要做的事情,真正需要做的事情是将书里面的观点浓缩为一篇文章,要让读者能解决问题的,推理看起来符合常识以至于容易接受,然而又比严密推理省下一大多文字。好吧,就让我们按照这种思路去看看如何解决一些常见的动态控件问题。

问题分类

这是受到Infinities Loop启发的,我们首先要将问题分类,然后逐个击破。这里的分类将最常见也最容易解决的排到上面来,然后逐步深入讨论。在开发过程中,使ASP.NET程序员想到要用动态控件的情景通常有如下几种:

  1. 你需要呈现不确定数量的控件,但这些控件是同一类型的
  2. 你需要呈现不确定类型的控件
  3. 上述两个问题的综合或嵌套
  4. 你需要开发自己的Web控件

在对问题进行分类之后,我们就容易逐个去分析解决办法了。由于分类是按照难度逐步递增的,所以这对读者来说应该是较容易理解的。

不确定数量的同类型控件

如果你要在页面上显示一个调查问卷,问卷的题目来自数据库,而任何问题都只有“是”与“否”两个选项,你决定使用RadioButton提供选项。这时候动态创建控件的念头应该仅仅是一闪而过的,然后你就决定使用Repeater。

如果你在这时候没有想到Repeater,或者任何的TemplateControl,那么你就需要重新熟悉ASP.NET的内置控件了。很多时候我们用多了GridView,特别是一直都用BoundField的话,就很容易忘记世界上还有TemplateField这么一回事。

那么为什么Repeater在此会是一个好的选择呢?首先,连最近基本的foreach迭代循环它也帮我们做了,我们仅需要指定DataSource,然后执行一下DataBind(),它就帮我们动态为每一个数据项按照模板创建控件。其次,对于PostBack之后数据发生更新的情况它能应付自如。为了说明PostBack更新数据造成的影响,让我们再来看一个例子。

首先,我们直接在Session里存放一个string[],内容为{"apple", "boy", "cat", "dog"},然后我们需要将它们显示出来,每一个项目显示为一个LinkButton,点击之后就在数组中将它删除。我们都知道使用Repeater或者GridView搭配ObjectDataSource做这样简单的事情是绝对没问题的,但如果我们手动编写动态创建控件的过程呢?

按照大多数人所理解的ASP.NET逻辑,首先应该在Load这一阶段遍历数组,然后为每一个数据项创建一个LinkButton,最后把这一切都附加到页面上唯一的那个HtmlForm上面去。删除怎么做呢?LinkButton实现了IButtonControl,所以可以添加CommandArgument属性,我们就把字符串保存进去好了。在OnCommand的时候就通过此属性识别当前需要删除的字符串,然后从数组中删除,并且还要在HtmlForm中搜索对应的LinkButton然后把它移除。

这时候你应该看看OnLoad中的代码是否记得为每一个控件的ID属性赋值,否则就会出问题了。页面一开始生成的结构应该是这样的:(左侧的是控件的ID,右侧是控件显示的字符串)

ctl01 ("apple")
ctl02 ("boy")
ctl03 ("cat")
ctl04 ("dog")

我们点击"boy",页面进行PostBack,然后Load生成同样的控件树,之后OnDelete删除ctl02,所以输出的控件树应该是这样的:

ctl01 ("apple")
ctl03 ("cat")
ctl04 ("dog")

我们这次点击"cat",页面又在PostBack,但接着Load生成的控件树就不同了:

ctl01 ("apple")
ctl02 ("cat")
ctl03 ("dog")

必须留意到控件的ID属性重新编号了,然而ASP.NET仅仅知道我们点击了ctl03,所以触发的ctl03的OnCommand,根据现在的ctl03的CommandArgument属性,删除了"dog"字符串。这就是所谓的问题了,无指定ID的控件会自动按顺序分配ID,因此ID具有了不确定性。

如果在OnCommand的时候,调用HtmlForm的Controls.Clear(),是否就能移除所有控件并且让ID重头开始编号呢?实验结果表明上述删除过程中第一次PostBack后会生成这样的控件树:

ctl05 ("apple")
ctl06 ("cat")
ctl07 ("dog")

也就是说,移除确实是移除了,然而ID编号没有重置,而是继续编号。那么Repeater是怎么做到的呢?为什么直接使用Repeater就没有任何问题呢?这个下一篇文章再说,我们现在专心来把问题逐个击破,现在你记住这种情况选择Repeater或者其他更高级的数据控件就是了。

不确定类型的控件

在面对此类问题的时候,首先问问自己控件的数量,如果数量不多,直接通过设置控件的Visible属性解决问题就是了。这也就是说,把可能要显示的控件都声明为Visible="false",然后在代码中判断当前应该将哪个显示出来。

如果控件比较多,然而还是能分组的,同一时间仅仅显示其中的一组,那么你应该考虑使用MultiView,这样你的工作将会轻松不少。事实上,能够使用MultiView解决的,都应该优先考虑使用MultiView解决,这比起自己控制哪一个控件显示哪一个控件隐藏要方便多了。其实MultiView所做的,也就是帮你控制控件的显示与隐藏。

这样做的性能如何呢?我们关注两方面的问题,一方面是服务器端执行的资源消耗,另一方面是传输的带宽消耗。我们先来看看服务器端执行的资源消耗吧,我们最常见的消耗应该就是数据控件操作数据库时的消耗了。在ASP.NET 1.x时代,我们没有数据源控件,所以必须手动进行DataBind(),这也就是说如果不手动执行DataBind()的话就不会进行任何数据操作,因此只要我们记得在数据控件不显示的时候也不要让它执行DataBind()就是了,那样就不会有性能损失。在ASP.NET 2.0当中,使用数据源控件的话数据控件是会自动DataBind()的,这时候会造成控件隐藏时的资源消耗呢?事实上是不会的,数据控件即使已经定义了DataSourceID属性,它也仅仅在自己第一次可见时才进行自动DataBind()。如果数据控件的状态是隐藏的(包括使用MultiView隐藏),它就不会自动进行DataBind()。因此,在ASP.NET 2.0中使用数据源控件以及MultiView之后其底层过程还是和ASP.NET 1.x手动操作的一样,就是少写一些代码而已。

我们接着来看看带宽消耗如何,因为隐藏的控件不输出任何的HTML,因此带宽消耗就是指ViewState了。控件隐藏后,ViewState是不变的,因此隐藏控件确实比完全不加载控件造成了更多的资源消耗,换取的是该控件的状态得以保存。一般来说,简单控件隐藏后多出来几十字节的ViewState是可以忽略不计的,整个页面中HTML缩进所需的空格也都几十上百字节了;但如果是复杂控件,拥有大量的ViewState,这时候你真的应该考虑动态加载了。

总的来说,面对这类问题时首先判断显示隐藏控件的逻辑是否复杂,控件本身是否复杂。如果是比较简单的情况,则直接使用MultiView解决就是了。如果是复杂的情况,那就应该考虑自己使用控件将此逻辑封装在内,而不是直接在页面上暴露这些复杂性。关于封装控件的问题,在下一篇文章中再讨论,因此我们继续看下一类问题。

既不确定类型也不确定数量的控件

有时候我们面对前面两类问题都有清晰的思路,但是面对复合问题就感觉很混乱了。例如还是一个调查问卷的显示,数据来自XML,问题类型包括单选和多选,每一道问题的选项个数也不确定,这时候怎么办呢?foreach嵌套foreach,外层迭代问题内层迭代选项,逐个CheckBox/RadioButton来生成?

这时候我们需要的是把问题分而治之逐个击破的思想。既然是上述两类问题的嵌套,我们就应该能够通过嵌套对应的解决方案来实现。对于这个调查问卷的例子,我们可以用Repeater来迭代问题,先把这个定下来,再考虑模板里面怎么做。模板里面需要显示的是一个不确定类型的问题,因此模板里面放一个MutliView,把问题类型的表达式绑定到其ActiveViewIndex属性上,例如单选题就是0多选题就是1。然后MultiView里面的两个View各自嵌套一个Repeater,第0个Repeater迭代选项并显示为RadioButton,第1个Repeater迭代选项并显示为CheckBox。就这样就完成了,我们没写任何一行后台代码,也没有动态创建任何控件。

然后我们来分析一下这个解决方案的性能。对比起动态创建控件,它所使用的控件确实是多了一倍,因为一道问题同时创建了两组选项,一组单选一组多选,只不过其中一组被隐藏了。然而隐藏掉的那一组唯一的服务器端资源消耗就是创建以及绑定,它们不输出任何的HTML,因为它们的值不会被改变所以也不会输出任何的ViewState,并且它们也不会触发任何事件,因此在对性能没有特别要求的情况下这样的性能损失还是可以接受的。至少,这比起你自己去研究ASP.NET页面生命周期然后自己写一大段代码来实现动态加载控件要好多了。

问题与实验

本系列上一篇文章的问题与实验一直没有解答,现在给出参考答案如下:

  1. 为Page增加一个ShowCheckBox的属性:
    bool ShowCheckBox {
      get { return (ViewState["ShowCheckBox"] == null) ? false : (bool)ViewState["ShowCheckBox"]; }
      set { ViewState["ShowCheckBox"] = value; }
    }
    在OnLoad的时候检测ShowCheckBox属性,如果为true则添加上该CheckBox控件。在Button的OnClick事件中,设置ShowCheckBox为true,并添加上CheckBox。记得这两处创建的CheckBox必须拥有一致的ID属性。
  2. 这是为了让ICallbackEventHandler的处理模型符合页面生命周期的模型。虽然Callback发生的时候,页面生命周期已经与PostBack不同,然而ICallbackEventHandler还是让Callback模仿了PostBack的页面生命周期。RaiseCallbackEvent相当于PostBack的Raise PostBackEvent阶段,GetCallbackResult相当于PostBack的PreRender阶段。前者负责事件响应,后者负责生成返回客户端的HTML代码。

这次想和大家讨论的问题是,你觉得你是完美主义者吗?面对上面的调查问卷需求,你会选择我所说的Repeater套MultiView再套Repeater的做法,从而避免写任何一行后台代码,还是会选择自己封装一个控件动态创建所有控件,避免任何不必要的性能损失?

最后,如果你喜欢本系列文章,并且不希望错过下一篇关于控件开发的文章,欢迎订阅我的blog:

在下一篇文章中,我将会介绍Repeater等数据控件是如何工作的,为什么它们能够轻松应对动态创建控件的各种情况,我们如何学习这些控件的设计模式并运用到我们的开发当中。

2007年9月6日星期四

Is this cheating?

终于把《The Game》看完了。不知道是不是因为它的写作风格比较pop culture,好像Hollywood大片的台词风格,所以读起来感觉非常好,也让人非常addicted,这点与读英文的技术书不同。这本书对我来说属于少数,我的意思是能够随之而来影响我现实生活的书,那当然是少数了。

首先当然是通过这本书发现了一条self improve的途径,因为the game本身不仅仅是围绕pick up这一个game,而是关于你的self-confidence。有些人天生就很有自信,能够随便地对别人说出自己想要的,或者仅仅是想法,而不怕遭受别人拒绝;另外还有一些人则相反,他们会害怕遭受拒绝,拒绝后也就接受了,而且心里还会不舒服上一会儿,以后再次提出的胆量也就少了。当然,人不是两极分化的,所以大部分的人分布在这两种极端之间,但总的来说还是有不少人对遭受拒绝感到恐惧。

读完这本书之后,就明白了PUA都想获得的一种本能反应——“我才不在乎呢”,反正被拒绝又如何,我又没有损失的。其实很多很理性的人都能够理解到没有损失这一点,但就是心理上不愿意接受被拒绝的可能性。对我而言,要去掉这种恐惧并不难,看完这本书之后我能够很快切换到那种心态,这正的麻烦在于——要降低被拒绝的概率,心态不是主要问题,技术才是主要问题。然而要练习技术就不再是那么容易,你需要花大量时间投入到实践当中,不断摸索,然而暂时对我来说我不觉得我有必要投入那么多的时间到与不同的人交流当中去。我还有书要翻译,我还有TOEFL要准备。

这本书引发的后继事件,包括我推荐了JimRobert来看这本书,然后我又在豆瓣上发现了ePIK也在看这本书。其中Robert和ePIK都和我一样是沉迷型的——这本书正是我想要的,我缺乏的东西里面有说,我渴望这种改变。而且我们这三个人还有一个共同点——technically a virgin。我想这正是我们渴望去改变的原因,因为我们都看到了前面有路可走,我们需要看清楚这条路,以及它能够怎么走下去。然而对于我身边的大多数朋友来说,他们对此都毫无兴趣,他们不是没有这个需求,而是忽视这个需求的存在,认为这不是能够通过一本书所展开的一组技能就能解决的。我们之所以相信这本书是有效的,是因为读过之后很快就开始分析身边亲眼目睹的一些这方面的成功人士的做法,并且发现这些天生拥有此项技能的人正好符合书中的描述。

有一件巧合的事见,我们在读这本书的时候,VH1的真人秀The Pick Up Artist开播了。书中有一些事情的描述,单纯看文本是怎么都看不明白的,但如果看到真人实践那就好理解很多了。另外网上有关的资料也不少,我们都搜集回来看看。有很多的技巧,其实不仅仅适用于pick up,还适用于日常沟通,能够让对方更乐于听你说,被你所吸引。

好了,有人看到这里肯定要说我文不对题了,起了一个完全无关的标题来吸引眼球。其实不是的,题目正是我接下来要讨论的内容。首先我要说明一点,现在我是支持life is all about experience的,你必须有所体验了才能更好地作出选择。就好像我希望能到不同的国家旅游一下,这样我才能更好地决定我到底想去哪里发展,随大流挤去美国并不一定是最好的。女人也一样,你要有充分的经验你才能够更好的选择,一开始就盲目相信one-itis是不行的,必须有重复的依据说明那真的是你的one-itis才值得你去追,然而依据来源于经验,而不是无端端的感觉。

好了,这时候问题就来了,就好像我只能告诉Singzy,"you are part of my experience, but you might not be the one"。这时候就违反了常人对relationship的理解。一般的理解是,因为我喜欢你,所以我喜欢和你在一起。然而我的逻辑是,我不确认我对你的态度,然而我需要和你在一起,因为这样才有助于我确定对你的态度。这就是题目所要问的,"is this cheating?"。

当然,其实我不认识这是cheating,这对我来说不是一个问题。因为我首先要有这样的看法了,我才能继续我的experience,否则认知失调带来的麻烦将更大,至少比选择女人的麻烦要大。The Game里面提到一件事情,就是假如你认为隐瞒着一个情人去发展或维持另外一个或者一些情人的关系是不道德的,那么你就不要这样做了,因为你自己都认为是错误的事情,无论如何都是错的。但是如果你好像穆斯林那样,认为这是对的,直接告诉对方我是一个穆斯林,在穆斯林的信仰当中一个男人要有三四个老婆才好,你是爱我的话就必须接受我的一切,包括我的信仰,这样才可能有出路。因此,我也就选择了把我所知道的以及我的逻辑告诉了Singzy。