<?xml version="1.0" encoding="UTF-8"?> <rss
version="2.0"
xmlns:content="http://purl.org/rss/1.0/modules/content/"
xmlns:wfw="http://wellformedweb.org/CommentAPI/"
xmlns:dc="http://purl.org/dc/elements/1.1/"
xmlns:atom="http://www.w3.org/2005/Atom"
xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
> <channel><title>博优谷 &#187; Js</title> <atom:link href="http://www.canfree.com/tag/js/feed" rel="self" type="application/rss+xml" /><link>http://www.canfree.com</link> <description>博优谷是知名的IT评论博客，探讨网站优化，网上赚钱，免费资源，站长工具，站长新闻等资讯</description> <lastBuildDate>Sun, 05 Feb 2012 15:46:40 +0000</lastBuildDate> <language>en</language> <sy:updatePeriod>hourly</sy:updatePeriod> <sy:updateFrequency>1</sy:updateFrequency> <generator>http://wordpress.org/?v=3.2.1</generator> <item><title>IE8与Firefox3.5 2009年度终极PK尘埃落定</title><link>http://www.canfree.com/ie8-and-firefox3-5-2009-annual-ultimate-pk-settled.htm</link> <comments>http://www.canfree.com/ie8-and-firefox3-5-2009-annual-ultimate-pk-settled.htm#comments</comments> <pubDate>Sun, 10 Jan 2010 19:17:33 +0000</pubDate> <dc:creator>博优谷</dc:creator> <category><![CDATA[站长资讯]]></category> <category><![CDATA[Firefox]]></category> <category><![CDATA[IE6]]></category> <category><![CDATA[Js]]></category> <category><![CDATA[兼容性]]></category> <category><![CDATA[浏览器]]></category> <guid
isPermaLink="false">http://www.canfree.com/ie8-and-firefox3-5-2009-annual-ultimate-pk-settled.htm</guid> <description><![CDATA[网络发展的非常快，Mozilla给Firefox的引擎打了强心剂让他运行的更快：Firefox 3.5要比Firefox 3快两倍都不止，要比Firefox 2快十倍以上。* Firefox越来越快，带来的好处就是像Email、照片站点和你最喜欢的社交网站之类的互联网应用都会显得精力充沛，响应更加迅速。 IE浏览器从1995年到2004年一直占据着庞大的市场份额，版本从5升到8，性能虽有所提升但是鉴于其内核的诟病，即使在WIN7环境下也是常有意想不到的错误。下面从几个方面对IE8与FIREFOX3.5做一个综合比较，让数据说话。 常用功能上的差异 IE8 FIREFOX3.5 双击关闭标签页 × √ 拖拽链接打开新标签 × √ 皮肤功能 × √ 在易用性上，FIREFOX还是略胜一筹。未列出项两者均具备或不具备。 弹窗拦截能力测试&#160; IE8 FIREFOX3.5 弹窗拦截成功数 25 25 弹窗拦截失败数 2 2 未通过测试 12、16 12、22 弹出窗口拦截是浏览器的重要功能之一，但是由于弹出窗口的方式有许多，不同的浏览器对弹出窗口的拦截能力也有所不同。在不加装额外的插件和工具的情况下，采用默认设置，通过27种不同类型的弹出窗口测试，两者能力相当。 Acid 页面兼容性测试 IE8 FIREFOX3.5 Acid3 测试得分 21 70 Acid是网页浏览器的标准兼容性的测试，在浏览器领域，是评估浏览器兼容性的标准。目前有Acid2和Acid3两种，经过一段时间的完善，如今的浏览器对于Acid2大都能够较好完成；而Acid3是目前Web标准基准测试中最严格的一个，对DOM和JavaScript有着严格的约束。分数越高兼容性越好！ Javascript 执行速度测试 IE8 FIREFOX3.5 V8 Benchmark 测试 43.3 137 Javascript 批量执行耗时 695ms 348ms Javascript在网页中的应用非常普遍，为了达到更好的展现效果和交互效果等，许多网页开发者大量采用了Javascript技术，因此浏览器对Javascript的解析速度则会影响到我们的使用。 [...]]]></description> <content:encoded><![CDATA[<p>网络发展的非常快，Mozilla给Firefox的引擎打了强心剂让他运行的更快：Firefox 3.5要比Firefox 3快两倍都不止，要比Firefox 2快十倍以上。<sup>*</sup> Firefox越来越快，带来的好处就是像Email、照片站点和你最喜欢的社交网站之类的互联网应用都会显得精力充沛，响应更加迅速。</p><p><img
style="border-right-width: 0px; display: block; float: none; border-top-width: 0px; border-bottom-width: 0px; margin-left: auto; border-left-width: 0px; margin-right: auto" title="firefox3.6" border="0" alt="firefox3.6 IE8与Firefox3.5 2009年度终极PK尘埃落定" src="http://www.canfree.com/wp-content/uploads/2010/01/firefox3.6.jpg" width="462" height="239" /></p><p>IE浏览器从1995年到2004年一直占据着庞大的市场份额，版本从5升到8，性能虽有所提升但是鉴于其内核的诟病，即使在WIN7环境下也是常有意想不到的错误。下面从几个方面对IE8与FIREFOX3.5做一个综合比较，让数据说话。</p><p> <span
id="more-1087"></span><br
/><table
border="0" cellspacing="0" cellpadding="0" width="480"><tbody><tr><td
valign="top" width="200"><strong><font
color="#ff0000">常用功能上的差异</font></strong></td><td
valign="top" width="120">IE8</td><td
valign="top" width="120">FIREFOX3.5</td></tr><tr><td
valign="top" width="200">双击关闭标签页</td><td
valign="top" width="120">×</td><td
valign="top" width="120">√</td></tr><tr><td
valign="top" width="200">拖拽链接打开新标签</td><td
valign="top" width="120">×</td><td
valign="top" width="120">√</td></tr><tr><td
valign="top" width="200">皮肤功能</td><td
valign="top" width="120">×</td><td
valign="top" width="120">√</td></tr></tbody></table><p><font
color="#0000ff">在易用性上，FIREFOX还是略胜一筹。未列出项两者均具备或不具备。</font></p><table
border="0" cellspacing="0" cellpadding="0" width="480"><tbody><tr><td
valign="top" width="200"><strong><font
color="#ff0000">弹窗拦截能力测试</font></strong>&#160;</td><td
valign="top" width="120">IE8</td><td
valign="top" width="120">FIREFOX3.5</td></tr><tr><td
valign="top" width="200">弹窗拦截成功数</td><td
valign="top" width="120">25</td><td
valign="top" width="120">25</td></tr><tr><td
valign="top" width="200">弹窗拦截失败数</td><td
valign="top" width="120">2</td><td
valign="top" width="120">2</td></tr><tr><td
valign="top" width="200">未通过测试</td><td
valign="top" width="120">12、16</td><td
valign="top" width="120">12、22</td></tr></tbody></table><p><font
color="#0000ff">弹出窗口拦截是浏览器的重要功能之一，但是由于弹出窗口的方式有许多，不同的浏览器对弹出窗口的拦截能力也有所不同。在不加装额外的插件和工具的情况下，采用默认设置，通过27种不同类型的弹出窗口测试，两者能力相当。</font></p><table
border="0" cellspacing="0" cellpadding="0" width="480"><tbody><tr><td
valign="top" width="200"><strong><font
color="#ff0000">Acid 页面兼容性测试</font></strong></td><td
valign="top" width="120">IE8</td><td
valign="top" width="120">FIREFOX3.5</td></tr><tr><td
valign="top" width="200">Acid3 测试得分</td><td
valign="top" width="120">21</td><td
valign="top" width="120">70</td></tr></tbody></table><p><font
color="#0000ff">Acid是网页浏览器的标准兼容性的测试，在浏览器领域，是评估浏览器兼容性的标准。目前有Acid2和Acid3两种，经过一段时间的完善，如今的浏览器对于Acid2大都能够较好完成；而Acid3是目前Web标准基准测试中最严格的一个，对DOM和JavaScript有着严格的约束。</font><strong><font
color="#008000">分数越高兼容性越好</font></strong>！</p><table
border="0" cellspacing="0" cellpadding="0" width="480"><tbody><tr><td
valign="top" width="200"><strong><font
color="#ff0000">Javascript 执行速度测试</font></strong></td><td
valign="top" width="120">IE8</td><td
valign="top" width="120">FIREFOX3.5</td></tr><tr><td
valign="top" width="200">V8 Benchmark 测试</td><td
valign="top" width="120">43.3</td><td
valign="top" width="120">137</td></tr><tr><td
valign="top" width="200">Javascript 批量执行耗时</td><td
valign="top" width="120">695ms</td><td
valign="top" width="120">348ms</td></tr></tbody></table><p><font
color="#0000ff">Javascript在网页中的应用非常普遍，为了达到更好的展现效果和交互效果等，许多网页开发者大量采用了Javascript技术，因此浏览器对Javascript的解析速度则会影响到我们的使用。</font></p><ol><li><font
color="#0000ff">用Google专业的V8 Benchmark第二版进行测试，得到每个浏览器的测试分值，</font><strong><font
color="#008000">分数越高性能越好</font></strong>！</li><li><font
color="#0000ff">对某些Javascript语句/命令反复大量执行，对每款浏览器执行的耗时进行统计，</font><font
color="#008000"><strong>时间越小性能越好！</strong></font></li></ol><table
border="0" cellspacing="0" cellpadding="0" width="480"><tbody><tr><td
valign="top" width="200"><strong><font
color="#ff0000">CSS渲染速度测试</font></strong></td><td
valign="top" width="120">IE8</td><td
valign="top" width="120">FIREFOX3.5</td></tr><tr><td
valign="top" width="200">CSS 执行测试</td><td
valign="top" width="120">953ms</td><td
valign="top" width="120">520ms</td></tr></tbody></table><p><font
color="#0000ff">CSS渲染对于浏览器是一项非常关键的指标。</font><font
color="#008000"><strong>时间越小性能越好</strong></font>！</p><table
border="0" cellspacing="0" cellpadding="0" width="480"><tbody><tr><td
valign="top" width="200"><strong><font
color="#ff0000">内存资源占用测试</font></strong></td><td
valign="top" width="120">IE8</td><td
valign="top" width="120">FIREFOX3.5</td></tr><tr><td
valign="top" width="200">1 个网页</td><td
valign="top" width="120">88,632</td><td
valign="top" width="120">71,232</td></tr><tr><td
valign="top" width="200">5 个网页</td><td
valign="top" width="120">273,128</td><td
valign="top" width="120">164,164</td></tr></tbody></table><p><font
color="#0000ff">在开启5个标签页的情况下，IE8在内存占用上的劣势明显显现，达到了260MB之多。而FIREFOX对内存资源的占用控制相对较好。</font></p><p><font
color="#008000">总结：IE浏览器从IE7到IE8确实有了不小的改进，特别在浏览器的稳定性和安全上都有较大的提高，但是IE8仍然没有摆脱资源占用多、性能低下的弊病，且一些操作仍然没有很好地迎合国内用户的使用习惯。</font></p><p><font
color="#008000">FIREFOX火狐依然朝着<font
color="#ff0000">更快 更安全 更智能 更好</font>的方向稳定发展，据统计，在国外浏览器市场占有率上，FIREFOX远超出IE6、7、8的使用总和。</font></p><p><font
color="#0000ff">我们努力工作希望Firefox 3.5能够给您带来现代互联网所有最先进的特性。使用像隐私浏览、智能地址栏增强等新特性，加上最为重要的性能升级，您会真正体会到什么叫做好钢用在刀刃上～</font></p><p><font
color="#0000ff">我宣布，2009年度 IE8 与 FIREFOX3.5 终极大站的获胜者是：</font></p><p
align="center"><font
color="#ff0000" size="6"><strong>Firefox √</strong></font></p><p><font
color="#000000">不要犹豫，赶紧下载最新的FIREFOX体验畅快互联网之旅吧。</font></p><p><a
href="http://www.mozilla.com/en-US/?from=sfx&amp;uid=300652&amp;t=306"><img
style="border-bottom: 0px; border-left: 0px; display: block; float: none; margin-left: auto; border-top: 0px; margin-right: auto; border-right: 0px" title="firefox1-300x290" border="0" alt="firefox1300x290 IE8与Firefox3.5 2009年度终极PK尘埃落定" src="http://www.canfree.com/wp-content/uploads/2010/01/firefox1300x290.jpg" width="240" height="232" /></a></p> ]]></content:encoded> <wfw:commentRss>http://www.canfree.com/ie8-and-firefox3-5-2009-annual-ultimate-pk-settled.htm/feed</wfw:commentRss> <slash:comments>12</slash:comments> </item> <item><title>用Microsoft Ajax Minifier技术高效率压缩Js文件</title><link>http://www.canfree.com/with-the-microsoft-ajax-minifier-highly-efficient-compression-technology-js-file.htm</link> <comments>http://www.canfree.com/with-the-microsoft-ajax-minifier-highly-efficient-compression-technology-js-file.htm#comments</comments> <pubDate>Fri, 01 Jan 2010 09:15:03 +0000</pubDate> <dc:creator>博优谷</dc:creator> <category><![CDATA[优化工具]]></category> <category><![CDATA[jQuery]]></category> <category><![CDATA[Js]]></category> <category><![CDATA[Microsoft Ajax Minifier]]></category> <category><![CDATA[WordPress]]></category> <guid
isPermaLink="false">http://www.canfree.com/with-the-microsoft-ajax-minifier-highly-efficient-compression-technology-js-file.htm</guid> <description><![CDATA[现在越来越多的 WordPress Themes使用了jQuery，已及其它使用了Js的插件，这些Js文件通常位于&#60;/head&#62;之前。我们知道网页加载的顺序是从上到下，从左到右，如果头部需加载的文件过多过大的话，会严重影响网页打开的时间。毕竟中国的网络环境还不成熟，所以要有一个折衷的方法来尽量缩小文件尤其是Js文件的大小。 微软曾出品了一款叫Microsoft Ajax Minifier的Js压缩工具，适用于所有的Js文件，左手烟@今天特地又拿出来研究一下，我是个完美主义者，对什么都讲求精益求精，所以下面的解说朋友们都应该能够理解与明白，我们只要会用即可，不必深究其技术层面的东西。 优点：压缩率高、安全可靠、代码规范 缺点：需要手动输入命令执行操作 第一步，下载最新版的 Microsoft Ajax Minifier 1.1，点击 I Agree 按钮后下载文件并保存到桌面上，双击进行安装，之后在开始-程序-Microsoft Ajax Minifier文件夹中找到Microsoft Ajax Minifier Command Prompt，单击后弹出熟悉的CMD命令窗口，如图 第二步，将你需要压缩的Js文件复制到C盘以外的D或E等根目录，为什么要这么做？因为有使用Win 7的朋友对C盘的操作权限有限制，会导致文件不被生成，我们就放到D盘跟目录即可。下面先说说它的三种命令压缩方式：(举例：现在D盘有一个demo.js文件需要压缩) 普通压缩：ajaxmin d:\demo.js 效果不大，不推荐使用，了解即可； 高级压缩：ajaxmin d:\demo.js -o d:\demo1.js 将demo.js压缩后转换成demo1.js保存在D盘根目录，效果明显，推荐； 超级压缩：ajaxmin -h d:\demo.js -o d:\demo2.js 将demo.js超级压缩后转换成demo2.js保存在D盘根目录，效果显著，强烈推荐； 敲回车键执行命令，出现crunching file ‘demo.js’…done.字样说明成功，同时，D盘根目录会多出来demo1.js或demo2.js文件。 有朋友会发现后两种方式压缩后的文件大小区别不大，也就2k左右。这里要说明一下这是为什么。当使用了-h（hyper-crunching）的指令，你会发现一些区域指令被改名成比较简单的命名，例如：var exists--&#62;var a，因此字节数会再少一些，但是效果不打折，我们不必管它的原理，好用即可。 第三步，将压缩后的Js文件重命名后覆盖掉之前的，传至服务器。当然备份工作也是要做的，在测试没有问题时即可删掉原先臃肿的文件。 我们用最新的jQuery 1.3.2来做个试验。官方下载地址在这里。官方提供了2个版本，一个迷你版，大小为57253字节；完整版，大小为120763字节。用 -h 参数后迷你版大小为55860字节；完整版大小为55863字节，一大半被压缩掉了，效果非常显著。 引申阅读：玩WordPress的朋友都想尽办法让加载再快点，容量再小点，其它的Js压缩方法网上也很多，比如在线压缩。去这里试试效果吧。你会发现效率远没有Microsoft Ajax Minifier来得好，上面那个完整版在线进行超级压缩后为73285字节，这就是差距啊。微软毕竟是有一定技术含量的，不然也不会遛出来献丑了。:-) 原创文章，转载必须注明出处并附带本文链接！]]></description> <content:encoded><![CDATA[<p>现在越来越多的 <a
href="http://www.wordpress.org"target="_blank"title="访问[wordpress]" >WordPress</a> Themes使用了<a
href="http://jquery.com/"target="_blank"title="访问[jQuery]" >jQuery</a>，已及其它使用了Js的插件，这些Js文件通常位于&lt;/head&gt;之前。我们知道网页加载的顺序是从上到下，从左到右，如果头部需加载的文件过多过大的话，会严重影响网页打开的时间。毕竟中国的网络环境还不成熟，所以要有一个折衷的方法来尽量缩小文件尤其是Js文件的大小。</p><p>微软曾出品了一款叫<a
href="http://www.microsoft.com"target="_blank"title="访问[微软]网站" >Microsoft</a> Ajax Minifier的Js压缩工具，适用于所有的Js文件，左手烟@今天特地又拿出来研究一下，我是个完美主义者，对什么都讲求精益求精，所以下面的解说朋友们都应该能够理解与明白，我们只要会用即可，不必深究其技术层面的东西。</p><p><span
style="color: #ff0000;">优点：压缩率高、安全可靠、代码规范</span></p><p><span
style="color: #ff0000;">缺点：需要手动输入命令执行操作<span
id="more-21"></span></span></p><p>第一步，下载最新版的 <a
href="http://aspnet.codeplex.com/Release/ProjectReleases.aspx?ReleaseId=34488#DownloadId=87862">Microsoft Ajax Minifier 1.1</a>，点击 I Agree 按钮后下载文件并保存到桌面上，双击进行安装，之后在开始-程序-Microsoft Ajax Minifier文件夹中找到Microsoft Ajax Minifier Command Prompt，单击后弹出熟悉的CMD命令窗口，如图</p><p
style="text-align: center;"><a
href="http://farm3.static.flickr.com/2575/4232497327_b577a3aa7a.jpg"><img
class="aligncenter" title="Microsoft Ajax Minifier" src="http://farm3.static.flickr.com/2575/4232497327_b577a3aa7a_m.jpg" alt="4232497327 b577a3aa7a m 用Microsoft Ajax Minifier技术高效率压缩Js文件" width="240" height="91" /></a></p><p>第二步，将你需要压缩的Js文件复制到C盘以外的D或E等根目录，为什么要这么做？因为有使用Win 7的朋友对C盘的操作权限有限制，会导致文件不被生成，我们就放到D盘跟目录即可。下面先说说它的三种命令压缩方式：(举例：现在D盘有一个demo.js文件需要压缩)</p><ol><li>普通压缩：<span
style="color: #ff0000;">ajaxmin d:\demo.js</span> 效果不大，不推荐使用，了解即可；</li><li>高级压缩：<span
style="color: #ff0000;">ajaxmin d:\demo.js -o d:\demo1.js</span> 将demo.js压缩后转换成demo1.js保存在D盘根目录，效果明显，推荐；</li><li>超级压缩：<span
style="color: #ff0000;">ajaxmin -h d:\demo.js -o d:\demo2.js</span> 将demo.js超级压缩后转换成demo2.js保存在D盘根目录，效果显著，强烈推荐；</li></ol><p>敲回车键执行命令，出现<strong>crunching file ‘demo.js’…done</strong>.字样说明成功，同时，D盘根目录会多出来demo1.js或demo2.js文件。</p><p
style="text-align: center;"><a
href="http://farm3.static.flickr.com/2546/4232578335_90423b92c6.jpg"><img
class="aligncenter" title="Microsoft Ajax Minifier" src="http://farm3.static.flickr.com/2546/4232578335_90423b92c6_m.jpg" alt="4232578335 90423b92c6 m 用Microsoft Ajax Minifier技术高效率压缩Js文件" width="240" height="117" /></a></p><p>有朋友会发现后两种方式压缩后的文件大小区别不大，也就2k左右。这里要说明一下这是为什么。当使用了<strong>-h</strong>（hyper-crunching）的指令，你会发现一些区域指令被改名成比较简单的命名，例如：var exists--&gt;var a，因此字节数会再少一些，但是效果不打折，我们不必管它的原理，好用即可。</p><p>第三步，将压缩后的Js文件重命名后覆盖掉之前的，传至服务器。当然备份工作也是要做的，在测试没有问题时即可删掉原先臃肿的文件。</p><p>我们用最新的jQuery 1.3.2来做个试验。官方下载地址在<a
href="http://docs.jquery.com/Downloading_jQuery" target="_blank">这里</a>。官方提供了2个版本，一个迷你版，大小为57253字节；完整版，大小为120763字节。用 -h 参数后迷你版大小为55860字节；完整版大小为55863字节，一大半被压缩掉了，效果非常显著。</p><p><strong>引申阅读</strong>：玩WordPress的朋友都想尽办法让加载再快点，容量再小点，其它的Js压缩方法网上也很多，比如在线压缩。去<a
href="http://i.zou.lu/jsmin/" target="_blank">这里</a>试试效果吧。你会发现效率远没有Microsoft Ajax Minifier来得好，上面那个完整版在线进行超级压缩后为73285字节，这就是差距啊。微软毕竟是有一定技术含量的，不然也不会遛出来献丑了。:-)</p><p><span
style="color: #ff0000;">原创文章，转载必须注明出处并附带本文链接！</span></p> ]]></content:encoded> <wfw:commentRss>http://www.canfree.com/with-the-microsoft-ajax-minifier-highly-efficient-compression-technology-js-file.htm/feed</wfw:commentRss> <slash:comments>12</slash:comments> </item> </channel> </rss>
