首頁 > web前端 > js教程 > 主體

前端工程師都喜歡的5個JavaScript庫詳細介紹

黄舟
發布: 2017-03-09 14:56:52
原創
1461 人瀏覽過

前端工程師都喜歡的5個JavaScript庫詳細介

#前端開發應該算是整個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/underscor

Awesomplete

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

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

#

以上是前端工程師都喜歡的5個JavaScript庫詳細介紹的詳細內容。更多資訊請關注PHP中文網其他相關文章!

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板