Categories
程式開發

提高開發效率的9個工具


提高開發效率的9個工具 1

互聯網真是個神奇的地方,它不僅教你如何寫代碼,還提供了很多有用的工具,在開發的各個階段幫你節約寶貴時間。本文將列出9個有用的在線工具,對任何開發人員而言,它們都會是得力助手(排名不分先後)。

1. Can I Use

如果你曾經想了解瀏覽器對Web API(例如local storage)的兼容性,那麼Can I Use是個不錯的選擇。它為桌面版和移動版瀏覽器提供了一個表格,這個表格包含了這些瀏覽器對Web API的最新支持情況。

提高開發效率的9個工具 2

各種瀏覽器對local storage的支持情況

2. Unminify

Unminify.com是一個免費的在線工具,用於復原(解包、反混淆)JavaScript、CSS和HTML代碼,讓這些代碼變得更容易閱讀,且乾淨漂亮。

對於沒有縮進的代碼,或者只包含一行代碼的文件(所有代碼都擠在這一行難以閱讀),你會不會覺得這樣的代碼很難看?把它們拷貝並粘貼到Unminify,瞬間讓它們變得容易理解。

提高開發效率的9個工具 3

unminify.com

3. Compressor

對於網站來說,圖像大小是影響網頁加載速度的一個主要因素。

Compressor.io是一個在線工具,用於壓縮圖像大小,而不會降低圖像質量。這個工具相當棒,以至於圖像質量在壓縮前和壓縮後幾乎看不出區別。

提高開發效率的9個工具 4

compressor.io

4. Cloudcraft

Cloudcraft可以幫助你設計雲,並製定雲資源預算。它提供了非常酷的拖放功能,通過連接不同的雲基礎設施服務(目前只適用於AWS),可以創建出3D圖表。

在預算標籤頁可以看到當前架構的具體預算信息。

提高開發效率的9個工具 5

使用AWS服務規劃雲架構

5. Repl.it

Repl.it可能正是你多年來一直尋覓的那個在線IDE,這真是一個完美的IDE,你可以在幾秒鐘之內為你喜歡的編程語言或技術棧啟動一個編程環境。

它支持所有現代編程語言,比如Python、KotlinRuby和JavaScript。你可以安裝語言庫和包,然後直接使用它們,免去下載和管理工作。

你也可以直接通過repl.it鏈接分享代碼,還能通過嵌入repl.it鏈接讓用戶與代碼交互。

提高開發效率的9個工具 6

在Node服務器環境裡使用Express JavaScript

6. RequestBin

RequestBin為用戶提供了一個實時的HTTP端點,用於收集所有發出的請求,這樣你就可以很容易地解析它們來檢查和驗證數據,非常方便地檢查和驗證數據。

如果你想調試來自不同網站的Webhook請求,並且不確定會收到怎樣的數據結構或數據類型,那麼這個網站就非常有用。

提高開發效率的9個工具 7

向端點發出POST請求後收到的數據

7. Web Code

Web Code是最好的代碼生成器之一。只要輸入你的需求,它就可以生成代碼,滿足各種基本的和高級的需求。

對於不是很熟悉HTML和CSS的Web開發人員來說,這個工具非常有用。

提高開發效率的9個工具 8

分別為4條不同的邊框生成各自的CSS代碼

8. BundlePhobia

自從現代化前端框架技術出現後,人們就一直想要減小包的大小,以便縮短用戶加載頁面的時間。

BundlePhobia幫你分析,向你的項目添加一個npm包,會使你的項目變大多少。你可以直接將package.json文件上傳到這個網站,獲得項目中所有包的分析結果,也可以搜索具體某個包的詳細信息。

提高開發效率的9個工具 9

計算pdfmake庫的大小

9. Fingerprint.js

瀏覽網站,完成網站記錄。但是,通過網站來獲取瀏覽器的一系列唯一標識並非易事。

幸運的是,我們可以使用這個生成瀏覽器唯一標識,這既不需要用到cookie,也不需要用到任何可能隨時被惡意用戶隨時重置的數據。它快速提取網頁瀏覽器的大量屬性,既可以單獨使用它們,也可以用它們生成散列值,用於標識用戶的唯一性。

當你在做一個Web項目時,這個工具提取的屬性是最有可能替代移動設備的UUID的。

你可以從CDN引用這個庫,或者通過npm包來安裝它。

提高開發效率的9個工具 10

從瀏覽器提取用戶信息

原文鏈接:

Developer Tools to Increase Your Productivity