鍙ゆ湪澶╃惇 鏍囩: JavaScript錛?a rel="tag">鎬ц兘錛?a rel="tag">JS鎬ц兘錛?a rel="tag">鍥炶皟鍑芥暟錛?a rel="tag">寤舵椂鍑芥暟
鍑芥暟鑺傛祦鎶鏈殑涓昏鎬濊礬鏄紝閫氳繃涓涓畾鏃跺櫒錛岄樆鏂繛緇噸澶嶇殑鍑芥暟璋冪敤銆傚浜庢垜浠嚜宸卞唴閮ㄤ嬌鐢ㄧ殑鍑芥暟錛岃繖閫氬父鎰忎箟涓嶅ぇ錛屼篃涓嶆帹鑽愪嬌鐢ㄨ繖涓妧鏈紝瀹冨彲鑳戒細涓㈠け瀵規煇浜涙暟鎹殑澶勭悊銆備絾鏄浜庡湪鐢ㄦ埛鐣岄潰璋冪敤鐨勫嚱鏁幫紝鍗撮潪甯告湁鎰忎箟銆備緥濡備竴涓?mousemove 鎴栬?IE 涓?resize 浜嬩歡鐨勭洃鍚嚱鏁般?
榪欑被浜嬩歡鐩戝惉鍑芥暟寰寰浼撮殢鐫涓や釜涓昏鐗瑰緛錛?strong>1. 鐭椂闂村唴榪炵畫澶氭閲嶅瑙﹀彂 ; 2. 澶ч噺鐨?DOM 鎿嶄綔銆備紬鎵鍛ㄧ煡錛孌OM 鎿嶄綔瀵瑰唴瀛樺拰 CPU 鐨勫紑閿鏄瘮杈冨ぇ鐨勶紝鐗瑰埆鏄綋鍚屾椂婊¤凍鐗瑰緛1鏃訛紝寰寰緇欐祻瑙堝櫒閫犳垚涓嶅皬鐨勫帇鍔涖傚嚱鏁拌妭嫻佹妧鏈殑鎰忎箟鍦ㄤ簬鍦ㄧ敤鎴峰療瑙夎寖鍥村錛岄檷浣庡嚱鏁拌皟鐢ㄧ殑棰戠巼錛屼粠鑰屾彁鍗囨ц兘銆?
榪欎釜鎶宸х殑澶ф妯″紡濡備笅闈㈣繖鏍鳳細
1 var processor = {
2 timeoutId: null,
3
4 performProcessing: function(){
5 // 瑕佹墽琛岀殑浠ｇ爜
6 },
7
8 process: function(){
9 clearTimeout(this.timeoutId);
10 this.timeoutId = setTimeout(function(){
11 processor.performProcessing();
12 }, 100);
13 }
14 };
15
16 //璋冪敤
17 processor.process();
performProcessing 鏄湡姝ｈ璋冪敤鐨勫嚱鏁幫紝鑰岀▼搴忕殑鍏ュ彛鍦?process錛屾瘡嬈¤繘鍏?process錛岀湡姝ｈ璋冪敤鐨勫嚱鏁?performProcessing 閮戒細琚歡榪?100 姣鎵ц錛屽鏋滃湪姝ゆ湡闂達紝process 鍐嶆琚皟鐢紝鍒欎細閲嶇疆鍓嶄竴嬈＄殑璁℃椂鍣紝閲嶆柊寮濮嬭鏃訛紝榪欐牱淇濊瘉浜?performProcessing 涓殑浠ｇ爜鑷沖皯瑕侀棿闅?100 姣鎵嶄細琚墽琛屼竴嬈★紝鍘熺悊闈炲父鐨勭畝鍗曪紝涓嬮潰榪欎釜鍑芥暟涔熸槸鍒╃敤榪欎釜鍘熺悊錛岄氳繃闂寘杈懼埌浜嗗悓鏍風殑鐩殑錛屽畠鎺ュ彈涓や釜鍙傛暟錛岀涓涓槸瑕佺湡姝ｈ鎵ц鐨勫嚱鏁幫紝絎簩涓槸闂撮殧鐨勬椂闂淬?/pre>function throttle(fn, delay) {
var timer = null;
return function () {
var context = this, args = arguments;
clearTimeout(timer);
timer = setTimeout(function () {
fn.apply(context, args);
}, delay);
};
}
鍙﹀錛屾湁浜轟負 jQuery 鍐欎簡鐩稿悓鍔熻兘鐨勬彃浠訛細鐐瑰嚮榪欓噷浼犻佸埌 jQuery plugins
Google Closure Library 涔熸湁綾諱技鐨?API錛?a >鐐瑰嚮榪欓噷浼犻佸埌 Google Code
]]>