火星網校
【分享】5月前端開發者實用幹貨大合集
發布時間：2018-11-17 19:57:24
隨著Apple、Google等科技企業一年一度的開發者大會的到來，這些企業旗下產品相關的新資源也隨之放出，比如Apple的新的開源數據庫，以及Google新推出的移動端手機測速應用。此外，GitHub等平台還推出了麵對新手的Git使用課程，也是素質相當過硬的課程。在今天的前端幹貨大合集當中，我們會推薦一些正在興起的新工具，接下來，我們一一介紹。
VuePress
VuePress是來自Vue開發者的新工具，它是使用Vue.js來生成靜態網頁的網頁生成器。它可以為每個頁麵預先生成靜態的HTML頁麵，並且作為SPA（單頁應用程序）運行。其中還附帶一些安裝即可使用的功能，包括Google Analytics ID、搜索、導航、側邊欄以及PWA。
IMG-2
IMG-2是一個用來引入新的自定義元素img-2的JavaScript庫。它針對新的元素添加了許多優化，這些優化不會同標準的img元素混淆，從而真正改變了圖像的加載方式。使用自定義元素的時候，圖片會被預先緩存，並且隻有在圖片進入用戶視野內的時候，才會從緩存中加載出來。
Tabler
Tabler是一個基於Bootstrap 4的優雅的儀表盤組件。這個儀表盤中包含了自定義的圖表、表單、圖標等元素，讓開發人員可以快速構建管理麵板。
DayJS
DayJS是一個用來格式化時間和日期的JS庫，更重要的是，DayJS和Moment.js類似，它僅有2Kb的大小。如果你想要一個更輕量級的庫，那麼它可能是個不錯的選擇。
UnifiedArchive
UnifiedArchive是一個用來處理壓縮文件的PHP庫，它支持各種格式，包括RAR、Zip、Gzip、Tar等許多不同的壓縮包類型。此外，它還提供一些API來處理從壓縮包中提取的文件。
Github Learning Lab
Github剛剛發布了一個完全免費的課程，涵蓋了如何使用Github和Git。目前，其中包括了5門課程，你可以從中學到不少幫你帶來便捷的知識，比如如何使用Github托管代碼，如何使用Github來獲得免費的項目、站點和博客，以及如何管理和合並有衝突的項目，如何和開發人員一起協同工作等等。
WordPress UnitTest DOM Parser
如果你要為WordPress做單元測試，需要測試DOMElement的時候，這些來自Takayuki Miyauchi的建議非常有用。
Popmotion
這是一個用來製作流暢動畫的JS庫，Popmotion提供了一種名為Physics的API，讓你可以創建出接近真實效果的動畫。你可以使用它將動畫輸出為各種不一樣的形式，包括CSS、SVG，Three.js甚至React.js。
Driver.js
這是一個用來幫你將用戶注意力集中到特定頁麵的JS庫，如果你想介紹特定的功能，或者將用戶引導到特定的任務中的時候，可以使用它。Driver.js大小僅有4KB，可以自定義，並且對於鍵盤操作非常友好。
Replace Animated GIF with Video
GIF如今已經幾乎無處不在了，但是GIF常見的問題在於，它非常之大，這不僅浪費帶寬，而且素質往往不高。Google所提供的這個指南教你如何使用視頻來替代GIF。
Text Mask
這是一個用來轉換特殊格式文本的JS庫，它可以用來格式化電話號碼、貨幣或者信用卡號碼等。在用戶輸入文本的時候，其中的特定內容會被格式化，從而達到改善用戶體驗的目的。
Compare Mobile Site Speed
這個比較移動端網頁加載速度的工具是Google所開發的，讓你可以更為便捷地在手機上檢測網站在移動端上的加載速度，在檢測過程中，你除了可以選擇特定的網站之外，還能選擇特定的國家。
VueNut
在使用Vue.js和Vuex來構建Web應用的時候，VueNut是你的好夥伴，VueNut可以更為輕鬆地幫你探索所存儲的數據狀態，並且可以在開發過程中輕鬆地操控這些數據。
FoundationDB
最近，蘋果在Github上將FoundationDB開源了。這是一個用來匹配關鍵數據的數據庫係統，它有著良好的擴展性和強大的性能。現如今，越來越多的大型公司開始開源他們的產品，這本身就是一件很酷的事情。
StoryBooks
StoryBooks是一個獨立的用來構建React組件的工具，它在瀏覽器中運行的時候有一整套的UI，可以用來查看每個組件的不同的狀態。
GhostText
GhostText是一個瀏覽器拓展，它可以讓你在瀏覽器中編輯的內容和文本編輯器中的內容同步。如果你同時喜歡在瀏覽器中調整代碼也喜歡在本地的文本編輯器中寫代碼的話，那麼它是非常有用的。它適用於Chrome、Firefox和Opera。
Coala
Coala是一個CLI，它提供了一個可以用來查看和修複代碼的界麵，無論你使用哪種語言。你可以在代碼編輯器中使用Coala，將其與CI集成，並且使用.coafile中的配置語法對其進行自定義。Coala支持許多語言，比如CSS、JS、PHP等。
ReactStrap
ReactStrap是一個轉換為可重用的React組件的Bootstrap4的組件合集。如果你想針對舊有的Bootstrap網站進行更為現代的改造，可能會用到這個庫。
Reacto
Reacto也是一個基於React工具，它是一個在Electron的基礎上搭建起來的集成開發環境，主要被設計使用ReactJS開發Web應用。如果你的開發工作主要是圍繞著ReactJS進行的話，它是非常順手的。
PicoJS
這是一個支持人臉檢測的JS庫，它適用於靜態圖片，也可以集成到相機中。
原作者：Thoriq Firdaus，原文地址：https://www.hongkiat.com/blog/designers-developers-monthly-04-2018/
分享
华体会hth体育网
賞析
-
2101期學員李思庭作品
-
2104期學員林雪茹作品
-
2107期學員趙淩作品
-
2107期學員趙燃作品
-
2106期學員徐正浩作品
-
2106期學員弓莉作品
-
2105期學員白羽新作品
-
2107期學員王佳蕊作品
熱門課程
專業講師指導 快速擺脫技能困惑
相關文章
多種教程 總有一個適合自己專業問題谘詢
你擔心的問題，火星幫你解答-
介紹網上下載的字體如何安裝。Windows係統下安裝字體教程，mac係統下安裝字體教程,ipad係統下安裝字體教程,
-
火星瑪雅影視培訓，專業的影視技能提升路徑，持續改進影視製作技能，開啟全新的影視製作職業機會。
-
本文詳細介紹了場景原畫培訓哪家便宜且優質，最後為大家推薦火星時代教育，為您提供性價比最高的場景原畫培訓服務。
-
深入了解火星時代Zbrush課程的報名步驟，掌握報名要點，提前了解火星時代教育的相關信息。
-
詳細介紹火星CG原畫插畫培訓的專業課程內容，闡述火星時代教育如何通過科學的教學方法，幫助學員全麵提升原畫插畫技能，塑造全新的藝術世界
-
尋找最優質的火星好原畫設計培訓? 火星時代教育為您提供高質量的原畫設計課程，幫助您成為專業藝術家!
