别对IE有偏见

Posted 三月 26th, 2009 归属于 浏览器

随着IE8发布，最近大家的眼光都转向了IE浏览器，在我那篇关于IE8发布的文章里，我就肯定的说，只要IE发布，就会引发口水战，现在看来果然不假。

貌似现在很多很多用户都对IE存在着偏见，总能见到诸如“慎用IE”、“IE很烂”或者“Firefox”、“Opera”非常棒，速度非常快，这类充满偏见的话。

可问题的原因不是这样，众所周知，无论哪个浏览器，都有需要引擎（内核）来支持，渲染引擎里有IE的Trident，火狐的Gecko，谷歌的WebKit、Opera的Presto、还有那些我们很少使用到的Tasman、WebCore、KHTML等等。除此之外，浏览器还有Javascript引擎来控制处理JS，比如tracemonkey，Carakan，V8等等。

我理解，很多用户抱怨IE很烂，无非就是说他不支持W3C标准，容易中病毒，那让我们来看看IE8对对CSS的支持。

acid2

可以看到，IE新发布的浏览器IE8已经和其他浏览器一致了，虽然他曾经是那么的恶心，但至少IE8已经修正了，您非要充满偏见的不去升级，并使用着IE曾经那些很烂的浏览器去浏览网页，您觉得这能怪IE吗？

再来说说安全问题，实际上IE也好，火狐也好，他们都有漏洞，根据Secuia2008的统计报告，火狐的BUG是最多的，而IE是倒数第二，并且这里的IE指（IE 5.x, 6.x, and 7），并且恕我眼神不好，我没找到哪里提到Firefox修复漏洞的速度比IE要快。

下载：secunia2008report

bugreport

也许有些朋友会说，那为什么我的IE老是中病毒等等，其实，那并不是IE的问题，而是滥用“ActiveX”造成的，如果你喜欢，把它禁用就可以了，就像Firefox,Opera,Chrome本身都不支持ActiveX一样。( 这里不说Plus)

当然IE现在还有很多很多不足，比如他薄弱的JS效率，除了在正则运算方面比别的浏览器快出那么一点点。

点击这里看IE8的SunSpider ，点击这里看Firfox的SunSpider。

但，不应该对它有偏见，我相信它会越来越好的。

至少，我喜欢它。   :)

欢迎转载：http://www.zhangjingwei.com/archives/about-ie-do-not-have-bias/
转载请保留版权，谢谢您的帮助。

原文链接(143 views)|评论 (37)

诺顿网站安全插件正式更新使用

Posted 三月 24th, 2009 归属于 计算机安全

诺顿网站安全检查是赛门铁克在08年08月推出的一个测试服务。

今日，诺顿更新完毕后，提醒重新启动，发现网站安全检查正式投入使用。

使用Google搜索，在安全的站点旁边，会一个绿色的对钩，并附带一些这个网站的其他信息。

2009-03-24_221055

在具有威胁的站点旁边，会有一个红色的X，说明这个站点内，存在不安全的隐患。

2009-03-24_221119

因为这个红X标明的是某反病毒厂商，所以我们可以点击弹出提示中的“完整报告”查看详细。

2009-03-24_221138

可以看到这是一个“图片病毒专杀工具”，但很显然，他使用了一些非常规手段去处理病毒，导致诺顿认为他是HackTool。

这个工具很实用，结合Google自带的病毒检测，基本上可以杜绝大部分危险的网站。

最后，使用百度搜索，没有这样的待遇。很遗憾。

原文链接(59 views)|暂无评论(赶紧抢沙发)

jQuery 列表视图

Posted 三月 21st, 2009 归属于 JavaScript

没事写个玩玩,觉得jQ的动画功能也很强大。

Demo:http://www.zhangjingwei.com/demo/listview/

