相比 PHP, Ruby, Python 等语言，用 Java 来做 web 开发面临着太多的选择。不过也许正因为 Java 的选择更多，所以才有更多的人选择 Java？这一点不能确定。来这里看看，光是持久层的 ORM 工具就有这么一大坨。当然这里面还是 Hibernate 为王，这个选择比较容易做。 然而到了表现层，虽然框架不是那么多，但是选择起来可不容易。每个框架需要评估的方面至少包括性能、学习/开发速度、可维护性、用户群体 (community) 等。 Matt Raible 曾经对 Java web framework 们做了比较 (PDF 下载，建议右键另存为)，我觉得这个 presentation 可以从39页开始看。第43、43页的建议和 tips 非常有价值： Don’t believe blogs and articles – 也就是说，该 presentation 39页之前的内容要谨慎对待 🙂 Try it yourself Believe developers, not evangelists Believe developers that are experienced with the framework and have used it in production Beware of corporate interests – they can twist marketing Books are a good sign 如何选择呢？”Pick 2-3 frameworks for your type of application… and prototype! If prototyping is painful, switch.” 嗯，不要仅仅看各种派别的人整天在那争论孰优孰劣，虽然他们的争论很有价值，但是每个框架都有自己的优点和缺点，甚至有些优缺点是主观的。你选择的框架应该在你的项目环境（项目本身以及团队情况）中扬长避短，将优势发挥到最大。”You should try a framework before dissing it!” ...

Trac is an enhanced wiki and issue tracking system for software development projects. Redmine is a flexible project management web application. 实际上 Redmine 应该是 Trac 的 clone，基于 RoR. 它们都是对项目开发、管理非常有帮助的系统，可不仅仅是 bugzilla + wiki，Timeline 这个 feature 将 bug tracking system, wiki, 以及版本控制系统的最新动态整合起来，让你一眼看到项目的最新进展。 我用 Trac 多一些，现在也在用，也更倾向于 Trac，而 Redmine 只是短暂地用过一段时间，下面简单地对二者的重要特性做一下比较。实际上 python/ruby 我都不熟悉，所以下面的比较如有错误请多多指教 🙂 svn 支持 Trac 只支持本机，通过 python 直接读取目录中的数据 Redmine 是通过正常方式(http/svnserve之类)访问，支持远程代码库，不过要实现在 timeline 中实时看到最新的代码 commit 比较麻烦一点 多项目支持 Trac 可以在 Apache 中配置某目录的子目录全部为 Trac project，但是实现它们之间的综合管理比较麻烦 Redmine 原生支持多项目，管理比较方便 用户管理 ...

在 Windows 下面，TortoiseSVN 应该是最常用的 Subversion 客户端了。但是安装完成的时候它都会要求重启计算机，连 FAQ 上都是这么说的： You rebooted your PC of course after the installation? If you haven’t please do so now. 不过我觉得实际上并不需要重启。它要求重启只是为了跟 explorer 的绑定生效，而为了重启 explorer 去重启计算机显然有点得不偿失。 只需打开任务管理器，找到 explorer 进程并结束它，然后点击菜单“文件-新建任务(运行…)”，输入 explorer 回车，等一下任务栏出来的时候，一起就都 OK 了。

