js的點滴2

/*1、防止高頻調用的debounce函數
這個debounce函數對於那些執行事件驅動的任務來講是必不可少的提升性能的函數。若是你在使用scroll,resize,key*等事件觸發執行任務時不使用降頻函數，也行你就犯了重大的錯誤。下面這個降頻函數debounce能讓你的代碼變的高效*/
//debounce函數
//返回一個函數
function debounce(func,wait,immediate){
var timeout;
console.log('haha12');
return function(){
console.log('haha1');
var context = this,args = arguments;
var later = function(){
timeout = null;
if(!immediate){
func.apply(context,args);
}
}
var callNow = immediate && !timeout;
clearTimeout(timeout);
timeout = setTimeout(later,wait);
if(callNow) func.apply(context,args);
}
}
var myEfficientFn = debounce(function(){
alert(111);
},1000);
window.addEventListener('resize',myEfficientFn);
/*myEfficientFn();
myEfficientFn();*/
/*這個debounce函數在給定的時間間隔內只容許你提供的回調函數執行一次，以此下降它的執行頻率。當遇到高頻觸發的事件時，這樣的限制顯得尤其重要。*/
/*
2、禁止重複調用、只容許執行一次的once函數

不少時候，咱們只但願某種動做只能執行一次，就像是咱們使用onload來限定只在加載完成時執行一次。下面這個函數就能讓你的操做執行一次後就不會再重複執行。
*/
function once(fn,context){
var result;
return function(){
if(fn){
result = fn.apply(context || this,arguments);
fn = null;
}
return result;
}
}
var canOnlyFireOnce = once(function(){
console.log('Fired');
});
canOnlyFireOnce();//Fired
canOnlyFireOnce();//undefined
/*
3、獲取一個連接的絕對地址getAbsoluteUrl
獲取連接的絕對地址並不像你想象的那麼簡單。下面就是一個很是實用的函數，能根據你輸入的相對地址，獲取絕對地址：
*/
var getAbsoluteUrl = (function(){
var a;
return function(url){
if(!a){
a = document.createElement('a');
a.href = url;
return a.href;
}
}
})()
getAbsoluteUrl('/something');
/*
4、用JavaScript建立新的CSS規則insertRule
有時候咱們會使用一個CSS選擇器(好比document.querySelectorAll)來獲取一個 NodeList ，而後給它們每一個依次修改樣式。其實這並非一種高效的作法，高效的作法是用JavaScript新建一段CSS樣式規則
*/
Sheet = (function(){
var style = document.createElement('style');
style.setAttribute('media','screen');
style.appendChild(document.createTextNode(''));
document.head.appendChild(style);
return function(rule){
style.sheet.insertRule(rule,style.sheet.cssRules.length);
}
})()
Sheet('.stats {position:relative;top:0px}');
/*
5、設定時間/頻率循環檢測函數

debounce函數是藉助於某個事件的觸發。但有時候並無這樣的事件可用，那咱們只能本身寫一個函數來每隔一段時間檢查一次
*/
function poll(fn,callback,err,timeout,interval){
var startTime = (new Date()).getTime();
var pi = window.setInterval(function(){
if(Math.floor(((new Date).getTime() - startTime)/1000) <=timeout){
if(fn()){
callback();
}
}else{
window.clearInterval(pi);
err();
}
},interval);
}
//這個事件沒有說怎麼用

30.寫自執行函數仍是有一點意義的，能夠定義變量。

31. js url編碼。

http://www.cnblogs.com/huzi007/p/4174519.html

32. return 關鍵字後邊不能換行。若是換行就不生效了。

33.console.log(JSON.stringify(obj));這個打印出來後能夠直接格式化。

34 filter以後並非深拷貝。