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

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

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

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

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

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

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

 $.lui.widget.__clean$ = $("<span id='" + $.lui.newGuid()+ "'></span>");
 /**
 * 釋放jquery對象,無返回值。此方法用以解決jquery的內(nèi)存泄露問題
 */
 $.fn.del = function( selector, keepData ) {
 if ( !selector || $.filter( selector, [ this ] ).length ) {
  // 釋放dom對象
  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;
 }
 };

 /**
 * 計算字符串在某元素上不折行時的長度
 * @param {jQuery} $Element jquery元素
 * @param {String} str 字符串
 * @returns  {Number}  字符串長度(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ù)雜場景,僅用于不換行情況下按像素截取字符串)
 * @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);

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

相關(guān)文章

  • 基于jQuery實現(xiàn)模擬頁面加載進度條

    基于jQuery實現(xiàn)模擬頁面加載進度條

    進度條的出現(xiàn)在于無法通過任何方法獲取整個頁面的大小和當(dāng)前加載了多少,所以只能用進度條來模擬,接下來為大家介紹下實現(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實現(xiàn)整屏翻屏效果

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

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

    jquery無法為動態(tài)生成的元素添加點擊事件的解決方法(推薦)

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

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

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

    jquery實現(xiàn)最簡單的滑動菜單效果代碼

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

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

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

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

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

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

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

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

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

最新評論

垦利县| 深泽县| 五峰| 寿光市| 鸡泽县| 达日县| 南京市| 白水县| 大冶市| 达州市| 汽车| 芦溪县| 府谷县| 灵宝市| 咸阳市| 河曲县| 北票市| 抚松县| 博罗县| 廉江市| 阜康市| 舒兰市| 阿拉善右旗| 耿马| 清苑县| 张家口市| 望奎县| 庄河市| 攀枝花市| 墨竹工卡县| 醴陵市| 菏泽市| 永春县| 新闻| 开阳县| 巴马| 进贤县| 马公市| 西藏| 宁都县| 溆浦县|