1.GitHub Desktop對於新手來說，要記住那麼多git命令可能有點困難，建議新手用git可視化工具，會方便很多2.圖片在線壓縮tinypng 是一個完全免費並且高壓縮率的在線壓縮圖片網站，一般能滿足日常大部分壓縮圖片的需求，如果你需要壓縮大於5M的圖片，可以考慮用 squoosh ，這個網站支持大圖片壓縮和圖片壓縮質量自定義大圖片壓縮點這裡：squoosh3.在線代碼編輯很多人可能用的是 codePen 或者 CodeSandbox 等，但是我覺得掘金的碼上掘金也挺好用的，並且登錄自己的掘金賬號就能看到，挺方便的4.JSON格式化JSON在線格式化的網站有很多，基本上都能滿足我們的需要，用 Json.cn 的原因隻是因為他好記，哈哈~另外還有個前端工具類集合的網站 smalldev 也挺好用的5.代碼生成圖片carbon 可以生成酷炫的代碼片段，並且支持導出圖片如果你不喜歡上面的代碼風格，也可以用 ray.so ，生成的代碼圖如下:6.表情符號這個網站有很多顏文字，並且可以直接cv，國內外很多博客用的都是這上面的表情符號7.矢量圖標-iconfont阿裡阿巴巴推出的字體圖標庫，可以找到大部分的圖標，並且可以結合項目去自定義自己項目的字體圖標庫8.css3動畫我們在日常開發中，會遇到一些css動畫的需求，可是有時候為瞭一兩個動畫引入一些庫感覺得不償失，css3-animation 包含瞭一些常見的動畫效果，並且包含片段代碼，直接cv就可以瞭9.封面模板-canva我們在寫文章或者有時候要自己制作一些封面圖片，canva上面有很多免費的素材和模板，用起來很方便10.高清圖片-UnSplash國外的一個高清圖片下載網站，裡面有很多的4k高清圖片免費下載，再也不用到處找高清圖片瞭11.在線畫圖日常工作中我們要畫一些流程圖或者思維導圖等等，boardmix 個人用起來感覺還不錯，也有人喜歡用ProcessOn等，看個人喜好12.快速部署建站前端有時候需要自己部署一個網站，我們可以自己去買服務器，也有免費的部署網站，如 surge13.在線性能評測pagespeed 根據各項指標可以得出我們網站的一個綜合評分，讓我們知道我們的網站在那些方面還可以進行優化14.多平臺測試我們的網站經常要在各種設備下看下效果，可是用手機和瀏覽器去一個個訪問截圖又比較麻煩，responsively 這個軟件支持主流手機、PAD、電腦設備訪問您的網站，並可以導出15.Chrome擴展組件有些同學不能翻墻登錄google賬號去Google商店下載擴展程序，極簡插件 可以不翻墻直接下載Google擴展程序，而且網站是中文的，感覺很不錯16.在線簡歷簡歷這個東西找工作大傢都是要用到的，網上也有很多免費的簡歷模板網站，個人推薦這個500丁網站，上面有很多好看的簡歷模板，很方便ps：這個網站是收費的，不過永久會員39.9還行，不用擔心過期，畢竟用到不止一次（如果實在不想花39.9，可以找我要下哈~）
本文出自快速备案，转载时请注明出处及相应链接。