大家好，我是你們的 貓哥，那個不喜歡吃魚、又不喜歡喵 的超級貓 ~
這一期的內容有點不一般哦，先來幾個線上繪圖類的工具吧。
1. draw.io
draw.io 是一款免費的線上圖表編輯工具, 可以用來編輯工作流, BPM, org charts, UML, ER圖, 網路拓樸圖等，而且是免費的哦，建立的圖表等可能無限哦。
還可以 GitHub 授權登入，然後把自己建立的流程圖等儲存到 GitHub 倉庫，還可以在 GitHub 倉庫裡面開啟自己儲存過的流程等圖哦！
貓哥就是一直在用這個來畫圖的，然後自己建立一個私有 GitHub 倉庫來存放這些圖的，非常好用哦。
2. ProcessOn
ProcessOn 是一個線上作圖工具的聚合平臺，它可以線上畫流程圖、思維導圖、UI原型圖、UML、網路拓撲圖、組織結構圖等等， 不管 Mac 還是 Windows，一個瀏覽器就可以隨時隨地的發揮創意，規劃工作。
缺點就是免費使用者能建立 9 個圖，不是無限的。
3. excalidraw
Excalidraw 是一款非常輕量的 線上白板 工具，可以直接在瀏覽器開啟，輕鬆繪製具有 手繪風格 的圖形。
比如可以繪製這樣的圖形：
- 一個開源免費的畫圖軟體
- 個人目前看到的最舒服的畫圖軟體
- 支援多人協作
4. whistle
代理抓包工具，很好很強大。
基於 Node 實現的跨平臺 web 除錯代理工具，類似的工具有 Windows 平臺上的 Fiddler，主要用於檢視、修改HTTP、HTTPS、Websocket 的請求、響應，也可以作為 HTTP 代理伺服器使用。
不同於 Fiddler 通過斷點修改請求響應的方式，whistle 採用的是類似配置系統 hosts 的方式，一切操作都可以通過配置實現，支援域名、路徑、正規表示式、萬用字元、通配路徑等多種匹配方式，且可以通過 Node 模組擴充套件功能。
5. Easy Mock
Easy Mock 是杭州大搜車無線團隊出品的一個極其簡單、高效、視覺化、並且能快速生成模擬資料的 線上 mock 服務 。以專案管理的方式組織 Mock List，能幫助我們更好的管理 Mock 資料.
不過目前該網站正在備案中，暫時訪問不了，要等幾天了。
6. Fiddler
Fiddler 是一個蠻好用的抓包工具，可以將網路傳輸傳送與接受的資料包進行截獲、重發、編輯、轉存等操作。也可以用來檢測網路安全。
6. GitHub 統計
GitHub 全球排名：這個排名很權威。
每個在 GitHub 開源的開發者，都想知道自己在 GitHub 上的排名吧，很簡單隻要在上面輸入框輸入自己的 GitHub 使用者名稱即可，就可以看到自己的統計資料了。
比如貓哥的統計資料：https://gitstar-ranking.com/biaochenxuying
8. 墨刀
原型設計工具，原型、設計、流程圖、思維導圖......享受創造的樂趣，成就團隊和個人
- 產品設計，何止是快，簡單的拖拽，即可快速完成產品設計，將更多的時間留給思考
- 尺寸靈活，創作不受限，適配各類移動產品、網頁設計、後臺管理、小程式、活動原型....
- 支援製作高、低保真原型，不論是工作交流，還是客戶展示，都能完美滿足團隊需求
8. 藍湖
一款產品文件和設計圖的共享平臺，幫助網際網路團隊更好地管理文件和設計圖。
藍湖可以線上展示 Axure，自動生成設計圖示註，與團隊共享設計圖，展示頁面之間的跳轉關係。
- 高效的產品設計協作平臺
- 無縫銜接產品、設計、研發流程
- 降低溝通成本，縮短開發週期，提高工作效率
國內大部分設計師和前端在用這個來對接 ps 檔案吧，真的好用！
10. PxCook
- 從設計到程式碼, 讓團隊高效協作
- 高效易用的自動標註工具，生成前端程式碼，設計研發協作利器
11. removebg
一個摳圖神器類工具，消除圖片背景:100% 自動 – 只需 5 秒– 無需點選 – 免費。
Remove.bg 是一款非常神奇強大的線上人像照片/物品圖片背景快速去除工具，你只需要上傳圖片，它就會利用「人工智慧」技術全自動幫你扣掉背景，5 秒鐘就能給你一張透明的移除背景後的主體照片。整個過程非常的簡單傻瓜，你完完全全不需要花費任何精力去自己摳圖。
12. ps-uupoop
PS 線上圖片編輯器是一個專業精簡的線上 ps 圖片照片製作處理軟體工具，直接在瀏覽器開啟就可用它修正，調整和美化影像。
相比同類軟體，uupoop 支援的檔案格式更多，包含 psd、xd、sketch、xcf、raw、pdf 及常見圖片格式。
整體體驗下來，我覺得 uupoop 擁有了原版PS 80% 的功能，基本可以滿足輕量的編輯或應急情況下的編輯需求。
最後
好了，提升個程式設計師軟技能的必備工具專案，今天先推薦這 12 個吧。
往期精文請看下方寶藏倉庫，請慎入！
平時如何發現好的開源專案，可以看看這篇文章：GitHub 上能挖礦的神仙技巧 - 如何發現優秀開源專案
不知不覺，FrontEndGitHub 這個開源專案 已經開源了快半年了，一直在高頻更新和維護中，已經推薦了 面試專案、css奇技淫巧專案、程式碼規範專案、資料結構與演算法專案、管理後臺模板、前端必備線上工具 等專題的近 300 個優秀專案了。
原創文章都已經寫到第 44 期了呢，幾乎每一篇都是貓哥精心挑選的優質開源專案，推送的每一篇文章裡面的專案幾乎都是對前端開發很有幫助的。
原創不易，一篇優質的文章都是要肝幾個晚上才能肝出來的，花費很多時間、精力去篩選和寫推薦理由，大佬們看完文章後，順手來個一鍵三連吧，就當給貓哥一點鼓勵吧。
往期精文
微信搜尋 前端GitHub，回覆 電子書 就送你 1000+ 本精華程式設計電子書；回覆 1024 送你一套完整的 前端 視訊教程。
如果看到這裡，喜歡這篇文章的話，請幫點個好看。