长期以来，为了改善站点的用户体验，我们一直都是在页面顶端加上一个 (new Date()).getTime() 来获取用户打开页面的时间，使用httpwatch来分析页面打开的解释时间。httpwatch虽然强大，但是还是无法让我们深入到用户的环境去了解用户打开页面前的一些情况，例如:DNS解释时间，请求和响应时间，以及更加深入的页面渲染时间等重要信息。这些信息对用户环境分析是至关重要的。

        如今，这个情况即将改变，微软的IE9将给前端开发们提供有力的性能分析接口让我们能够深入分析页面的性能，这就是强大的msPerformance接口。这个接口其实是基于HTML5草案Web Timing的定义来开发的（有意思的是这个接口是google提供的，chrome目前还没支持，IE9先行了）。

        我们来看看通过Web Timing我们可以获取到什么数据

window.msPerformance.navigation

 {

requestCount : 76

type : 0

startTime : 1277821481923

redirectedCount : 5

uniqueDomains : 31

}

window.msPerformance.timingMeasures

 {

request : 22

domContentLoaded : 342

response : 10

firstPaint : 29

domInteractive : 342

msStyleContentLoaded : 342

fetch : 459

domComplete : 342

load : 89

connect : 3

}

window.msPerformance.timing

 {

domLoading : 1277821481950

responseEnd : 1277821481960

navigationStart : 1277821481923

fetchStart : 1277821481923

msStyleContentLoaded : 1277821482293

firstPaint : 1277821481952

fullyLoaded : 0

requestStart : 1277821481927

loadEnd : 1277821482383

unloadStart : 1277821481923

}

通过这些数据我们可以更加深入得分析页面的性能和用户的网络环境，提供更加好的差异化服务。

 到这里下载IE9预览版

发现IE9pre3的console列出的接口不全，直接用调试器把这个接口和方法全部列出来了，更加直观

Qzone 即将推用户更新IE6,积极推动IE6在中国的灭亡。 希望能给更多用户和前端开发出一份勉力。

更多消息可以关注Qzone的微薄 http://t.qq.com/qzone

更多详情请看论坛帖子： http://bbs.pjhome.net/thread-62244-1-1.html

同样是个实验性作品，还在开发中，暂时直接读取RSS，还没正在读取日志内容。

不过在 iphone 上开发web产品的确很过瘾。 浏览器支持程度给开发更大的开发空间。完善的HTML5和CSS3特性，某个角度上讲iphone的确没啥必要需要Flash。

经过三天放假时间，把PJHome的首页的样式进行了一次彻底的改版。之前就打算尝试用CSS3来做一个新的主页，现在总算完成了。

新版主页，设计出过两版，因为家里的显示器差异问题，第一版被我否决了。原因是不同显示器上差异太大（眼睛被欺骗了）。

在这个版本的风格中，样式的编写是基于Chrome的环境下编写的。所以这个风格也只有在safari和chrome下能还原完整的效果。firefox和IE8其次，Opera下还有一些小问题，不过问题不大。 IE7和IE6细节上的差异就很多。本来打算放弃IE6的，不过当我调整好IE7后，又不忍心hack了一下IE6至少算能看了，但是不支持IE6的决心没变。

在做这个风格的时候，也发现了自己在写PJBlog的皮肤框架的很多不足，所以为了实现这个风格的部分效果，没办法改动了一些程序的模版，所以就不提供下载了。整个风格还是实验性阶段，样式很凌乱没有系统得整理好，一些细节还有问题。

1）新风格的特点：

      很多页面的实现采用了CSS3来完成。减少了很多不必要的图片开支（当然还没做得和彻底）。

      在Chrome和Safari下 能够100%还原页面， firefox 和 IE8 Opera能够还原80%左右，IE6 IE7会再损失 10%的特性。 

      如果装了雅黑字体，浏览会更加完美

      960样式布局，这真是一个神奇的数字。

      更加简洁的页面布局

2）CSS3 差异？

(顶部登陆框，用到的rgba和圆角，以及text-shadow)

(文字渐变色，用到了webkit的mask image和渐变色填充)

(日期，用了文字投影，1px的白色底)

(最复杂的一部分，用了:after 伪类填充文字，然后过渡渐变，最后鼠标移动的时候把伪类填充出来的文字过渡到白色)

(tag的效果，只用了圆角)

(图片框，用了圆角和box-shadow)

(动画转动的翻页，只有chrome下能看到。当然还有投影)

(这个很简单，投影和圆角)

3）初稿截图，最初的稿件，只上线了一天，被我否掉了。。。

 微软发布了IE9的技术预览版，也放出了不少测试的实例，整体来看给大家带来一支镇定剂。不过舜子这里对其中一个演示案例很感兴趣。

我们先来看看这个实例：点击打开

最让我好奇的是chrome在这个实例中几乎是所有浏览器中最慢的，令人大跌眼镜。

深入分析了这个实例的实现，里面包含其实两部分功能会影响性能，动画的JS算法和图片的渲染。

测试单纯的动画的算法，把所有图片都block掉。测试得出的结果是，chrome处理256张图片，平均44FPS。而其他浏览器IE7(应为没装IE9,暂时用IE7测试一下)，firefox3.6，opera 10.50平均20~22 左右。这说明chrome在纯算法上都是非常有优势的。

这里动画的JS算法并不是最主要的问题了，最大的问题看来是来自对图片的渲染上。仔细看了每一张图片，每张图片都是以一个540x540包括alpha透明的浏览器logo。 看来chrome在渲染大尺寸PNG的时候吃了很大的亏。期待下一个版本的chrome能修复对PNG处理的问题，毕竟这个也是主流的图片格式。

（微软故意挑战chrome的PNG图片）

这里舜子还没有针对IE9进行完整的测试。不过在同事的电脑上测试这个实例时，无疑IE9在渲染上是目前所有浏览器中最快的。而且还有D2D对图片渲染图片在放大和缩小都有抗锯齿表现。

我把这个测试实例down了下来，有兴趣的朋友可以自己测试一下

 点击下载此文件

 

      ● 有19% 的站点用了严格型的标准来设计(非常好的数据，得感谢默默无闻在前线工作的页面重构同学们)

研究了chrome的插件编写方式，刚好结合我们的Qzone的APP写了一个应用。 欢迎大家尝鲜 :P

写chrome插件给人的感觉还是挺爽的。很强很html5。

安装请步移：

https://chrome.google.com/extensions/detail/mfibffkabmegiiapfkpdcpmhcigkncac?hl=zh-CN

*如果无法下载，请配以下host:

74.125.39.99 chrome.google.com

74.125.47.139 clients2.google.com

对喜欢看代码的同学说的话，看到代码别见怪。源码很乱，第一次写chrome插件没很好得规划

GTD是英文Getting Things Done的缩写，是一种行为管理的方法，也是David Allen写的一本书的书名。

GTD的主要原则在于一个人需要通过记录的方式把头脑中的各种任务移出来。通过这样的方式，头脑可以不用塞满各种需要完成的事情，而集中精力在正在完成的事情。

-----------GTD相关资料-----------

GTD 百科 - 来自维基百科
[GTD]: Getting Things Done! 搞定–来自“车东Blog”
GTD流程图解–来自“车东Blog”
GTD的基本理念、方法与网络资源–来自“未完成-Incomplete”
尽管去做(无压工作的艺术)–中文版“豆瓣”书评
搞定2鍾輕鬆管理工作與生活GETTING THINGS DONE–台版中译本“豆瓣”简介
通往GTD的一百步 - 来自“生活帮”