推薦 12 個提升程序員軟技能與效率的必備工具,愛了愛了!

大家好,我是你們的貓哥,那個不喜歡吃魚、又不喜歡喵 的超級貓 ~
這一期的內(nèi)容有點不一般哦,先來幾個在線繪圖類的工具吧。
1. draw.io
draw.io 是一款免費的在線圖表編輯工具, 可以用來編輯工作流, BPM, org charts, UML, ER圖, 網(wǎng)絡(luò)拓樸圖等,而且是免費的哦,創(chuàng)建的圖表等可能無限哦。

還可以 GitHub 授權(quán)登錄,然后把自己創(chuàng)建的流程圖等保存到 GitHub 倉庫,還可以在 GitHub 倉庫里面打開自己保存過的流程等圖哦!
貓哥就是一直在用這個來畫圖的,然后自己創(chuàng)建一個私有 GitHub 倉庫來存放這些圖的,非常好用哦。


https://www.draw.io/
2. ProcessOn

ProcessOn 是一個在線作圖工具的聚合平臺,它可以在線畫流程圖、思維導(dǎo)圖、UI原型圖、UML、網(wǎng)絡(luò)拓撲圖、組織結(jié)構(gòu)圖等等, 不管 Mac 還是 Windows,一個瀏覽器就可以隨時隨地的發(fā)揮創(chuàng)意,規(guī)劃工作。

缺點就是免費用戶能創(chuàng)建 9 個圖,不是無限的。
https://www.processon.com/
3. excalidraw
Excalidraw 是一款非常輕量的 在線白板 工具,可以直接在瀏覽器打開,輕松繪制具有 手繪風格 的圖形。
比如可以繪制這樣的圖形:

一個開源免費的畫圖軟件 個人目前看到的最舒服的畫圖軟件 支持多人協(xié)作
https://excalidraw.com/
4. whistle
代理抓包工具,很好很強大。
基于 Node 實現(xiàn)的跨平臺 web 調(diào)試代理工具,類似的工具有 Windows 平臺上的 Fiddler,主要用于查看、修改HTTP、HTTPS、Websocket 的請求、響應(yīng),也可以作為 HTTP 代理服務(wù)器使用。
不同于 Fiddler 通過斷點修改請求響應(yīng)的方式,whistle 采用的是類似配置系統(tǒng) hosts 的方式,一切操作都可以通過配置實現(xiàn),支持域名、路徑、正則表達式、通配符、通配路徑等多種匹配方式,且可以通過 Node 模塊擴展功能。
https://wproxy.org/whistle/
5. Easy Mock
Easy Mock 是杭州大搜車無線團隊出品的一個極其簡單、高效、可視化、并且能快速生成模擬數(shù)據(jù)的 在線 mock 服務(wù) 。以項目管理的方式組織 Mock List,能幫助我們更好的管理 Mock 數(shù)據(jù).
不過目前該網(wǎng)站正在備案中,暫時訪問不了,要等幾天了。
https://www.easy-mock.com
6. Fiddler

Fiddler 是一個蠻好用的抓包工具,可以將網(wǎng)絡(luò)傳輸發(fā)送與接受的數(shù)據(jù)包進行截獲、重發(fā)、編輯、轉(zhuǎn)存等操作。也可以用來檢測網(wǎng)絡(luò)安全。
https://www.telerik.com/fiddler
6. GitHub 統(tǒng)計

GitHub 全球排名:這個排名很權(quán)威。
每個在 GitHub 開源的開發(fā)者,都想知道自己在 GitHub 上的排名吧,很簡單只要在上面輸入框輸入自己的 GitHub 用戶名即可,就可以看到自己的統(tǒng)計數(shù)據(jù)了。
比如貓哥的統(tǒng)計數(shù)據(jù):https://gitstar-ranking.com/biaochenxuying
https://gitstar-ranking.com/
8. 墨刀

