2017年6月：15個有趣的JS和CSS庫

炎熱的六月，也阻擋不住我們分享的腳步。在本月，Tutorialzine 又為大家帶了哪些新鮮貨呢？開發者們，一起來瞧瞧吧！

1. Moon

Moon 是一個與 Vue.js 相似的 JavaScript UI 庫，但它卻更輕量、簡單。它具備優化的虛擬 DOM 引擎，對用戶友好的 API，並且在 gzip 壓縮後僅有 6KB 的大小。

項目地址：http://moonjs.ga/

2. VX

VX 結合了 D3 和 React 虛擬 DOM 的強大計算能力，它為數據的可視化提供了一系列優秀的可重用組件集合。同時，組件也是獨立的，你只需根據自身需求使用即可。

項目地址：https://vx-demo.now.sh/

3. SmartPhoto

SmartPhoto.js 是一個專為移動設備打造的響應式圖像查看器，它易於使用，並支持手勢觸摸操作，例如捏合或者滑動。同時，它還具備對初學者友好的大量實用的事件處理器，以及用戶自定義選項。

項目地址：https://github.com/appleple/SmartPhoto

4. Feathers

Feathers 是一個用於創建安全的 RESTful API 的 Node.js 框架。由於支持內置 Socket，它既可當作傳統的 Express router，又可用作實時信息的發送器。其他的功能還包括快速引導新項目的 CLI、易於與流行的 JS 框架集成，以及擁有豐富的插件生態。

項目地址：https://feathersjs.com/

5. Embedo

Embedo 是一個簡單、輕量的社交媒體內容嵌入式 Web 插件。它在第三方嵌入的 API 上增添了一個 layer，同時確保了每個組件的最佳實踐以及原生指南。它用於處理外部的 SDK、oEmbeds、並增加了響應性，便於與 Facebook、Twitter、Instagram 和其他服務更快捷的集成。

項目地址：https://shobhitsharma.github.io/embedo/

6. Microtip

Microtip 是一個輕量、平滑流暢且易用的純 CSS 工具提示庫。它內置了一些用於控制其方向、大小和動畫的選項，而更多的定製則通過 SASS 完成。

項目地址：https://ghosh.github.io/microtip/

7. Prettier

Prettier 是一個受 refmt 啟發的 JavaScript 格式化程序，它針對 ES2017，JSX 和 Flow 的語言功能進行了更深入的支持。它將刪除所有的原始格式，並確保所有輸出的 JavaScript 保持一致的樣式。

項目地址：https://github.com/prettier/prettier

8. UPNG.js

UPNG.js 是一個快速、高級的 PNG 編碼與解碼器。它內置了壓縮功能，在不損失圖像質量的前提下，可以有效的減少圖像文件的大小。

項目地址：https://github.com/photopea/UPNG.js

9. Tinytime

Tinytime 是一個超小型 JavaScript 庫，用於格式化日期與時間。它僅提供了一個單獨的render()方法，用於接收 Date 對象並返回一個帶有渲染數據的字符串。

同時，你還能夠定義可重用的模版，有助於提高性能並清理冗餘代碼。

項目地址：https://github.com/aweary/tinytime

10. StrMan

StrMan 是一個 JavaScript 字符串操作庫，它為各種實用程序、格式選項和字符串轉換，提供了超過 60 種實用的方法。

項目地址：https://github.com/dleitee/strman

11. IotaCSS

IotaCSS 是一個基於 SASS 的面向對象的 CSS 框架。它由獨立的模塊組成，並且每個模塊都包含了框架的可選部分，如組件、設置和實用程序。

項目地址：https://www.iotacss.com/

12. PKG

這是一個 CLI 應用程序，能夠將你的 Node.js 項目打包為可執行文件，並可以在尚未安裝 Node 的計算機上運行它們。同時，它也是跨平臺的，支持 Linux、Windows、macOS 和 freeBSD。

項目地址：https://github.com/zeit/pkg

13. Sakura

Sakura 是一個獨特的極簡 CSS 框架，無需為 HTML 添加任何類。你只需要將 sakura.css 放到任意頁面，它就會繼承默認的排版和元素樣式。由於沒有類，Sakura 能夠快速的生成漂亮頁面，並且非常容易定製。

項目地址：https://github.com/oxalorg/sakura

14. Birdview.js

這是一個很酷的 JS 插件，方便你縮小頁面，並在一個視圖中查看整個文檔。同時，你可以點擊任意位置放大，並直接滾動到你點擊的位置。

項目地址：http://achrafkassioui.com/birdview/

15. Timeline.js

Timeline.js 是一個用於創建交互式時間軸的 jQuery 插件，能夠讓你在漂亮的動畫部件中，按時間順序展現出圖像與故事。同時，它具備豐富的自定義選項。

項目地址：https://ilkeryilmaz.github.io/timelinejs/

感謝你的閱讀。若你有所收穫，歡迎點贊與分享。

注：

1. 本文版權歸原作者所有，僅用於學習與交流；

2. 如需轉載譯文，煩請按下方註明出處信息，謝謝！

英文原文：15 Interesting JavaScript and CSS Libraries for June 2017

作者：Danny Markov

譯者：IT程序獅

譯文地址：http://www.jianshu.com/p/cd280b7afe56

更多文章

1.2017年5月：15個有趣的JS和CSS庫

2.2017年4月：15個有趣的JS和CSS庫

3.2017年3月：15個有趣的JS和CSS庫

4.推薦！2017 Web 開發者學習路線圖