IE 6性能与干净,不引人注目的Javascript

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了IE 6性能与干净,不引人注目的Javascript，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1592字，纯文字阅读大概需要3分钟。

内容图文

通常我喜欢保持我的HTML代码干净,语义和免费的Javascript或CSS.我在顶部包含了我的.JS和.CSS文件,在DOM元素的顶部包含了图层功能.

积极的是：

>关注的建筑分离
>不支持Javascript或CSS的优雅降级
>搜索引擎的友好性

有一个主要的负面因素：

> IE 6中的性能问题

因为所有事件都通过访问DOM的Javascript代码附加到元素,所以IE中的性能会受到影响.

使用jQuery(恰好是我最喜欢的Javascript框架)时尤其如此.

所以看起来我有两个选择：要么保持代码好又整洁,并让IE 6用户(大约20％的用户群)抱怨,或者“去规范化”代码以提高IE 6的性能.

在这种情况下是否存在“中途”？还是我注定了？

注意：我不是说我的性能问题是由于在单独的文件中使用Javascript引起的.

我可以在IE中实现精彩的性能,同时将其保存在单独的文件中.

问题是,我仍然需要将实际的事件处理程序放入HTML中的“onclick”属性中.例如：

<span onclick="doSomething()">More...</span>

如果我能写下来会更好：

<span id="more-button">More...</span>

然后使用以下命令在Javascript中单独分配它：

$("#more-button").click(doSomething);

不幸的是,这似乎对IE6性能不利.

解决方法:

在YUI Theatre的一个talk中,Joseph Smarr讨论了性能,并表示可以在代码中出于性能原因而不是找到DOM元素然后附加事件处理程序而在代码中使用onmousedown处理程序等.但是,我不知道采取什么措施来加快速度.用于不显眼的性能提升的其他技术是(EIDT：注意它们与浏览器无关,因此不限于IE)：

>使用onmousedown而不是onclick. Smarr说两次事件发射之间有100毫秒左右的时间.
>感知性能：使用window.setTimeout(visualFeedback,0)提供即时视觉反馈.这让浏览器可以立即绘制一些图形变化,让用户知道发生了什么.
>当你必须遍历DOM时,将中间结果缓存到一个变量中以重用它们(猜猜你知道那个).

还有一个demo显示前两点的好处.顶部的按钮使用onclick和正常执行,下面的按钮使用onmousedown和setTimeout(func,0).

内容总结

以上是互联网集市为您收集整理的IE 6性能与干净,不引人注目的Javascript全部内容，希望文章能够帮你解决IE 6性能与干净,不引人注目的Javascript所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端