原型設(shè)計工具,原型、設(shè)計、流程圖、思維導(dǎo)圖......享受創(chuàng)造的樂趣,成就團隊和個人
產(chǎn)品設(shè)計,何止是快,簡單的拖拽,即可快速完成產(chǎn)品設(shè)計,將更多的時間留給思考 尺寸靈活,創(chuàng)作不受限,適配各類移動產(chǎn)品、網(wǎng)頁設(shè)計、后臺管理、小程序、活動原型.... 支持制作高、低保真原型,不論是工作交流,還是客戶展示,都能完美滿足團隊需求
https://modao.cc/
8. 藍湖
一款產(chǎn)品文檔和設(shè)計圖的共享平臺,幫助互聯(lián)網(wǎng)團隊更好地管理文檔和設(shè)計圖。
藍湖可以在線展示 Axure,自動生成設(shè)計圖標注,與團隊共享設(shè)計圖,展示頁面之間的跳轉(zhuǎn)關(guān)系。
高效的產(chǎn)品設(shè)計協(xié)作平臺 無縫銜接產(chǎn)品、設(shè)計、研發(fā)流程 降低溝通成本,縮短開發(fā)周期,提高工作效率

國內(nèi)大部分設(shè)計師和前端在用這個來對接 ps 文件吧,真的好用!
https://lanhuapp.com
10. PxCook
從設(shè)計到代碼, 讓團隊高效協(xié)作 高效易用的自動標注工具,生成前端代碼,設(shè)計研發(fā)協(xié)作利器

https://www.fancynode.com.cn/pxcook
11. removebg

一個摳圖神器類工具,消除圖片背景:100% 自動 – 只需 5 秒– 無需點擊 – 免費。
Remove.bg 是一款非常神奇強大的在線人像照片/物品圖片背景快速去除工具,你只需要上傳圖片,它就會利用「人工智能」技術(shù)全自動幫你扣掉背景,5 秒鐘就能給你一張透明的移除背景后的主體照片。整個過程非常的簡單傻瓜,你完完全全不需要花費任何精力去自己摳圖。
https://www.remove.bg/zh
12. ps-uupoop

PS 在線圖片編輯器是一個專業(yè)精簡的在線 ps 圖片照片制作處理軟件工具,直接在瀏覽器打開就可用它修正,調(diào)整和美化圖像。
相比同類軟件,uupoop 支持的文件格式更多,包含 psd、xd、sketch、xcf、raw、pdf 及常見圖片格式。
整體體驗下來,我覺得 uupoop 擁有了原版PS 80% 的功能,基本可以滿足輕量的編輯或應(yīng)急情況下的編輯需求。
https://www.uupoop.com/
最后

好了,提升個程序員軟技能的必備工具項目,今天先推薦這 12 個吧。
往期精文請看下方寶藏倉庫,請慎入!
https://github.com/FrontEndGitHub/FrontEndGitHub
不知不覺,F(xiàn)rontEndGitHub 這個開源項目 已經(jīng)開源了快半年了,一直在高頻更新和維護中,原創(chuàng)文章都已經(jīng)寫到第 44 期了呢,幾乎每一篇都是貓哥精心挑選的優(yōu)質(zhì)開源項目,推送的每一篇文章里面的項目幾乎都是對前端開發(fā)很有幫助的。
原創(chuàng)不易,一篇優(yōu)質(zhì)的文章都是要肝幾個晚上才能肝出來的,花費很多時間、精力去篩選和寫推薦理由,大佬們看完文章后,順手來個一鍵三連吧,就當給貓哥一點鼓勵吧。
往期精文
前端資源 & 電子書
公眾號:前端GitHub,專注于挖掘 GitHub 上優(yōu)秀的前端開源項目,并以專題的形式推薦,每專題大概 10 個好項目,每周會有一到三篇精華文章推送,已經(jīng)推薦了 面試項目、css奇技淫巧項目、代碼規(guī)范項目、數(shù)據(jù)結(jié)構(gòu)與算法項目、管理后臺模板、前端必備在線工具 等專題的近 300 個優(yōu)秀項目了。
希望你在瀏覽、學(xué)習(xí)了超級貓推薦的這些開源項目的過程中,你能學(xué)習(xí)到更多編程知識、提高編程技巧、找到編程的樂趣。
初次見面,也不知道送你們啥。微信搜索 前端GitHub,回復(fù) 電子書 就送你 1000+ 本精華編程電子書;回復(fù) 1024 送你一套完整的 前端 視頻教程。

有需要的就來拿吧,絕對免費,無套路獲取。
如果看到這里,喜歡這篇文章的話,請幫點個好看。
