欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

Jquery性能優(yōu)化詳解

 更新時(shí)間:2014年05月15日 10:42:58   作者:  
尋尋覓覓,覓覓尋尋終于找到了一些關(guān)于jquery性能優(yōu)化的文章,果斷收藏當(dāng)然不能忘了加上自己的一些總結(jié)及理解。

尋尋覓覓,覓覓尋尋終于找到了一些關(guān)于jquery性能優(yōu)化的文章,小編果斷收藏當(dāng)然不能忘了加上自己的一些總結(jié)及理解。

首先,之前文章中的jquery鏈?zhǔn)讲僮骶褪莏query性能優(yōu)化方式中的一種,具體實(shí)現(xiàn)及優(yōu)勢(shì)在這里就不重復(fù)了哈。其次,jquery的優(yōu)化與web優(yōu)化中的某些方法是一樣的。

a.壓縮js。使用代碼壓縮技術(shù),減小文件體積。(使用jsmin、YUI Compressor等)。

b. 事件默認(rèn)是向上冒泡的,發(fā)生在子節(jié)點(diǎn)中的事件,可以由父節(jié)點(diǎn)來(lái)處理。把事件注冊(cè)上提到父節(jié)點(diǎn)上,這 樣就不需要為每個(gè)子節(jié)點(diǎn)注冊(cè)事件監(jiān)聽(tīng).

c.利用緩存,當(dāng)要多次使用某個(gè)jquery對(duì)象時(shí),可以將jquery對(duì)象緩存到變量里。

復(fù)制代碼 代碼如下:

var nodeTd = $("table td");
var $cj = $("#cj");

$cj.on("click",function(){
    $cj.css("color","blue");})

jquery結(jié)果緩存,如果需要將jquery結(jié)果對(duì)象在程序中的其他地方使用,或者function會(huì)多次執(zhí)行,那么就可以將其存放到一變量中。

d.盡量從id選擇器來(lái)繼承。因?yàn)閕d的唯一性,id選擇是jquery選擇一個(gè)元素最快的方法了。

復(fù)制代碼 代碼如下:

$("#firstd").slideDown(500);
$("#firstd img").slideUp(500);//利用id選擇器繼承來(lái)選擇多個(gè)元素

e.使用子查詢

復(fù)制代碼 代碼如下:

  zhuye.on("swiperight","#data li",function(){
            $(this).find(".delete").hide();
        });//swiperight——看jquery-mobile  api內(nèi)容內(nèi)容

f.采用find(),兒不使用上下文查找,.find()函數(shù)更快速些,在上面的e中已有使用。

g.采用jquery的內(nèi)部函數(shù)data()來(lái)存儲(chǔ)狀態(tài)(這種性能優(yōu)化方法在百度時(shí)第一次見(jiàn)到,例子也暫直接引用他的吧)。

復(fù)制代碼 代碼如下:

$('#head').data('name', 'value');
// 之后在你的應(yīng)用中調(diào)用:
$('#head').data('name');

h.最后,使用新版本的 jQuery及簡(jiǎn)化jquery代碼。

復(fù)制代碼 代碼如下:

$(document).ready(function (){
});
$(function (){
});

相關(guān)文章

  • jquery ui dialog替代confirm實(shí)例分析

    jquery ui dialog替代confirm實(shí)例分析

    這篇文章主要介紹了jquery ui dialog替代confirm的實(shí)現(xiàn)方法,結(jié)合實(shí)例形式分析了jQuery ui插件的dialog模擬confirm功能的具體步驟與實(shí)現(xiàn)技巧,需要的朋友可以參考下
    2016-01-01
  • jQuery使用$.ajax進(jìn)行即時(shí)驗(yàn)證實(shí)例詳解

    jQuery使用$.ajax進(jìn)行即時(shí)驗(yàn)證實(shí)例詳解

    這篇文章主要介紹了jQuery使用$.ajax進(jìn)行即時(shí)驗(yàn)證的方法,以完整實(shí)例形式較為詳細(xì)的分析了jQuery前臺(tái)控制ajax交互與后臺(tái)asp.net響應(yīng)處理的詳細(xì)實(shí)現(xiàn)技巧,需要的朋友可以參考下
    2015-12-12
  • jQuery+HTML5實(shí)現(xiàn)圖片上傳前預(yù)覽效果

    jQuery+HTML5實(shí)現(xiàn)圖片上傳前預(yù)覽效果

    這篇文章主要介紹了jQuery+HTML5實(shí)現(xiàn)圖片上傳前預(yù)覽效果,涉及jquery操作圖片動(dòng)態(tài)顯示效果,非常簡(jiǎn)單實(shí)用,需要的朋友可以參考下
    2015-08-08
  • JQuery實(shí)現(xiàn)絢麗的橫向下拉菜單

    JQuery實(shí)現(xiàn)絢麗的橫向下拉菜單

    以前經(jīng)??匆?jiàn)網(wǎng)站有菜單的顯示,鼠標(biāo)移上去就出現(xiàn)下拉的效果,下面為大家介紹下,下面為大家介紹下JQuery實(shí)現(xiàn)的橫向下拉菜單
    2013-12-12
  • JQuery與Ajax調(diào)用新浪API獲取短網(wǎng)址的代碼

    JQuery與Ajax調(diào)用新浪API獲取短網(wǎng)址的代碼

    這篇文章主要介紹了調(diào)用新浪API獲取短網(wǎng)址的方法有很多,本例為大家介紹下使用JQuery與Ajax來(lái)實(shí)現(xiàn),需要的朋友可以參考下
    2014-02-02
  • jQuery中append()方法用法實(shí)例

    jQuery中append()方法用法實(shí)例

    這篇文章主要介紹了jQuery中append()方法用法,以實(shí)例形式較為詳細(xì)的分析了append()方法的功能、定義與使用技巧,并對(duì)比分析了與text()方法的區(qū)別,需要的朋友可以參考下
    2014-12-12
  • 使用jquery獲取url及url參數(shù)的簡(jiǎn)單實(shí)例

    使用jquery獲取url及url參數(shù)的簡(jiǎn)單實(shí)例

    下面小編就為大家?guī)?lái)一篇使用jquery獲取url及url參數(shù)的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2016-06-06
  • 使用JQ完成表格隔行換色的簡(jiǎn)單實(shí)例

    使用JQ完成表格隔行換色的簡(jiǎn)單實(shí)例

    下面小編就為大家?guī)?lái)一篇使用JQ完成表格隔行換色的簡(jiǎn)單實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
    2017-08-08
  • jquery隨機(jī)展示頭像代碼

    jquery隨機(jī)展示頭像代碼

    通過(guò)最終效果發(fā)現(xiàn),當(dāng)頭像處于最前面時(shí),圖像最大,透明低。越往后頭像就越小,就越透明
    2011-12-12
  • 全面解析jQuery中的$(window)與$(document)的用法區(qū)別

    全面解析jQuery中的$(window)與$(document)的用法區(qū)別

    這篇文章主要介紹了jQuery中的$(window)與$(document)的用法區(qū)別,具體內(nèi)容大家可查看下文的詳細(xì)講解,感興趣的小伙伴們可以參考一下。
    2017-08-08

最新評(píng)論