在写完第一回之后，看到了朋友们的回复，指出了我代码中的一些问题，确实由于时间仓促没有使用IDE，直接搞上了，又由于本人记忆力不好，所以把大小写都忘记了，还好晚上回家，用VS改了一下，呵呵，真是对不住大家了。 从这一讲开始，我们将直正接触一个JQ类库，学习一下JQ的写法，JQ的一些常用的命令等等，今天主要讲的是JQ里的选择器，这也是JQ的一大特点，这从它的名称jQuery中可以看到，主要功力体现在查询上。 前言：对于写在输...
问题缘由：负责公司的开发平台研发工作，考虑的知识产权的保护工作，必须要考虑java的加密技术和js脚本的加密技术。在目前java加密很容易破解的情况下，还是先搞定js的加密和压缩，一方面可以提高页面加载性能，另外一方面也希望辛苦研发出来的成果得到一定的保护。 研究过程： 1、先强烈鄙视一下哪些随便转载文章的家伙，给我制造了很大的麻烦！！网上很多帖子都不靠谱。。 2、首先想了解jquery使用什么压缩的， 网上找了半天，说...
jQuery性能优化28条建议 一直在寻找有关jQuery性能优化方面的小窍门，能让我那臃肿的动态网页应用变得轻便些。找了很多文章后，我决定将最好最常用的一些优化性能的建议列出来。我也做了一个jQuery性能优化的简明样式表，你可以打印出来或者设为桌面背景。 一、选择器性能优化建议 1. 总是从#id选择器来继承 这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了。 代码如下: $(#content).hide(); 或者...
最近在做一个性能优化方面的工作，遇到很多细节问题，现在一一把遇到的问题记录下来分享给大家，废话就不多谢，我直接贴代码。 代码如下: for与each性能比较 function getSelectLength() { var time1 = new Date().getTime(); var len = $("#select_test").find("option").length; var selectObj = $("#select_test"); for (var i = 0; i if (selectObj.get(0).options[i].text == "111111") { selectObj.get(0).options[i].s...
1. 使用最新版本的jQuery jQuery的版本更新很快，你应该总是使用最新的版本。因为新版本会改进性能，还有很多新功能。 下面就来看看，不同版本的jQuery性能差异有多大。这里是三条最常见的jQuery选择语句： $(‘.elem) $(‘.elem, context) context.find(‘.elem) 我们用1.4.2、1.4.4、1.6.2三个版本的jQuery测试，看看浏览器在1秒内能够执行多少次。结果如下： 可以看到，1.6.2版本的运行次数，远远超过两个老版本。尤其是第一条语...
1. Append Outside of Loops 凡是触及到DOM都是有代价的。如果你向DOM当中附加大量的元素，你会想一次性将它们全部附加进来，而不是分多次进行。当在循环当中附加元素就会产生一个常见的问题。代码如下:$.each( myArray, function( i, item ) { var newListItem = "" + item + ""; $( "#ballers" ).append( newListItem );}); 一个常用的技巧是利用文档片段（document fragment）。在循环的每一次迭代当中，将元素附加到片段...
一、注意定义jQuery变量的时候添加var关键字这个不仅仅是jQuery，所有javascript开发过程中，都需要注意，请一定不要定义成如下：$loading = $('#loading'); //这个是全局定义，不知道哪里位置倒霉引用了相同的变量名，就会郁闷至死的二、请使用一个var来定义变量如果你使用多个变量的话，请如下方式定义： 代码如下:var page = 0, $loading = $(#loading), $body = $(body);不要给每一个变量都添加一个var关键字，除非你有严重...
针对jquery性能优化这个主题，想必大家都有所了解。下面是我搜集点一点资料关于jquery性能优化，大家可以参考参考。 一、选择器性能优化建议1. 总是从#id选择器来继承：这是jQuery选择器的一条黄金法则。jQuery选择一个元素最快的方法就是用ID来选择了；2. 在class前面使用tag：jQuery中第二快的选择器就是tag选择器(如$(‘head))，因为它和直接来自于原生的Javascript方法getElementByTagName()。所以最好总是用tag来修饰class(并...
jQuery是一款非常优秀的javascript框架，当我们使用到jQuery后就再也不想回到javascript时冗长的代码，那么jQuery的优化就摆在了我们的面前。那么我们优化JQuery应该从那些方面入手呢？1、使用最新版本的jQuery新版本相对于旧版本会做性能上的改进，还有就是添加新功能。2、选择器的使用我们通常会使用id选择器、class选择器、元素选择器、伪类选择器和元素选择器。在使用时我的建议是最好使用id选择器，其次是class选择器>元素选择...
寻寻觅觅，觅觅寻寻终于找到了一些关于jquery性能优化的文章，小编果断收藏当然不能忘了加上自己的一些总结及理解。 首先，之前文章中的jquery链式操作就是jquery性能优化方式中的一种，具体实现及优势在这里就不重复了哈。其次，jquery的优化与web优化中的某些方法是一样的。 a.压缩js。使用代码压缩技术，减小文件体积。（使用jsmin、YUI Compressor等）。 b. 事件默认是向上冒泡的,发生在子节点中的事件,可以由父节点来处理。把...
首先，在脑子里牢牢记住 jQuery 就是 javascript。这意味着我们应该采取相同的编码惯例，风格指南和最佳实践。 首先，如果你是一个 javascript 新手，我建议您阅读 《24 JavaScript Best Practices for Beginners》， 这是一篇高质量的 javascript 教程，接触 jQuery 之前最好先阅读。 当你准备使用 jQuery，我强烈建议你遵循下面这些指南: 1. 缓存变量 DOM 遍历是昂贵的，所以尽量将会重用的元素缓存。代码如下://糟糕h=$(#elemen...
1.正确引用jQuery1.尽量在body结束前才引入jQuery，而不是在head中。 2.借助第三方提供的CDN来引入jQuery，同时注意当使用第三方CDN出现问题时，要引入本地的jQuery文件。（对于已经使用了cdn的网站可以忽略，现在用户带宽都升级了，这个可以忽略了，放别人机器不一定稳定） 3.如果在
本文较为详细分析了jQuery性能优化技巧。分享给大家供大家参考。具体分析如下： 一、使用最新版本的jQuery类库 jQuery新版本会较上个版本进行Bug修复和一些优化，不过需要注意的是，在更换版本之后，不要忘记测试你的代码，毕竟有时候不是完全向后兼容的。 二、使用合适的选择器 jQuery选择器性能最佳到最差方式如下： id选择器，如$(#id, context) 标签选择器，如$(p, context) class选择器，如$(.class, context) 属性选择器，如...
这篇文章主要深入介绍了提高jQuery性能优化的技巧，有需要的小伙可以来参考下。下面把提高jQuery性能优化技巧给大家分享如下：缓存变量DOM遍历是昂贵的，所以尽量将会重用的元素缓存。// 糟糕 h = $(#element).height(); $(#element).css(height,h-20); // 建议 $element = $(#element); h = $element.height(); $element.css(height,h-20);避免全局变量jQuery与javascript一样，一般来说,最好确保你的变量在函数作用域内。// 糟糕...
不要每次都在循环中访问数组的 length 属性，应在循环开始之前就将其缓存：var myLength = myArray.length;for (var i = 0; i 在循环外执行 append 操作 直接操作 DOM 是非常耗费性能的，尤其不要在循环中直接操作 DOM：// 这样性能很差 $.each(myArray, function(i, item) {var newListItem = '' + item + '';$('#ballers').append(newListItem); }); // 这样性能较好var frag = document.createDocumentFragment();$.each(myArra...