随着前端开发在 Web 开发中的地位日渐重要，前端相关的资源部署也成了各大网站开始重视的一步。 对于一个访问量相当大的网站来说，从前端方面考虑，除了使用 CDN 向客户端分发 JavaScript/CSS 资源，充分利用客户端浏览器缓存也是减轻服务器压力的一个重要途径。 首先按照我们的“常识”，认为 JavaScript/CSS 默认就是在浏览器中缓存“很长”一段时间的，作为最简单的策略，我们就依赖这种缓存机制来降低服务器的压力。然而，对于一个不断改进、更新的网站来说，JavaScript/CSS 的变动是相当频繁的。 **如何让浏览器知道这些静态资源的改变呢？**让我们从最简单的解决方案开始摸索和学习，慢慢改进。 刀耕火种的方式 把这件事扔给开发者吧。以 JSP 页面为例，首先在一个统一的 jsp 文件（例如 version.jsp）中定义所有静态资源的版本号： [code lang=”html”] <% String dialogVersion = “20090101”; … %> [/code] 然后在每个用到 JavaScript/CSS 的页面中包含该文件并且给静态资源加上版本号： [code lang=”html”] <%@ include file="/WEB-INF/include/common.jspf" %> … … [/code] 开发者负责在每次 commit 代码前检查自己修改过的静态资源，去修改相应的版本号。这给本来就不堪重负的开发者又增加了一项艰巨任务，他们难免会有疏忽的时候，等到有客户反馈问题，才想起来——哦，忘记改版本号了！ 自动化 一个成熟的开发团队应该使用版本控制工具来管理代码，一般最常用的是 Subversion. 除此之外，还应该有一套完善的部署脚本，执行一两个命令即可完成整个部署过程，而不是手动地去复制、修改代码。这个过程可能包含从 svn 检出代码、编译（解释型语言则省去了这一步）、选择性的复制（避免覆盖生产环境中的特定配置）等等。 有了这些基础，把上面手工修改版本号的工作交给自动脚本去做就可以了。”svn info” 命令可以列出文件最后被修改的版本号，我们只要得到这个版本号，把它写在 version.jsp 中即可。写这个脚本可能稍微麻烦一点，不过 python, perl, bash, ruby, 随便什么语言都可以，或者是一个 ant task. 这是一劳永逸的事情。开发者们可以把精力集中在真正的前端开发商了。 不要用 query string! 我本来以为到此为止就很完美了，但查阅了一些资料之后发现我的许多观点都是完全错误的。 首先，在上述的方法中，版本号是作为 query string 附在静态资源的 URL 上的，然而： ...

许多网站的登录页面为了提升用户体验，都在页面加载完成后让用户名那个input自动获取焦点。就连struts的html:form标签也考虑到了这一点，提供了一个focus的属性。 Gmail, Delicious都是这么做的。它们一般是hook页面的onload事件，调用input元素的focus方法。但是在网速较慢的情况下，onload可能会在表单显示之后好久才触发，而该事件触发前，用户可能已经填写了好几个表单项。假如此时用户刚好开始填写密码，就出现了下面的情景： 不仅破坏了两个已经填好的字段，对密码的安全也是一个威胁。 某些方法例如jQuery提供的domReady可以比onload更早执行，然而在网速极慢的时候仍然无法完全避免这种情况。 解决办法？我想大概有两种思路吧，一种是在用户名字段后面紧接着就插入一段javascript，让该字段获取焦点。 另一种，当表单中有字段获得焦点时，hook到onload的函数不再设置焦点。实现方式可以有很多种。

Crucial Web Hosting实际上是我尝试的第一家也是迄今为止唯一一家国外空间商。当时本来想在dreamhost, hostgator之类的里面挑一个的，正好CrucialWebHost做推广，价格非常优惠，$7.95/mo，然后还有优惠券，最后似乎是花了700多买了两年。最重要的是带有独立IP，这在其它空间上那里得每月几美元。 我不知道RatePoint是一家什么样的网站，不过上面关于CrucialWebHost的评论全部是溢美之词，这也迷惑了我好一阵子。在我使用该空间一年多的时间里，空间商两次更改IP而不通知客户，每次都是发现不能访问之后与之联系才得知IP更换。他们的理由是客户应该使用他们的DNS Server，然而其管理功能极弱，自己不能随意修改A/CNAME等记录，只能通过技术支持修改。虽然他们非常乐意为你效劳，但我相信没人愿意这么麻烦…… 2008年9月24日，我的网站在访问时出现错误： Table ‘xxx’ was created with a different version of MySQL and cannot be read 赶紧与客服联系。答曰，正在升级服务器的MySQL. 真让人无语。 后来又有一天，我有个使用mysqli的小程序出错了，mysqli无法加载，与客服交流后被告知：他们正在编译该模块。 When Dependability is Crucial Depend on Crucial Web Hosting, Ltd. 这句话出现在每个技术支持邮件的末尾，颇具讽刺意味。 在我买了空间不久，价格便暴涨到$25/mo，当然，涨价是不能指责人家的，他们也要活命嘛，以后买不起搬走就是了。不过最近我发现原来许多的条款例如无限个域名绑定，无限子域名，无限FTP账户都改了，有图为证： 你可以到他们网站看最新的参数，对比2007年12月31日的样子。感谢archive.org! 另外该空间商跟Magento不知道是什么关系，几乎在倾力为Magento hosting打造空间，官方blog的大部分文章都是关于这个的。 总之，感觉有点失望。什么split-shared，什么crucial，都是狗屁。

