在twitter上发现了<jQuery Performance Rules>这篇文章, 简单的摘译了一下:总是从ID选择器开始继承 在class前使用tag 将jquery对象缓存起来 掌握强大的链式操作 使用子查询 对直接的DOM操作进行限制 冒泡 消除无效查询 推迟到 $(window).load 压缩js 全面掌握jquery库 1. 总是从ID选择器开始继承 在jquery中最快的选择器是ID选择器. 因为它直接来自于Javascript的getElementById()方法. 代码如下:<div id=“content”> <form meth...
性能方面：看下图 jquery 1.42最新版框架下载你也可以直接在网页中引入： http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js http://ajax.microsoft.com/ajax/jQuery/jquery-1.4.2.min.js 新增方法： .delegate( selector, eventType, handler ) 这个函数的确很有用。用于给指定的对象附加一个事件监听。 selector：选择器 eventType：事件类型 handler：监听函数 Delegate这个方法用于替代1.3.2中的.live()方法。...
在选择时，最好以ID选择符作为开头 我想这个很好理解，因为JQuery内部使用document.getElementByID方法进行ID选择，这种方法比其他所有对DOM选择的方法更快，所以以$("#")开头是最好的,比如: 代码如下:<div id="a"> <div class="b"> <div class="c"> <div class="d"></div> </div> </div> </div> <script type="text/javascript"> $(".b .c .d")//slow one $("#a .b .c .d")//fast one </script> 提供$()的上下文 在使用$()选择页...
8，尽量使用ID代替Class。 前面性能优化已经说过，ID选择器的速度是最快的。所以在HTML代码中，能使用ID的尽量使用ID来代替class。看下面的一个例子：// 创建一个list var $myList = $(#myList); var myListItems = <ul>; for (i = 0; i < 1000; i++) { myListItems += <li class="listItem + i + ">This is a list item</li>; //这里使用的是class } myListItems += </ul>; $myList.html(myListItems); // 选择每一个...
4，对直接的DOM操作进行限制 这里的基本思想是在内存中建立你确实想要的东西，然后更新DOM 。 这并不是一个jQuery最佳实践，但必须进行有效的JavaScript操作 。直接的DOM操作速度很慢。 例如，你想动态的创建一组列表元素，千万不要这样做,如下所示：var top_100_list = [...], // 假设这里是100个独一无二的字符串 $mylist = $("#mylist"); // jQuery 选择到 <ul> 元素 for (var i=0, l=top_100_list.length; i<l; i++){ $m...
1，总是从ID选择器开始继承 在jQuery中最快的选择器是ID选择器，因为它直接来自于JavaScript的getElementById()方法。 例如有一段HTML代码： 代码如下:<div id="content"> <form method="post" action="#"> <h2>交通信号灯</h2> <ul id="traffic_light"> <li><input type="radio" class="on" name="light" value="red" /> 红色</li> <li><input type="radio" class="off" name="light" value="yellow" /> 黄色</li> <li><input ty...
关于特效性能，canvas、css3、jquery那个更适合手机端？最近用dom+jquery做了一个移动端的应用，有6个页，其中有一些诸如齿轮转动，繁星乱跑之类的效果，做好后发现性能真的很差，随后改为css3+canvas的结构，还是不怎么样，最后没办法了，全部推翻重做，使用lufylegend引擎全部采取canvas写完了整个应用，虽然勉强可以用了，但是在一些方面还是不尽如意，比如不好绑定鼠标事件，性能还是有些卡顿。那么，到底该采用什么方法来做这...
我们提供源码、3种数据库的SQL文件(MySQL、Oracle、SQL Server)、详解文档、Bootstrap各种最新学习资料和技术支持，还赠送基于ExtJS5.1的通用后台管理系统，获取地址 QQ：3228979148 JavaEE企业开发框架，简称JEEFW[JavaEE Framework]，是我们软件组为了快速开发各种B/S产品，花费几个月而开发的企业开发框架。该框架经过测试组的测试，已应用到多个项目。 JavaEE企业开发框架前端采用最受欢迎的HTM...
在IE8中,显示/隐藏拇指网格非常慢. 我有一个拇指,每个拇指都带有一个category属性,并且有一些切换来显示不同的类别.下面的代码可以处理显示/隐藏的提示,但这在IE中非常慢,有时会引发“脚本很慢”警告.我猜没有必要声明它在所有其他浏览器中都能很好地运行. 我的问题是：您可以提供一些性能提示吗？甚至可能暗示a将该位重写为纯Javascript是否有意义？$('#cat-tab .categories-list a').live('click', function() {var $this = $(th...
我正在使用jQuery构建电子表格编辑器,并且遇到大表的性能问题.该表包含许多数据集,单击一个数据集,会将图标添加到其他数据集的第一个单元格中.代码如下： $('.click_icon').remove(); for (var i = 0; i < datasets.length; i++) {var first_cell = $('td.content[dataset="' + datasets[i].id + '"]').filter(':first');if (in_group(datasets[i].id)) {first_cell.append('<i class="icon-remove click_icon remove_group" style...
我的网站上有很多引用的.js文件；这些都是很小的文件,但是我想让我的方法按主题/功能分开. 最好将所有方法都保存在一个.js文件中,或者拥有许多(?20-30)个仅包含几行的小文件,这没有问题吗？解决方法:务必将它们分开进行开发,但是您应该考虑将它们捆绑在一起作为一个文件进行生产. sitepoint.com有一个不错的讨论For each of these files, an HTTPrequest is sent to the server, andthen the browser awaits a responsebefore requ...
在我的一个Web项目中,我使用了大量的javascript / jQuery代码,这在浏览器(Windows 7 x64)上非常慢,尤其是在IE上. 我只在主页上同时使用3个Ajax请求. 在“搜索”页面上,我还使用了对滚动事件触发的ajax请求,任何“搜索标记”(简单锚标记)点击事件等等,这通常会使数据加载速度非常慢. 我使用jQuery插件,如Anythingslider,jquery coockies插件,Raty(评级插件),Tipsuy,jQuery coreUISelect,jScrollPane,鼠标滚轮等.所有这些第三方插件我...
我想知道……让我们想象一下我的代码是这样的：$('#specific-element').change(some_long_and_ajax_function);带有绑定ID的元素在我的所有页面上都不存在.仅在其中一些.我确实检查这个元素是否像这样存在：if($('#specific-element').length > 0){$('#specific-element').change(some_long_and_ajax_function);// There can be more stuff related to this specific element }我的问题：值得吗？绑定处理程序对于不存在的元素是否有...
jQuery 1.4最近发布,新网站显示了一些性能图表,其中1.4显然更好,但是有人已经对1.4和1.3的整体性能改进进行了分析吗？如果没有,我如何在我的网站/页面上进行分析,是否有任何工具？ 迫不及待地想知道1.4与之前的版本相比有多快. 编辑：博主做了一些tests,发现它在FF中快30％,但在Safari中比较慢(与1.3相比).嗯…解决方法:他们的图表只显示了故事的一个方面.我最近一直在研究一个脚本,它涉及遍历DOM树中的数千个输入元素并遍历其父元...
HTML标记：<div><a id="foo"> </a></div>jQuery的：$('div').each(function(){$('#foo', this).dosmth(); // 1$('#foo').dosmth(); // 2});运行dosmth哪种方法会更快？解决方法:由于我们得到了各种各样的答案,希望这里有一些清晰度(check the examples here)： >最快 – 没有必要循环.跳过$(“div”).每个部分只做$(“#foo”). foo是一个ID,因此查找是即时的.>中等 – 循环中的$(“#foo”).请注意,您也不希望这样,因为它将为...