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）”，然后
   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，像电影回放一下，看看过去的一年，挺有意思。一年有些事很无聊，有些事注定要埋藏心里，也有些事值得回味、整理和沉积。

有兴趣？继续阅读 »»

蜕变

我确信第四届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年尤金·史密斯人道主义摄影大奖。卢广说：“我现在考虑的就是怎么能好好地解决这些问题，解决不了也没关系，我先记录，记录对我来说是第一位的。”向其致敬。以下是部分获奖作品。

有兴趣？继续阅读 »»