這里為你整理了20個前端常用的網(wǎng)站，果斷收藏起來！

時間：2023-06-12 02:57:01 | 來源：網(wǎng)站運(yùn)營

時間：2023-06-12 02:57:01 來源：網(wǎng)站運(yùn)營

這里為你整理了20個前端常用的網(wǎng)站，果斷收藏起來?。?i>原文鏈接：

入門非視頻類網(wǎng)站

1. w3school(https://www.w3school.com.cn)

老牌經(jīng)典入門網(wǎng)站，上面有各種各樣的經(jīng)典入門教程。不僅僅是前端，你可以學(xué)習(xí)到PHP、SQL、C、C#等語言知識。不過與其說是教程網(wǎng)站，w3school更像是一個手冊大全網(wǎng)站，當(dāng)你遇到不懂的api時候，隨時可以在上面翻閱得到。

2. 菜鳥教程(https://www.runoob.com)

類似w3school，也是經(jīng)典入門網(wǎng)站。它上面的排版讓人有很舒服的感覺有木有~

入門視頻類網(wǎng)站

3.慕課網(wǎng)(https://www.imooc.com/)

如果你是喜歡看視頻來學(xué)習(xí)的話，慕課網(wǎng)是最好的選擇，上面不乏各種各樣的優(yōu)質(zhì)視頻。但是可能有一些優(yōu)質(zhì)視頻是收費(fèi)的，對學(xué)生黨來說有些不友好。

4. 極客學(xué)院(https://www.jikexueyuan.com)

同樣是提供很多優(yōu)質(zhì)視頻教程的網(wǎng)站，無論是新手還是老手都可以在上面找到適合自己的課程，只是同樣有部分視頻需要收費(fèi)。

個人博客類網(wǎng)站

5. 阮一峰個人網(wǎng)站(http://www.ruanyifeng.com)

首推阮一峰大佬的博客網(wǎng)站，無論是flex布局、sass還是es6入門等等都有詳細(xì)的教學(xué)文章，而且講解都很簡單易懂，適合新手和剛?cè)腴T不久的同學(xué)。

6. 廖雪峰(https://www.liaoxuefeng.com)

另一位大佬就是廖雪峰大佬，網(wǎng)站上的《JavaScript教程》和《Git教程》寫得非常的詳細(xì)，前端同學(xué)可以去學(xué)習(xí)學(xué)習(xí)。

其他博客類網(wǎng)站

7. CSDN(https://www.csdn.net/)

8. 博客園(https://www.cnblogs.com/)

9.segmentfault(https://segmentfault.com/)

這里提一下segmentfault（思否）網(wǎng)站，可能很多人沒留意到這個網(wǎng)站，但是實(shí)際上很多時候你在百度或者谷歌查找問題的時候，第一個推薦結(jié)果很有可能就是思否網(wǎng)站上的，上面有很多優(yōu)質(zhì)的問題和解答。

10. stackoverflow(https://stackoverflow.com)

國外優(yōu)質(zhì)技術(shù)社區(qū)，不用擔(dān)心自己英文不好，因?yàn)楹苡锌赡芩麄円呀?jīng)為你貼好了代碼~

工具類網(wǎng)站

11. 在線工具(https://tool.lu/)

不多說，直接上圖。

12. CodeSandBox(https://codesandbox.io)

在線ide，主流框架React、Vue等等都可以開箱即用，而且可以選擇自己想要的版本。

13. Tinypng(https://tinypng.com/)

一個輕量的在線圖片壓縮網(wǎng)站，強(qiáng)烈推薦。

14. HTML5UP(https://html5up.net/)

一個提供大量html5模板的網(wǎng)站，用戶還可以上傳自己的模板。

資源類網(wǎng)站

15. 阿里巴巴矢量圖標(biāo)庫(https://www.iconfont.cn)

阿里出品，必屬精品。里面提供了大量的矢量icon，種類豐富，可以很方便找到自己想要的圖標(biāo)。

16. Font Awesome(https://fontawesome.com)


也是業(yè)界知名的圖標(biāo)網(wǎng)站。

17. jQuery插件庫(http://www.jq22.com/)

提供基于jQuery的各種功能強(qiáng)大的插件。

18. 千庫網(wǎng)(https://588ku.com/)

這是一個免費(fèi)的圖片素材網(wǎng)站，這更加適合ui設(shè)計(jì)人士收藏起來，以后可以在上面方便找到自己想要的設(shè)計(jì)。

19. pixabay(https://pixabay.com/)

這是一個提供無版權(quán)圖片的網(wǎng)站，不過唯一要注意的是需要注冊才能下載高清圖片。

必備類網(wǎng)站

20. github(https://github.com/)

最后，我打算來講一下github。

這里單獨(dú)把github當(dāng)作一類網(wǎng)站，是因?yàn)閷?shí)在是找不到合適的分類給它。

你可以在上面找到各種各樣的入門教程，找到很多的資源，找到各種各樣有創(chuàng)意的項(xiàng)目；React、Vue等官方開源項(xiàng)目都在上面，你可以查看各種項(xiàng)目工具的issue，說不定你遇到的問題作者早就在上面給出了成熟的解決方案；甚至你可以只是在github記錄自己的個人博客。

總而言之，這是一個神奇的網(wǎng)站。只要你作為一名程序員，總有一天你會需要在上面摸爬滾打的~

這是它樸素至簡的登陸界面，甚至你登陸進(jìn)去之后也是什么都沒有。但是隨著你慢慢摸索，你會越來越發(fā)現(xiàn)這個網(wǎng)站的厲害之處。

好了，以上就是今天給大家整理分享的20個網(wǎng)站大全。

感謝你的閱讀，我們下一篇再見！