推薦js庫: underscore

Underscore封裝了經常使用的JavaScript對象操做方法,用於提升開發效率。css

之間沒用他以前,本身寫,那是至關的酸爽。api

如循環處理:spa

for(var i=0;i<data.length;i++){
    // TODO    
}

用他翻譯

_.each(data,function(item){
    // TODO
})

 

如要刪掉數據中的某條3d

data = _.reject(data,function(item){
    return item.id = 要刪的數據id }) 

 

還有不少,須要本身去體會,用了都知道很higncode

附上api,平常也可查看下對象

英文的 :  http://underscorejs.org/blog

國內翻譯的: http://www.css88.com/doc/underscore/ip

-------------開發

ps: 官網的左側有個過濾搜索,挺好,思路不錯,也可本身查看下源碼

效果:

 

查詢map

 

再看下他的main.js 的實現

 

實現思路大體以下:

1. 監聽上面這個輸入框,若有變化,調用1個方法

2. 方法中拿到左側列表的元素,比對,算出哪些要隱藏掉。

----------------------------------------------------

 

 

 

 

下面是簡單入門介紹,就不搬內容了,可過去看

--------------------------------

Underscore.js 入門     http://www.css88.com/archives/4728

Underscore.js 入門-經常使用方法介紹      http://www.css88.com/archives/4784

相關文章
相關標籤/搜索