首頁 > web前端 > js教程 > 【前端必備】16個實用工具/網站分享

【前端必備】16個實用工具/網站分享

青灯夜游
發布: 2022-10-10 19:04:05
轉載
1989 人瀏覽過

【前端必備】16個實用工具/網站分享

推薦16個前端必備的實用工具與網站。總結分享一些日常工作中比較實用的軟體和網站,這些網站你平時工作中大概率是會用到的,感覺不錯的話可以點讚收藏

1. GitHub Desktop

#對於新手來說,要記住這麼多git指令可能有點困難,建議新手用git視覺化工具,會方便很多

【前端必備】16個實用工具/網站分享

2. 圖片線上壓縮

tinypng 是一個完全免費且高壓縮率的線上壓縮圖片網站,一般能滿足日常大部分壓縮圖片的需求,如果你需要壓縮大於5M的圖片,可以考慮用squoosh ,這個網站支援大圖片壓縮和圖片壓縮品質自訂

【前端必備】16個實用工具/網站分享

大圖片壓縮點這裡:squoosh

2-【前端必備】16個實用工具/網站分享

3. 線上程式碼編輯

##很多人可能用的是

codePenCodeSandbox 等,但是我覺得掘金的碼上掘金也挺好用的,並且登入自己的掘金帳號就能看到,挺方便的

【前端必備】16個實用工具/網站分享

4.

JSON格式化

JSON線上格式化的網站有很多,基本上都能滿足我們的需要,用

Json.cn 的原因只是因為他好記,哈哈~

【前端必備】16個實用工具/網站分享

另外還有個前端工具類別集合的網站

smalldev 也挺好用的

5.

程式碼產生圖片

carbon 可以產生酷炫的程式碼片段,並且支援匯出圖片

【前端必備】16個實用工具/網站分享

#如果你不喜歡上面的程式碼風格,也可以用

ray.so ,產生的程式碼圖如下:

5-【前端必備】16個實用工具/網站分享

6 .

表情符號

這個網站有很多顏文字,並且可以直接cv,國內外很多博客用的都是這上面的表情符號

【前端必備】16個實用工具/網站分享

7.

向量圖標-iconfont

阿里阿巴巴推出的字體圖標庫,可以找到大部分的圖標,並且可以結合項目去自定義自己項目的字體圖示庫

【前端必備】16個實用工具/網站分享

8.

css3動畫

我們在日常開發中,會遇到一些css動畫的需求,可是有時候為了一兩個動畫引入一些函式庫感覺得不償失,

css3-animation 包含了一些常見的動畫效果,並且包含片段程式碼,直接cv就可以了

【前端必備】16個實用工具/網站分享

8-【前端必備】16個實用工具/網站分享

9. 封面模板-canva

我們在寫文章或有時候要自己製作一些封面圖片,canva上面有很多免費的素材和模板,用起來很方便

【前端必備】16個實用工具/網站分享

10. 高清圖片-UnSplash

國外的一個高清圖片下載網站,裡面有很多的4k高清圖片免費下載,再也不用到處找高清圖片了

【前端必備】16個實用工具/網站分享

#11. 線上畫圖

日常工作中我們要畫一些流程圖或心智圖等等,boardmix 個人用起來感覺還不錯,也有人喜歡用ProcessOn等,看個人喜好

1【前端必備】16個實用工具/網站分享

12. 快速部署建站

前端有時候需要自己部署一個網站,我們可以自己去買伺服器,也有免費的部署網站,如surge

1【前端必備】16個實用工具/網站分享

13. 線上效能評測

pagespeed 根據各項指標可以得出我們網站的一個綜合評分,讓我們知道我們的網站在那些方面還可以進行優化

1【前端必備】16個實用工具/網站分享

14. 多平台測試

我們的網站常常要在各種設備下看下效果,可是用手機和瀏覽器去一個個訪問截圖又比較麻煩,responsively 這個軟體支援主流手機、PAD、電腦設備造訪您的網站,並可以匯出

1【前端必備】16個實用工具/網站分享

15. Chrome擴充元件

有些同學不能翻牆登入google帳號去Google商店下載擴展程序,極簡插件 可以不翻牆直接下載Google擴展程序,而且網站是中文的,感覺很不錯

1【前端必備】16個實用工具/網站分享

16. 線上履歷

履歷這個東西找工作大家都是要用到的,網路上也有很多免費的履歷模板網站,個人推薦這個500丁網站,上面有很多好看的履歷模板,很方便
ps:這個網站是收費的,不過永久會員39.9還行,不用擔心過期,畢竟用到不止一次(如果實在不想花39.9,可以找我要下哈~)

1【前端必備】16個實用工具/網站分享

#上面就是和大家分享的平時日常工作中比較實用的一些工具和網站,如果感覺對你有用的話可以收藏一下。

【相關推薦:web前端開發

#

以上是【前端必備】16個實用工具/網站分享的詳細內容。更多資訊請關注PHP中文網其他相關文章!

相關標籤:
來源:juejin.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板