IE9允许前端开发获取到页面性能数据

作者:puterjam 日期:2010-06-29

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

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

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

分类:Javascript | 固定链接 | 评论: 20 | 引用: 0 | 查看次数: 1516

我的Qzone应用插件 for chrome

作者:puterjam 日期:2010-02-08

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

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

Tags: chrome chrome qzone qzone

分类:Javascript | 固定链接 | 评论: 19 | 引用: 0 | 查看次数: 3541

IE9 前瞻

作者:puterjam 日期:2009-11-19

虽然IE6在依然是很重要的钉子户，但是我们不能放弃关注未来ie的变化。

IE9 的几个关键字：硬件渲染，新的JS引擎，CSS，标准

大家期待已久的圆角也将支持了

Tags: IE IE

分类:Javascript | 固定链接 | 评论: 13 | 引用: 0 | 查看次数: 3156

firefox 3.6 beta 发布

作者:puterjam 日期:2009-11-04

firefox 3.6 beta 发布,增加了不少上流的功能。

1. window.onhashchange 期待已久的接口，
https://developer.mozilla.org/en/DOM/window.onhashchange

2. http 行为监听，字面意思应该是允许进行一些http的监听工作，类似抓包(应该是给插件提供的接口)
You can now monitor HTTP transactions to observe requests and responses in real time.
https://developer.mozilla.org/en/Monitoring_HTTP_activity

3. 全屏视频

4. 字体支持

5. 拖拽支持文件直接拖拽

6. 图片渲染品质缩放算法类似ie的 -ms-interpolation-mode

更多变化请看这里
https://developer.mozilla.org/en/Firefox_3.6_for_developers

不过这里没有提到真 html 5 （放弃doctype定义）的模式。

下载：
https://developer.mozilla.org/devnews/index.php/2009/10/30/firefox-3-6-beta-1-is-now-available-for-download/

Tags: Firefox Firefox

分类:Javascript | 固定链接 | 评论: 6 | 引用: 0 | 查看次数: 692

使用 Eclipse 调试 Chrome 的脚本

作者:puterjam 日期:2009-08-06

Google Chrome 发布了基于 Eclispe 的调试工具 Chrome Developer Tools , 调试需要Chrome 3.0.189.0 以上版本。

这样我们就可以使用Eclipse远程调试Chrome的代码了。

分类:Javascript | 固定链接 | 评论: 10 | 引用: 0 | 查看次数: 1584

QZFL Core Cheat sheet

作者:puterjam 日期:2009-08-05

QZFL 是团队共同努力开发的一套JS框架。也准备结束开源框架在公司内部无法维护的问题。不过同学们还是反映希望能得到一份接口文档的小抄版。晚上花了一点时间输出了一份QZFL 2.0 Core 的Cheat Sheet。

Tags: frameworks frameworks core core qzfl qzfl

分类:Javascript | 固定链接 | 评论: 11 | 引用: 0 | 查看次数: 1795

判断Javascript变量类型的函数

作者:puterjam 日期:2009-07-29

toString 本来是用来做字符串转换的，不过现在流行用来做变量类型的检查了。舜子这里也写了一个函数，方便检查变量的类型，可以用来代替 typeof

function getType(o) {
var _t; return ((_t = typeof(o)) == "object" ? o==null && "null" || Object.prototype.toString.call(o).slice(8,-1):_t).toLowerCase();
}

执行结果：

getType("abc"); //string
getType(true); //boolean
getType(123); //number
getType([]); //array
getType({}); //object
getType(function(){}); //function
getType(new Date); //date
getType(new RegExp); //regexp
getType(Math); //math
getType(null); //null