最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

jQuery內(nèi)存泄露解決辦法

 更新時(shí)間:2016年12月13日 11:54:09   作者:Never_yu  
這篇文章主要為大家詳細(xì)介紹了jQuery內(nèi)存泄露解決辦法,具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下

本文大家分享了jQuery內(nèi)存泄露解決辦法,供大家參考,具體內(nèi)容如下

思路:為JQuery擴(kuò)展刪除jquery元素對(duì)象的方法,大大減輕內(nèi)存泄露的壓力

;(function($){
 if(!$.lui.widget) $.lui.widget = {};
 //$.lui.newGuid()生成隨機(jī)32位id

 //如果采用此方式多次生成jquery對(duì)象的話,html代碼字符串會(huì)在內(nèi)存中多次重復(fù),占用額外的內(nèi)容,也會(huì)有泄露。而$("<span></span>").attr('id',_id)寫法無(wú)此問(wèn)題。

 $.lui.widget.__clean$ = $("<span id='" + $.lui.newGuid()+ "'></span>");
 /**
 * 釋放jquery對(duì)象,無(wú)返回值。此方法用以解決jquery的內(nèi)存泄露問(wèn)題
 */
 $.fn.del = function( selector, keepData ) {
 if ( !selector || $.filter( selector, [ this ] ).length ) {
  // 釋放dom對(duì)象
  var item = $(this);
  var clearItem = $.lui.widget.__clean$;
  item.appendTo(clearItem);
  $('*',clearItem).each(function(i, e) {
  (events = $.data(this, 'events')) && $.each(events, function(i, e1) {
   $(e).unbind(i + '.*');
  });
  $.event.remove(this);
  $.removeData(this);
  });
  clearItem[0].innerHTML = '';
  item = null;
 }
 };

 /**
 * 計(jì)算字符串在某元素上不折行時(shí)的長(zhǎng)度
 * @param {jQuery} $Element jquery元素
 * @param {String} str 字符串
 * @returns  {Number}  字符串長(zhǎng)度(px)
 */
 $.lui.widget.clacStrLength = function($Element,str){
   var _id = $.lui.newGuid();
   var $tmpSpan = $("<span></span>").attr('id',_id).css({
    'position':'absolute',
    'top':'-1000px'
   }).appendTo('body');
   var _width = $tmpSpan.css({
    'font-family':$Element.css('font-family'),
    'font-size':$Element.css('font-size'),
    'letter-spacing':$Element.css('letter-spacing'),
    'word-spacing':$Element.css('word-spacing'),
    'text-indent':$Element.css('text-indent')
   }).text(str).innerWidth();
   $tmpSpan.del();
   $tmpSpan = null;
   return _width;
 };

 /**
 * 在某元素上按像素截取字符串 (采用瀏覽器默認(rèn)處理空白方式,不適用于復(fù)雜場(chǎng)景,僅用于不換行情況下按像素截取字符串)
 * @param $Element jquery元素(該元素的字體設(shè)置必須已經(jīng)確定)
 * @param str 字符串
 * @param limit  像素值
 * @returns 按像素截取后的字符串
 */
 $.lui.widget.substrByPx = function($Element,str,limit){
 if($Element === undefined || !$Element instanceof $) return '';
 if(str === undefined || typeof str != 'string') return '';
 if(limit === undefined) return str;
 if(!str || limit <=0 ) return '';
 var _str = new String(str);

 var _id = $.lui.newGuid();
 var $tmpSpan = $("<span></span>").attr('id',_id).css({
  'position':'absolute',
  'top':'-1000px'
 }).appendTo('body');
 var _width = $tmpSpan.css({
  'font-family':$Element.css('font-family'),
  'font-size':$Element.css('font-size'),
  'letter-spacing':$Element.css('letter-spacing'),
  'word-spacing':$Element.css('word-spacing'),
  'text-indent':$Element.css('text-indent')
 }).text(str).innerWidth();
 while( _width >limit){
  _str = _str.substring(0, _str.length-1);
  _width = $tmp.text(_str).innerWidth();
 }
 $tmpSpan.del();
 $tmpSpan = null;
 return _str;
 }; 
})(jQuery);

以上就是本文的全部?jī)?nèi)容,希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。

