迎來了金秋 9 月，在這收穫的季節，Tutorialzine 又為我們帶來了哪些新鮮、有趣的前端資源呢？前端開發者們，一起來看看有木有你需要的前端庫。
1.DisplayJS
DisplayJS 是一個幫助你渲染 DOM 的簡易框架。使用它，你可以更容易地將 JS 變數遍歷到特定的 HTML 元素中，類似於 React 或 Vue.js 處理模版的方式。
專案地址：【傳送門】
2.React Beautiful DnD
這是由 Atlassian 開源的用於製作拖拽元件的 React 庫。它提供了強大、易用的 API，以及豐富的定製選項和控制元件。它所生成的元件，也具備了平滑的 GPU 動畫效果。當元素被拾取或重新排序時，其效果將會展示出來。
專案地址：【傳送門】
3.R2
這是一個全新版的 Node.js Request 庫，它提供了一個更輕量的 HTTP 客戶端解決方案。與 Request 庫不同的是，它建立在原生瀏覽器 Fetch API 之上，可被應用於 Node.js. 並且，R2 在壓縮後僅有 16KB 大小。
專案地址：【傳送門】
4.Primer CSS
Primer CSS 是由 GitHub 的前端設計師研發的 CSS 框架。為了便於安裝，它的 23 個包被劃分為 3 個核心的元包，每個包都可以通過 NPM 進行獨立版本的釋出。
專案地址：【傳送門】
5.Puppeteer
Puppeteer 是一個用於操縱 Headless Chrome 的封裝庫，它由 Chrome DevTools 官方團隊進行維護。你也可以在我們的文章《使用 Node.js 自動化Google Chrome》中，瞭解更多我們嘗試的一些功能。
專案地址：【傳送門】
6.Marko
這是一款與 React 和 Vue.js 類似的新型 JS 框架。它可以幫助你將應用程式分解為獨立的元件，並可隨時間的推移，以及響應使用者操作的變化顯示程式檢視的變化。同時，Marko 可以在應用中自動更新 DOM 來反饋資料。
專案地址：【傳送門】
7.Redocx
Redocx 是一個用於生成 Word 文件的 React 庫。你可以使用 React 元件對文件進行定義，並通過命令列將其渲染為 Word 文件。同時，此庫也包含了表格、影像、頁首、頁尾等豐富的元件供你選擇。
專案地址：【傳送門】
8.Fuzzysort
這是一個用於構建模糊搜尋介面的 JS 庫，類似 Sublime Text 中的介面樣式。該庫會根據搜尋查詢的匹配度，計算出搜尋匹配數與時長。
專案地址：【傳送門】
9.Trowel
Trowel 是一個 SASS 工具包，它提供了一種寫入 SASS 變數的新方法，允許你將多個變數分組到單個物件中，讓你的 SASS 程式碼更易編寫，更易閱讀。
專案地址：【傳送門】
10.Vivify
Vivify 是由純 CSS 寫的動畫庫，該庫提供了超過 50 種動畫效果供你選擇。你只需要將Vivify的類新增到相應的元素，即可使其產生動畫效果，並且新增infinite類後，動畫就可以迴圈播放了。
專案地址：【傳送門】
11.Tons of Checkboxes
這是一個 CSS 核取方塊元件合集，它由大小不一、樣式各異的核取方塊組成。同時，所有的核取方塊都具備 4 種不同的尺寸，並且相容 IE9+ 和所有現代瀏覽器。
專案地址：【傳送門】
12.Push
Push 是一個通用的桌面通知框架。它基於強大的 Notification API ，可作為可靠的跨瀏覽器解決方案，如果使用者的瀏覽器不支援最新的 API，則會沿用老版 API 實現。
專案地址：【傳送門】
13.react-imgpro
react-imgpro 是一個用於影像處理的 React 元件。它可以利用 filters 進行影像處理，並生成 base64 格式的影像。它簡單易用，你只需要指定一個影像的 URL，選擇相應的 filters，並填寫輸出影像的大小與格式即可。
專案地址：【傳送門】
14.Lozad.js
Lozad.js 是一個高效能、可配置的純 JS 實現的懶載入器。它基於 Intersection Observer API，沒有任何依賴，支援動態懶載入新增元素。 同時，它也是輕量級庫，在 Gzip 壓縮後只有 535 位元組大小。
專案地址：【傳送門】
15.Semiotic
這是一個結合了 React 和 D3 的資料視覺化框架。它提供了 3 種型別的框架（XYFrame，ORFrame，NetworkFrame），可幫助你生成一些酷炫圖表。而顯示資料的方式，也可以通過調整框架中設定或者新增 CSS 樣式進行定製。
專案地址：【傳送門】
感謝你的閱讀。若你有所收穫，歡迎點贊與分享。