年前买了捌号主机的1000M PHP空间，本来想做个小网站玩玩的，不过事情不太顺利。您也知道，在我们文明的法治国家，做什么都得有个license，我的license就迟迟没有到手，相关部门的电话也是相当的热门，永远也打不通。每当想到这些，我脑海中都涌现出他们伟大的爷爷奶奶爸爸妈妈们，可是不知道从谁开始问候，就一切尽在不言中了。 正好又赶上了深受广大网民拥护的整治互联网低俗风系列活动，我深怕我的内容不能摆脱低俗之风，毒害“生活在懵懂之中的青少年”，遮挡住“幸福的曙光”，于是下定决心，牺牲我一个，幸福千万家，为营造一个“窗明几净的网络空间”做贡献。 现转让该PHP空间，08年12月20号买的，现在刚好还剩10个月，买的时候是398元，现在200元转让。空间的具体参数在捌号主机网站上可以查看。 最好通过淘宝交易：商品链接。 旺旺不在线时，可以发电子邮件： 本人开机即随时收邮件，反应速度足够快……

WordPress 2.7内置了threaded comment，评论的class name也变得非常繁杂。Betty给出了一张WordPress 2.7 评论结构一览图，但是我想许多人大概还不知道某些class name的规则是什么样的。 这里只说每条评论上添加的class name，总结一下，有这么多： comment, trackback, pingback, 这三个不用多说，用来区分评论类型，方便用CSS样式来区分不同类型的。它们互相排斥，所以要想三个有统一的样式，就得这么写规则： [code lang=’css’]ol.commentlist li.comment, ol.commentlist li.pingback, ol.commentlist li.trackback { … }[/code] byuser, comment-author-*, bypostauthor. 如果评论者是注册用户，会加上byuser和”comment-author-[nickname]“两个类，这样可以区分注册用户与非注册用户，甚至可以根据用户的不同呈现不同的样式。如果评论者是文章的作者，还会加上一个bypostauthor，这个最重要，很多blog用来突出显示文章作者的评论。 odd, alt, even. 评论的交替样式。评论从0开始计数，奇数时是odd, alt，偶数时是even. 注意，odd和alt两个类必然同时存在。一般情况下，根据odd, even来写CSS，另一种方式是根据有无alt这个类来写，两种方式选择其一即可。还要注意计数的顺序是按照“前序遍历”，具体可参考文章“WordPress 2.7自定义单条评论结构”中的图片。因此你不能保证这个thread（顶级评论）是奇数，下一个thread就是偶数。 thread-odd, thread-alt, thread-even. 和odd, alt, even类似，不过只计顶层评论。 depth-[number]. 表示评论嵌套的深度，顶层评论的class是depth-1，向下递增。可以根据这个调整输入框大小，以我的为例： [code lang=’css’]#comment { width: 530px; border: 1px solid #C4EF95; font-size: 12px; } .depth-1 #comment { width: 470px; } .depth-2 #comment { width: 410px; } .depth-3 #comment { width: 350px; }[/code] ...