相關(guān)文章

  • 基于jQuery實(shí)現(xiàn)模擬頁(yè)面加載進(jìn)度條

    基于jQuery實(shí)現(xiàn)模擬頁(yè)面加載進(jìn)度條

    進(jìn)度條的出現(xiàn)在于無(wú)法通過(guò)任何方法獲取整個(gè)頁(yè)面的大小和當(dāng)前加載了多少,所以只能用進(jìn)度條來(lái)模擬,接下來(lái)為大家介紹下實(shí)現(xiàn)方法,感興趣的朋友可以參考下哈
    2013-04-04
  • Jquery-1.9.1源碼分析系列(十一)之DOM操作

    Jquery-1.9.1源碼分析系列(十一)之DOM操作

    dom操作主要包括append、prepend、before、after、replaceWith、appendTo、prependTo、insertBefore、insertAfter、replaceAll。其核心處理函數(shù)是domManip,本文給大家介紹Jquery-1.9.1源碼分析系列(十一)之DOM操作,感興趣的朋友一起學(xué)習(xí)吧
    2015-11-11
  • jquery.mousewheel實(shí)現(xiàn)整屏翻屏效果

    jquery.mousewheel實(shí)現(xiàn)整屏翻屏效果

    jQuery Mousewheel 用于添加跨瀏覽器的鼠標(biāo)滾輪支持。 mousewheel事件的處理函數(shù)有一點(diǎn)小小的變化,它除了第一個(gè)參數(shù)event 外,還接收到第二個(gè)參數(shù)delta。通過(guò)參數(shù)delta可以獲取鼠標(biāo)滾輪的方向和速度。
    2015-08-08
  • jquery無(wú)法為動(dòng)態(tài)生成的元素添加點(diǎn)擊事件的解決方法(推薦)

    jquery無(wú)法為動(dòng)態(tài)生成的元素添加點(diǎn)擊事件的解決方法(推薦)

    下面小編就為大家?guī)?lái)一篇jquery無(wú)法為動(dòng)態(tài)生成的元素添加點(diǎn)擊事件的解決方法(推薦)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧,祝大家游戲愉快哦
    2016-12-12
  • jquery 延遲執(zhí)行實(shí)例介紹

    jquery 延遲執(zhí)行實(shí)例介紹

    延遲執(zhí)行在某些特殊的情況下還是蠻有用的,實(shí)現(xiàn)的方法也很簡(jiǎn)單,本文有個(gè)不錯(cuò)的示例,有需要的朋友可以參考下,希望對(duì)大家有所幫助
    2013-08-08
  • jquery實(shí)現(xiàn)最簡(jiǎn)單的滑動(dòng)菜單效果代碼

    jquery實(shí)現(xiàn)最簡(jiǎn)單的滑動(dòng)菜單效果代碼

    這篇文章主要介紹了jquery實(shí)現(xiàn)最簡(jiǎn)單的滑動(dòng)菜單效果代碼,涉及jQuery基于鼠標(biāo)事件操作頁(yè)面元素動(dòng)態(tài)變換的基本技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下
    2015-09-09
  • $.each與$().each的區(qū)別示例介紹

    $.each與$().each的區(qū)別示例介紹

    $.each是一個(gè)通用的迭代函數(shù),可用于近似地迭代 對(duì)象和數(shù)組,這個(gè)函數(shù)與$().each是專用用于迭代和執(zhí)行jquery對(duì)象函數(shù)
    2014-03-03
  • jQuery移動(dòng)端日期(datedropper)和時(shí)間(timedropper)選擇器附源碼下載

    jQuery移動(dòng)端日期(datedropper)和時(shí)間(timedropper)選擇器附源碼下載

    今天我給大家介紹一款非常有趣的日期和時(shí)間選擇器,它分為日期選擇器datedropper以及時(shí)間選擇器timedropper,他們倆尤其適合在移動(dòng)端上應(yīng)用。感興趣的小伙伴一起學(xué)習(xí)吧
    2016-04-04
  • jQuery的插件列表(2010-1-25更新)

    jQuery的插件列表(2010-1-25更新)

    jQuery 是我最喜歡的一個(gè)Javascript框架,下文中包含了眾多&#65533;&#65533;以為jQuery愛(ài)好者們使用的插件。如果你還知道其他的好東西,歡迎與大家分享。
    2011-08-08
  • jquery 實(shí)現(xiàn)復(fù)選框的全選操作實(shí)例代碼

    jquery 實(shí)現(xiàn)復(fù)選框的全選操作實(shí)例代碼

    這篇文章主要介紹了jquery 實(shí)現(xiàn)復(fù)選框的全選操作實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下
    2017-01-01

最新評(píng)論

城口县| 乐都县| 佛教| 乐清市| 大厂| 江西省| 大厂| 漯河市| 沅江市| 永城市| 嵊州市| 金溪县| 家居| 丰顺县| 前郭尔| 曲沃县| 保靖县| 兴化市| 新密市| 高台县| 仙桃市| 石柱| 延安市| 徐汇区| 孝义市| 泗阳县| 沁源县| 云林县| 宝清县| 吉林省| 晋中市| 衡水市| 延庆县| 白银市| 楚雄市| 姚安县| 福清市| 广水市| 锡林浩特市| 黑河市| 绥棱县|