Yahoo!曾经针对网站速度体验提出了34条准则《Best Practices for Speeding Up Your Web Site》(中文译文)。 YSlow在这些准则的基础上精简为更加直观的13条,针对每一条从A-F评分,得出一个总分,来评估一个网站的优化程度,你可以很方便地从YSlow的测试结果中看到你得不足的地方,并加以改进。 YSlow是FireBug的一个插件,在FireFox里使用。 本站测试结果截图如下: 由于加入了Google统计和Yahoo统计的JS代码,所以Http请求较多,并且,它们的JS代码是没有加上Expires的,所以,在1\3\9\10几个项目中拖下了不少分数~
Monthly Archives: 三月 2009
JS利用Canvas,跨浏览器实现图片旋转效果
2009年03月18日 – 00:08
目的: 对图片进行90、180、270度的旋转,便于浏览照片。 实现方法: 1.IE浏览器,使用BasicImage滤镜 filter : progid:DXImageTransform.Microsoft.BasicImage ( enabled=bEnabled , grayScale=bGray , mirror=bMirror , opacity=fOpacity , XRay=bXRay ) Rotation:可读写。整数值(Integer)。设置或检索对象内容的旋转。0 | 1 | 2 | 3 0:默认值。内容不旋转。 1:内容旋转90度。 2:内容旋转180度。 3:内容旋转270度。 _this._img.style.filter = ‘progid:DXImageTransform.Microsoft.BasicImage(Rotation=’ + _this.r + ‘)’; 2.其它标准浏览器(FireFox,Chrome,Safari,Opera)都支持Canvas,利用Canvas的rotate以及drawImage对图片进行旋转。 mozilla的Canvas文档:https://developer.mozilla.org/En/Canvas_tutorial








