在每個(gè)月，我們都會(huì)為大家分享一些最新、有趣的前端庫肉微，希望它們中的一些會(huì)對你的項(xiàng)目有所幫助。當(dāng)然京腥，如果你也發(fā)現(xiàn)了一些有趣、實(shí)用的庫溅蛉，框架或是工具公浪，也歡迎留言與大家一同分享他宛。
1.Currency
currency.js 是一個(gè)用于處理貨幣值的輕量級(jí) JavaScript 庫，它解決了 JS 中的浮點(diǎn)問題因悲，你無須擔(dān)心 Decimal 這類精準(zhǔn)的數(shù)據(jù)類型堕汞，就可以直接進(jìn)行基本的算數(shù)運(yùn)算。同時(shí)晃琳，它也適合不同類型的數(shù)據(jù)輸入讯检，例如字符串、數(shù)字和貨幣對象卫旱。
項(xiàng)目地址：【傳送門】
2.Lass
你可以使用 Lass 搭建基于 Node.js 的腳手架工具人灼。它易于安裝，你只需要在終端上運(yùn)行npm install -g lass即可顾翼，并且它還提供了豐富的功能投放，如使用 ava 進(jìn)行單元測試，利用 prettier 自動(dòng)格式化代碼适贸，自動(dòng) git init灸芳，自動(dòng) Markdown 語法轉(zhuǎn)化以及使用 Remark 進(jìn)行代碼檢查等。
項(xiàng)目地址：【傳送門】
3.Fastify
Fastify 是一個(gè)現(xiàn)代的 Node.js 框架拜姿，靈感源自 Hapi 和 Express 等項(xiàng)目烙样。除了要成為最快的 Node 框架之一，它還具備對開發(fā)者友好蕊肥、完全異步以及完全可擴(kuò)展（通過其 hooks谒获、插件和裝飾器）等優(yōu)點(diǎn)。
項(xiàng)目地址：【傳送門】
4.Draggable
Draggable 是一個(gè)輕量級(jí)壁却、響應(yīng)式的 JS 拖放庫批狱，由 Shopify 出品。它提供了高級(jí)的拖放功能展东，能夠快速進(jìn)行 DOM 重新排序赔硫，并且擁有清晰的 API 和訪問標(biāo)記。同時(shí)琅锻，它也附帶了一些額外的模塊卦停，便于你進(jìn)行擴(kuò)展。
項(xiàng)目地址：【傳送門】
5.Mousetrap
Mousetrap 是一個(gè)簡單恼蓬、輕量的 JavaScript 庫，可用于捕獲和處理鍵盤事件僵芹。它支持 keypress处硬、keydown 和 keyup 等鍵盤事件，適用于國際鍵盤布局和數(shù)字小鍵盤拇派。
項(xiàng)目地址：【傳送門】
6.src2png
使用這個(gè)庫荷辕，你可以將源碼生成為語法高亮的圖片進(jìn)行展示凿跳。你還可以了解下它的工作流程：src2png 啟動(dòng) Poi dev 服務(wù)程序，并使用 Puppeteer 運(yùn)行 Headless Chrome 實(shí)例疮方，完成渲染控嗜、裁剪后，最終保存截圖骡显。
項(xiàng)目地址：【傳送門】
7.Stencil
Stencil 是一個(gè)簡單的 Web 組件編譯器疆栏。它結(jié)合了流行框架的設(shè)計(jì)理念，通過使用 TypeScript惫谤、JSX壁顶、虛擬 DOM，Reactive 數(shù)據(jù)綁定和異步渲染（類似于 React Fiber）來生成 Web 組件溜歪。
項(xiàng)目地址：【傳送門】
8.Words To Numbers
Words To Numbers 是一個(gè)有趣的 JS 庫若专，它能夠識(shí)別單詞并轉(zhuǎn)化為數(shù)字。如果傳遞的字符串為數(shù)字蝴猪，它就會(huì)返回相應(yīng)的數(shù)值调衰，否則它將返回初識(shí)字符串。你還可以使用 Jaro distance 進(jìn)行模糊文本的最佳匹配自阱，即使字符串中出現(xiàn)了拼寫有誤的單詞嚎莉，也不影響匹配的結(jié)果。
項(xiàng)目地址：【傳送門】
9.Mail for Good
Mail for Good 是一個(gè)開源的電子郵件營銷管理軟件动壤，可用于通過 Amazon 的 AWS 簡易郵件服務(wù)進(jìn)行發(fā)送萝喘。它提供了電子郵件發(fā)送與管理的眾多功能，例如發(fā)送無限制容量大小的電子郵件琼懊，導(dǎo)入 CSV 格式的電子郵件阁簸，創(chuàng)建模板，以及追蹤?quán)]件跳出率等哼丈。
項(xiàng)目地址：【傳送門】
10.Devices.css
Devices.css 是一個(gè)使用純 CSS 實(shí)現(xiàn)移動(dòng)設(shè)備的庫启妹。它包含了一些目前主流的移動(dòng)設(shè)備，如 iPhone X醉旦，Google Pixel 2 XL 和三星Galaxy S8饶米。由于其高品質(zhì)的設(shè)計(jì)，可用于著陸頁面或者網(wǎng)頁快照车胡。
項(xiàng)目地址：【傳送門】
11.AR.js
想在移動(dòng)設(shè)備上體驗(yàn)增強(qiáng)現(xiàn)實(shí)嗎檬输？那么，AR.js 將會(huì)幫你完成體驗(yàn)之旅匈棘。它完全基于 Web丧慈，可在使用 webgl 和 webrtc 的手機(jī)上流暢運(yùn)行。
如果你也想嘗試一下，可以先打開這個(gè)演示：首先逃默，在你的電腦瀏覽器中打開標(biāo)記為 Hiro 的圖像鹃愤，然后在手機(jī)的瀏覽器中打開 AR Web APP ，并將其轉(zhuǎn)到你的電腦屏幕上即可完域。
項(xiàng)目地址：【傳送門】
12.SentinelJS
SentinelJS 是一個(gè)小型 JavaScript 庫软吐，可讓你使用 CSS 選擇器檢測新的 DOM 節(jié)點(diǎn)。當(dāng)添加新的 DOM 節(jié)點(diǎn)時(shí)吟税，它會(huì)使用 CSS 動(dòng)畫效果之@keyframes規(guī)則凹耙，將其添加至瀏覽器的 animationstart 事件。
項(xiàng)目地址：【傳送門】
13.Luma.GL
Luma.GL 是一個(gè)用于 GPU 數(shù)據(jù)計(jì)算與可視化的 WebGL2 框架乌妙。它提供了一種使用高性能的 WebGL2 在瀏覽器中展示大量數(shù)據(jù)的方法使兔，并且它還引導(dǎo)了一個(gè)高級(jí)的 API 庫 – deck.gl
項(xiàng)目地址：【傳送門】
14.Zoomove
這是一個(gè)讓你在移動(dòng)鼠標(biāo)時(shí)動(dòng)態(tài)縮放圖像的 jQuery 插件。它易于安裝與使用藤韵，提供了設(shè)置圖像url虐沥、縮放大小、光標(biāo)指針等諸多屬性泽艘，并且兼容 Chrome 42+欲险，F(xiàn)irefox 41+，Safari 9+匹涮，Opera 29+ 和 IE 9+天试。
如果想深入了解其使用方式，這還有一篇教程供你參考與學(xué)習(xí)然低。
項(xiàng)目地址：【傳送門】
15.Scrollanim
Scrollanim 是一個(gè)用于創(chuàng)建滾動(dòng)動(dòng)畫的輕量級(jí) CSS3 + JS 庫喜每。它是一個(gè)開源庫，且易于使用雳攘。由于使用了 Animate.css 以及擁有豐富的內(nèi)置 CSS3 動(dòng)畫带兜，所以你可以選擇淡入、淡出等動(dòng)畫效果吨灭。
項(xiàng)目地址：【傳送門】
感謝你的閱讀刚照。若你有所收獲，歡迎點(diǎn)贊與分享喧兄。
注：
- 本文版權(quán)歸原作者所有无畔，僅用于學(xué)習(xí)與交流；
- 如需轉(zhuǎn)載譯文吠冤，煩請按下方注明出處信息浑彰，謝謝！
英文原文：15 Interesting JavaScript and CSS Libraries for October 2017
作者：Danny Markov
譯者：IT程序獅
譯文地址：https://zhuanlan.zhihu.com/p/31321429
更多文章：
