jQuery內(nèi)存泄露解決辦法
更新時間:2016年12月13日 11:54:09 作者:Never_yu
這篇文章主要為大家詳細(xì)介紹了jQuery內(nèi)存泄露解決辦法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
本文大家分享了jQuery內(nèi)存泄露解決辦法,供大家參考,具體內(nèi)容如下
思路:為JQuery擴(kuò)展刪除jquery元素對象的方法,大大減輕內(nèi)存泄露的壓力
;(function($){
if(!$.lui.widget) $.lui.widget = {};
//$.lui.newGuid()生成隨機(jī)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)模擬頁面加載進(jìn)度條
進(jìn)度條的出現(xiàn)在于無法通過任何方法獲取整個頁面的大小和當(dāng)前加載了多少,所以只能用進(jìn)度條來模擬,接下來為大家介紹下實現(xiàn)方法,感興趣的朋友可以參考下哈2013-04-04
jquery.mousewheel實現(xiàn)整屏翻屏效果
jQuery Mousewheel 用于添加跨瀏覽器的鼠標(biāo)滾輪支持。 mousewheel事件的處理函數(shù)有一點(diǎn)小小的變化,它除了第一個參數(shù)event 外,還接收到第二個參數(shù)delta。通過參數(shù)delta可以獲取鼠標(biāo)滾輪的方向和速度。2015-08-08
jquery無法為動態(tài)生成的元素添加點(diǎn)擊事件的解決方法(推薦)
下面小編就為大家?guī)硪黄猨query無法為動態(tài)生成的元素添加點(diǎn)擊事件的解決方法(推薦)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧,祝大家游戲愉快哦2016-12-12
jQuery移動端日期(datedropper)和時間(timedropper)選擇器附源碼下載
今天我給大家介紹一款非常有趣的日期和時間選擇器,它分為日期選擇器datedropper以及時間選擇器timedropper,他們倆尤其適合在移動端上應(yīng)用。感興趣的小伙伴一起學(xué)習(xí)吧2016-04-04
jquery 實現(xiàn)復(fù)選框的全選操作實例代碼
這篇文章主要介紹了jquery 實現(xiàn)復(fù)選框的全選操作實例代碼的相關(guān)資料,需要的朋友可以參考下2017-01-01