$(document).ready(function() {
    $('#wrap ul.unviewable').hide();
    $('#wrap h2').hover(function() {
        $(this).css({
            'cursor': 'pointer',
            'background': '#047'
        });
    },
    function() {
        $(this).css({
            'cursor': 'default',
            'background': '#046'
        });
    })
}) $('#wrap h2').click(function() {
    var id = this.id;
    if ($(this).next().attr('class') != 'viewable') {
        $('#wrap ul.viewable').slideUp('slow',
        function() {
            $(this).attr({
                'class': 'unviewable'
            }).hide();
        });
        $('#' + id).next().slideDown('slow',
        function() {
            $(this).attr({
                'class': 'viewable'
            }).css({
                height: 'auto'
            });
        });
    }
})
ul, li, h2 {
	margin:0;
	padding:0;
}
li {
	list-style:none;
}
#wrap {
	width:300px;
	border:1px solid #000;
	padding:1px;
}
#wrap h2 {
	padding: 2px 10px 3px 10px;
	border: 2px outset #5AA0B8;
	background: #046;
	color: #FFF;
	height: 19px;
	vertical-align: bottom;
	font:14px/1.6 Arial, Helvetica, sans-serif;
}
#wrap ul {
	height:auto;
}
#wrap ul li {/*display:inline;*/
	padding-left:10px;
}
#wrap ul li a {
	font:12px/1.6 Arial, Helvetica, sans-serif;
	text-decoration:none;
}
<ul id="wrap">
  <li>
    <h2 id="arms">武器特色</h2>
    <ul class="viewable">
      <li><a href="#">3</a></li>
      <li><a href="#">大刀</a></li>
      <li><a href="#">长枪</a></li>
      <li><a href="#">弓箭</a></li>
      <li><a href="#">火枪</a></li>
      <li><a href="#">宝剑</a></li>
      <li><a href="#">大刀</a></li>
      <li><a href="#">长枪</a></li>
      <li><a href="#">弓箭</a></li>
      <li><a href="#">火枪</a></li>
    </ul>
  </li>
  <li>
    <h2 id="equip">装备特色</h2>
    <ul class="unviewable">
      <li><a href="#">2</a></li>
      <li><a href="#">大刀</a></li>
      <li><a href="#">长枪</a></li>
      <li><a href="#">弓箭</a></li>
      <li><a href="#">火枪</a></li>
      <li><a href="#">宝剑</a></li>
      <li><a href="#">大刀</a></li>
      <li><a href="#">长枪</a></li>
      <li><a href="#">弓箭</a></li>
      <li><a href="#">火枪</a></li>
      <li><a href="#">宝剑</a></li>
      <li><a href="#">大刀</a></li>
      <li><a href="#">长枪</a></li>
      <li><a href="#">弓箭</a></li>
      <li><a href="#">火枪</a></li>
      <li><a href="#">宝剑</a></li>
      <li><a href="#">大刀</a></li>
      <li><a href="#">长枪</a></li>
      <li><a href="#">弓箭</a></li>
      <li><a href="#">火枪</a></li>
      <li><a href="#">宝剑</a></li>
      <li><a href="#">大刀</a></li>
      <li><a href="#">长枪</a></li>
      <li><a href="#">弓箭</a></li>
      <li><a href="#">火枪</a></li>
      <li><a href="#">宝剑</a></li>
    </ul>
  </li>
  <li>
    <h2 id="other">其他特色</h2>
    <ul class="unviewable">
      <li><a href="#">1</a></li>
      <li><a href="#">大刀</a></li>
      <li><a href="#">长枪</a></li>
      <li><a href="#">弓箭</a></li>
      <li><a href="#">火枪</a></li>
      <li><a href="#">宝剑</a></li>
      <li><a href="#">大刀</a></li>
      <li><a href="#">长枪</a></li>
    </ul>
  </li>
</ul>

原文链接(611 views)|评论 (5)

IE8 发布 （Making your web even better?faster,easier,safer??!!）

Posted 三月 20th, 2009 归属于 浏览器

先囧三下，囧囧囧。

看看新版的IE给我们带来了什么？

下载这个PDF可以看
点击这里下载

2009-03-20_110606

唉，可怜的我们，还要先行一步，去当小白。

安装过程很短，速度很快，比IE7强无数倍。

先让我们看看IE8安装完毕后的设置界面

2009-03-20_110400

点击这里查看文章详细 »

原文链接(233 views)|评论 (5)

Jquery Select(单选) 模拟插件 V1.3.4

Posted 三月 19th, 2009 归属于 JavaScript

03月19日更新 V1.3.4

a、修正纵向排列时候z-index的问题。（不建议对包含select的容器设置定位【若设置一定要在IE下仔细看页面有无问题】）
b、修正了对弹出选择层位置的一个Bug。
c、修正了Opera下面的一些问题。

Demo：http://www.zhangjingwei.com/demo/jQuery.Select/index.html

BTW：测试的时候，发现IE对JS动态改变的z-index，有的时候不是很“敏感”，所以，在我动态改变包含select的父容器select时，强制修改了其他select父容器的z-index。在关闭的时候，我会试图恢复这些被强制修改的z-index初始值，但有时恢复错误。 :( 所以建议您不要对带有select父容器设置z-index。

能力有限，非常抱歉，如果您有办法，请您告诉我，谢谢。

您可以自由的使用这个开源项目在任何项目上。（商业、非商业）
希望您可以补充完善这个插件。

原文链接(265 views)|评论 (17)

« 上一页 — 下一页 »