jQuery內(nèi)存泄露解決辦法
本文大家分享了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í)有所幫助,也希望大家多多支持腳本之家。
- jQuery實(shí)現(xiàn)金額錄入框
- jQuery 獲取select選中值及清除選中狀態(tài)
- 淺析Jquery操作select
- jQuery中animate的幾種用法與注意事項(xiàng)
- jQuery中值得注意的trigger方法淺析
- jQuery實(shí)現(xiàn)字符串全部替換的方法
- 簡(jiǎn)單實(shí)現(xiàn)jquery焦點(diǎn)圖
- 基于jquery實(shí)現(xiàn)的鼠標(biāo)懸停提示案例
- jquery滾動(dòng)條插件(可以自定義)
- jquery實(shí)現(xiàn)簡(jiǎn)單的瀑布流布局
- 基于jQuery實(shí)現(xiàn)的查看全文功能【實(shí)用】
- jQuery學(xué)習(xí)筆記之入門
相關(guā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.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)擊事件的解決方法(推薦)
下面小編就為大家?guī)?lái)一篇jquery無(wú)法為動(dòng)態(tài)生成的元素添加點(diǎn)擊事件的解決方法(推薦)。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧,祝大家游戲愉快哦2016-12-12
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
jQuery移動(dòng)端日期(datedropper)和時(shí)間(timedropper)選擇器附源碼下載
今天我給大家介紹一款非常有趣的日期和時(shí)間選擇器,它分為日期選擇器datedropper以及時(shí)間選擇器timedropper,他們倆尤其適合在移動(dòng)端上應(yīng)用。感興趣的小伙伴一起學(xué)習(xí)吧2016-04-04
jquery 實(shí)現(xiàn)復(fù)選框的全選操作實(shí)例代碼
這篇文章主要介紹了jquery 實(shí)現(xiàn)復(fù)選框的全選操作實(shí)例代碼的相關(guān)資料,需要的朋友可以參考下2017-01-01

