前端工程師都會喜歡的5個JavaScript庫

2016-01-18    分類:WEB開發、推薦閱讀、程式設計開發、首頁精華5人評論發表於2016-01-18

本文由碼農網 – Sandbox Wang原創翻譯,轉載請看清文末的轉載要求,歡迎參與我們的付費投稿計劃

前端開發應該算是整個Web應用開發過程中最有意思的一部分了,不管什麼時候,你總能看到一些新的框架不斷湧現,還有數不盡的關於它們如何應用的文章。我們可以放心地說,現在網上有數不盡的各種開發框架,簡要來說,不管我們想要開發什麼程式,總是會有一些現成的工具可供我們使用,難道不是嗎?

在此文中,我來分享五個非常有用的JavaScript庫,來幫助你簡化前端開發。

Moment.js

這是個非常強大的JavaScript庫,能幫助你非常容易的修改和展示日期,同時也是非常輕量級的(大約12KB),能輕易地應用到Web應用中。例如,如果要顯示10天前的日期,只用下面的程式碼即可:

moment().subtract(10, 'days').calendar();  //will display date in the format mm/dd/yyyy

專案地址:GitHub – https://github.com/moment/moment/

Hello.Js

你是否對在網站裡整合各種不同的社交登入方式感到無比頭疼?好吧,趕緊過來看看這個JavaScript庫吧,它提供了對不同社交網站登入方式的整合,使得你可以方便地使用標準的路徑並且獲得通用的響應。因此,你不再需要逐個翻閱不同社交平臺提供的開發文件和SDK了。你所需要做的僅僅是在專案裡引入Hello.js,然後就可以享受它的強大了。

專案地址:GitHub – https://github.com/MrSwitch/hello.js

is.js

是否對寫各種正規表示式和格式驗證程式碼感到無比疲憊?現在不用愁了,因為你可以使用is.js來拯救自己。無論是電子郵件地址、電話號碼還是什麼各種格式的驗證,is.js統統搞定,並且允許你輕易去做擴充套件,來點例子:

is.email('test@test.com'); //check if the given string is valid email

is.creditCard(378282246310005);  //checks for valid credit card

專案地址:GitHub – https://github.com/arasatasaygin/is.js

Underscore.js

Underscore.js提供了超過100個常用的函式,可以幫助你加速日常開發。你可以將你JS程式碼中那些繁瑣固定卻無法避免的程式碼放心交給它來完成,並且避免自己手動實現可能帶來的不穩定性,從而極大地提高生產力。它最厲害的地方在於,釋出版本程式碼只有5.7K,這意味著它對你應用程式的載入速度幾乎沒什麼大的影響。

專案地址:GitHub — https://github.com/jashkenas/underscore

Awesomplete

一個輕量級、零依賴的JavaScript庫,可以幫你實現自動完成(輸入)功能。用起來也超級簡單,引入JS和CSS檔案,不到一分鐘就可看到效果。壓縮之後的程式碼不到2KB,非常適合生產環境使用,就跟它的英文名字意思一樣,真是“超厲害的自動完成”!

專案地址:GitHub – https://github.com/LeaVerou/awesomplete

譯文連結:http://www.codeceo.com/article/5-useful-javascript-libs.html
英文原文:5 Useful JavaScript Libraries
翻譯作者:碼農網 – Sandbox Wang
轉載必須在正文中標註並保留原文連結、譯文連結和譯者等資訊。]

相關文章