前端開發者實用幹貨合集

今天給大家分享一撥兒前端開發者實用幹貨合集，我們主要是給前端開發者提供各種實用有效的工具，其中不少工具也是設計師在設計過程中可以用得上的！

SVG Role Image

這是一個關於如何使用 svg 元素的說明和提示文檔。SVG 格式的文檔比起傳統的圖片有著更高的靈活度，而svg 元素之內還可以包含的更為豐富的可控的屬性和標簽，比如 path、g 和 circle 等。

What is TTFB?

你有沒有碰到過這樣的情況，就是你已經按照網上所有的建議針對你的網站進行了優化，但是在打開網站的時候依然非常的緩慢？這種問題很有可能出在 TTFB 上，也就是所謂的能否檢測到「Time to First Byte」。CSS Wizardry 的這篇文章將會會為你詳細解釋如何針對 TTFB 進行優化。

Custom Accessible Radio Input

優秀的可訪問性設計讓網站更容易被訪問，尤其是針對有行動障礙的用戶而言。Lindsey 的這篇文章將會教你如何設計無障礙的輸入。你將會發現，創建可訪問性較強的優質UI並不會看起來很傻。

Simple Entity Decode

這是一個小型的 JavaScript 庫，它將會幫你將 HTML 表單中意義不明的字符轉化「翻譯」成人類可讀的樣式，包括 &  和 & 這樣的字符。

Gatsby Theme Authoring

創建靜態網站又重新成為了當下的潮流，因為靜態網站訪問起來更快。Gatsby 是諸多正在流行的靜態網站構建工具之一，同時 Egghead 還提供了視頻教你如何創建主題，它是完全免費的。

Postwoman

Postwoman 是一個基於web的工具，用來撰寫 API 請求。你可以設置請求的方式，URL、路徑、參數、身份驗證等，它是一個非常便捷的工具。

Nushell

這是用 Rust 所創建的一款 Shell 工具。它使用了一些增強的 Shell 命令，比如 ls命令。當你在 Nushell 中使用 ls 命令的時候，能夠呈現出豐富的數據樣式，就像上圖。

What is ES2019

JavaScript 在過去幾年間有過非常巨大的改進，ES6 和 ES2015 似乎昨天還在使用，而今天就已經開始使用 ES2019 了。而這個來自 JSConf EU 的視頻將會向你展示如何根據 ES2019 的規範，來使用 JavaScript 來實現功能。

Dockerlabs

Dockerlabs 是一個教你使用 Docker 和 Kubernetes 的係列教程合集，它提供的教程主要是文本教程，並且你可以直接在瀏覽器中測試。你無需在計算機上安裝任何東西就可以直接體驗 Docker，比如 Docker Engine、Docker Compose 和 Docker Machine。

Kanboard

Kanboard 是一個基於 PHP 的看板管理工具。使用看板來管理任務和項目是一種流行的方式，Trello 就是其中的典型。如果你是喜歡對應用進行深入細致的掌控，那麼使用 Kanboard 可能是一個不錯的選擇，因為你可以將它安置在服務器當中。

Tech Interview Handbook

如果你想要準備麵試一個技術類的職位，那麼這份包含有各種實例、提示和備忘錄的小手冊能夠幫到你，其中的各種內容能夠幫你更好地備戰。

Vuestic Admin

在 Vue.js 上構建儀表盤，你可以使用這套模板。它自帶豐富的 UI 組件，涵蓋了各種類型的表單和視覺元素。

Git Training Kit

這是一個教你深入掌握 Git 的參考文檔，對於想要學習 Git 的人，有非常有效的參考，無論你剛剛入門還是有過一定的經驗，這份 Git Training Kit 都能幫到你。

Nginx Admin Handbook

想要充分利用 Nginx ，這份指南文檔能夠幫你。你能夠在其中找到絕大多數的關於 Nginx 的主題，包括安全性控製、調試以及各種核心的基礎知識。

XtermJS

XtermJS 是一個可以在在網頁中運行的終端工具界麵。

Pure Bash Bible

想要掌握 Bash，這份涵蓋了各種提示、代碼範例、最佳實踐的學習素材包，能夠幫到你。

Polka

Polka 是一個使用 Node 構建的簡單的 HTTP 服務器，它支持路由、中間件和子應用，它是 Express.js 的絕佳替代品，甚至執行速度比前者快了 30% 到 50%。

Design Patterns PHP

我們常說的「設計模式」其實是解決常見設計問題的解決方案，而這份設計文檔是學習PHP 設計模式的最為完整的參考資料之一。

Code Samples

這是微軟所提供的一份代碼範例合理，這份合集涵蓋的內容非常廣泛，從 C語言到 PHP都有。

iViewUI

基於 Vue.js 框架的 UI 組件合集。和很多典型的框架一樣，iView 配備了豐富的 UI 組件，從按鈕到輪播圖，各種組件全都有。