客户端应用程序的日益丰富越来越显示出JavaScript的性能劣势，由于这种语言太大的灵活性，大多数实现都是解释器类型，性能都不会太好，人们甚至怀疑基于JavaScript的重量级web应用是否还有前途。好消息是Google Chrome的JavaScript引擎是一个虚拟机叫做v8，Firefox 3.1将会把原来的SpiderMonkey替换为更强大的TraceMonkey，一个应用JIT技术的引擎。 但是Chrome才刚刚出现，Firefox所占的市场份额也还不足够让人把它当作准绳。我们时时得考虑古老、陈旧、笨重的Internet Explorer，至少我们还没看见IE8的JavaScript实现有任何值得欢呼的线索。 即使所有浏览器都有了高效的实现，注重代码本身的性能依旧是一个好的习惯。写出优质的代码，比把劣质的代码扔给编译器/解释器去优化好得多，即使编译器/解释器的优化很强大，因为起点不一样。 下面是一些对了解JavaScript性能有帮助的一些资源： IE Blog里关于JS性能的文章，我建议新手先不要看IE/JScript Blog里的东西，他们经常会拿出自家的一些私藏来招待你。是的，IE没有实现JavaScript，他们实现的是一个叫JScript的东西，看起来跟JavaScript有点像。 IE + JavaScript Performance Recommendations – Part 1 变量使用的建议，你会看到，解释器不会做一丁点的优化，一些看似无用的多余代码可能会帮助你改善性能。 Part 2: JavaScript Code Inefficiencies 关于字符串拼接，eval和switch. Part 3 提到一点内存泄漏问题。 jQuery的作者指出提高客户端性能的工作不仅存在于JavaScript本身。 JavaScript Performance Stack When innerHTML isn’t Fast Enough 我们知道如果有一大堆HTML要插入DOM，innerHTML方式要比document.createElement然后插入快得多。这篇文章给出一种比innerHTML更快的方式。 Comet Information Systems写的系列文章： String Manipulation 字符串拼接 DOM Manipulation innerHTML, createElement, cloneNode. General Tips 对于编译器来说，循环不变量外提是最基本的优化之一，然而你可不要认为JavaScript解释器也会为你做这个： JavaScript loop performance 微软曾经针对IE推出一个自动更新，声称内存泄漏得到了解决，一时间开发者们欢欣鼓舞。但是马上人们就发现了问题，和他们在blog里的惯用手法一样，这只不过是掩人耳目，夸大其词。 IE’s Memory Leak Fix Greatly Exaggerated

WordPress 2.7内置了threaded comment之后，原来主题的comments.php文件中繁琐的评论循环简化成了一个函数调用：wp_list_comments. 然而不加任何参数调用该函数的话，它输出的HTML结构是固定的。尽管它给每个元素都提供了丰富的class name供CSS样式使用，但是CSS并不足够灵活（除非使用一些我认为不是太好的方式，比如大量绝对定位），可以任意显示固定的DOM结构。某些情况下，我们还是希望能够自己来定义DOM结构。 WordPress开发者当然考虑到了这一点，在Codex上的文档页就给出了一个例子。实际上就是wp_list_comments接收的数组参数中可以传入两个回调函数。一个是callback，负责输出一条评论的主体部分。另一个是end-callback，负责输出评论的结束部分。 解释一下。threaded comments实际上在内部就是一个“森林”，每一条顶层评论和它的所有回复、回复的回复构成一棵树。wp_list_comments对每棵树做一次遍历，首先调用参数callback指定的函数，然后递归遍历其子节点（输出回复评论），完成之后再调用参数end-callback指定的函数。如果不指定这两个函数，WordPress就会输出默认的结构，实际上大家都是把默认输出复制到自己的回调函数中，然后修改一下结构。简单的说，就是callback输出一个块的开头加上该评论自己的内容，end-callback输出这个块的结尾，中间是子评论。如下图所示的遍历顺序，偏下的箭头表示调用callback，偏上的箭头表示调用end-callback. 以上提到的关键代码都在wp-includes/comment-template.php中。