跟踪浏览器重绘结果的脚本

作者:puterjam 日期:2009-05-04
04May

之前在firefox 3.5上做了一个监控浏览器repaint跟踪的尝试。现在把之前的实验做成一个工具(GreaseMonkey 脚本)，可以让大家跟踪页面的重绘情况。同时也能找到reflow的存在可能。

(监控 Google 搜索框的repaint情况)

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

Repaint 跟踪浏览器的渲染

作者:puterjam 日期:2009-05-04
04May

前端优化，从很久就开始了。随着研究的深入，关注的点就越来越多。最近也有不少的前端开发同学在研究浏览器的Reflow和Repaint . 引用以为Yahoo前端开发工程师的分析

repaint(重绘)是在一个元素的外观被改变，但没有改变布局的情况下发生，如改变visibility、outline、前景色。

"According to Opera , repaint is expensive because the browser must verify the visibility of all other nodes in the DOM tree."

当repaint发生时，浏览器会验证DOM树上的所有其它结点的visibility属性。

reflow(回流)是导致DOM脚本执行低效的关键因素之一。页面上任何一个结点触发reflow，都会导致它的子结点及祖先结点重新渲染。

文本出自

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

opera 15岁了

作者:puterjam 日期:2009-04-29
29Apr

Opera 15th Birthday banner

今天，你可以打开 opera 官网看到一个很奇怪的页面

不仔细看还以为 opera 被黑了，其实不是。今天是Opera的15岁生日。

Tags: opera opera

分类:Diary | 固定链接 | 评论: 5 | 引用: 0 | 查看次数: 1252

作为未来的前端高手的你不能不知的 Web Workers

作者:puterjam 日期:2009-04-23
23Apr

Firefox 3.5 其中一个最大的特性就是对 worker 的支持(当然safari也支持)。workers不仅仅能够让我们未来的web APP更加MVC。同时,他的异步后端运算给web程序带来更多可能性。

到底有什么好处？来看实例更加直接一些. mozbox的Paul Rouget用模拟退火算法（Simulated annealing）给我们演示了workers的优越性。

1. 不了解 Simulated annealing 的可以先看看这个图形化的演示过程，了解的同学直接看第二步

Tags: Firefox Firefox workers workers

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

PJBlog3 v3.0.6.170 版本重要安全补丁

作者:puterjam 日期:2009-04-22
22Apr

4.22补丁：

增加 Checkxss()重要函数。

代码安全由安全小组测试通过。

分类:PJBlog3 | 固定链接 | 评论: 14 | 引用: 0 | 查看次数: 4400

Google 发布浏览器3D插件 O3D API

作者:puterjam 日期:2009-04-22
22Apr

在W3C没有公布canvas 3D Context接口之前，Google先发布了浏览器用的3D插件，通过O3D可以让开发者在网页上实现Rich 3D的应用。支持 Mac　和 windows　平台.　这是不是暗示浏览器的web　3D时代即将来临？

更多介绍可以看这里:
http://code.google.com/intl/zh-CN/apis/o3d/

插件安装:
http://tools.google.com/dlpage/o3d

一些演示:
http://code.google.com/intl/zh-CN/apis/o3d/docs/samplesdirectory.html