學(xué)習(xí)前端是一條漫長(zhǎng)的道路, 面對(duì)不斷涌現(xiàn)的前端新技術(shù), 害怕嗎? 不要慫,擼起袖子就是學(xué)! 當(dāng)然了,學(xué)習(xí)也是不能盲目的, 還是得有選擇性的學(xué)習(xí),
不要被各種炫技的框架迷惑,學(xué)習(xí)前端必須建立一套自己的體系結(jié)構(gòu), 大多數(shù)的新技術(shù)也不過(guò)是對(duì)現(xiàn)階段技術(shù)不滿(mǎn)的一種優(yōu)化, 而掌握一套體系結(jié)構(gòu)才能更好的選擇自己需要跟進(jìn)的新技術(shù).

這有一篇關(guān)于前端結(jié)構(gòu)知識(shí)的理解,分享一下. https://blog.csdn.net/qq_37210523/article/details/81135177

好了, 廢話(huà)不多說(shuō),先來(lái)一波干貨吧!

一. 資源下載網(wǎng)站:

1.模板下載：

模板之家（http://www.cssmoban.com）
魔客吧（http://www.moke8.com/）

2.源碼下載：

站長(zhǎng)之家（http://www.chinaz.com/）

3.圖片資源：

千圖網(wǎng) （素材下載，http://www.58pic.com/）
素材中國(guó)（素材下載，http://www.sccnn.com/）
千庫(kù)網(wǎng)（logo素材，png, http://588ku.com/）
攝圖網(wǎng)（http://699pic.com/）
懶人圖庫(kù)（http://www.lanrentuku.com/）
90設(shè)計(jì)（專(zhuān)注電商，http://90sheji.com/）
花瓣網(wǎng)（設(shè)計(jì)，http://huaban.com/）
草圖網(wǎng)（專(zhuān)注模型，http://www.52edy.com/）
3d動(dòng)畫(huà)、模型： cG模型網(wǎng)（http://www.cgmodel.com）

4.字體圖標(biāo)下載：

Font Awesome： http://fontawesome.dashgame.com/
阿里圖標(biāo)庫(kù)：http://www.iconfont.cn/collections/detail?cid=29
easyIcon: http://www.easyicon.net/

5.網(wǎng)盤(pán)資源分享：

百度網(wǎng)盤(pán)下載 http://m.57fx.com/
看美劇，耐卡： http://mcar.cc/forum.php

6.cdn資源網(wǎng)址：
http://www.bootcdn.cn/

7.ppt資源下載：
http://www.ypppt.com/moban/dongtai

8.電子書(shū)籍查閱:
https://www.bookstack.cn

9.工具文檔查閱：
https://docschina.org/ 印記中文

10.科技電子書(shū)下載:
https://www.epubit.com/book/screen?flagBookType=2 異步社區(qū)

11國(guó)外網(wǎng)站搜索:
https://js.coach/

12.碼庫(kù): 源碼查找:
https://www.ctolib.com

二. 前端學(xué)習(xí)路線

前端的生態(tài)圈里,各種各樣的語(yǔ)言,技術(shù),魚(yú)龍混雜, 并非所有的知識(shí)都需要學(xué)習(xí),當(dāng)然,你也學(xué)不完的,因?yàn)榧夹g(shù)時(shí)代,更新的太快了,有種跟不上的節(jié)奏. 下面推薦一些大佬的前端學(xué)習(xí)路線,包括我自己,也是在跟著這個(gè)路線學(xué)習(xí).

前端學(xué)習(xí)路徑（路線+資源，2016）：https://zhuanlan.zhihu.com/p/21935921
2018 Web 開(kāi)發(fā)者路線圖: https://www.colabug.com/2303894.html

三.各種技術(shù)網(wǎng)站
不論國(guó)內(nèi)還是國(guó)外,都有很多知名的技術(shù)網(wǎng)站,但東西一多就容易讓人眼花繚亂, 我歸納了一些我認(rèn)為比較好的國(guó)內(nèi)網(wǎng)站,為什么沒(méi)有國(guó)外,因?yàn)橛⒄Z(yǔ)渣的我,還沒(méi)能力閱讀國(guó)外網(wǎng)站呀!

1. 首推github(https://github.com)
眾所周知, github上面很多的大神,包括一些大公司的貢獻(xiàn),有很多的很好的資源,值得學(xué)習(xí)!

2. MDN (https://developer.mozilla.org/zh-CN/)
個(gè)人覺(jué)得, MDN用來(lái)查閱各種API文檔是再好不過(guò)了,比起w3cschool來(lái)說(shuō),這個(gè)網(wǎng)站上的內(nèi)容更豐富.

3.掘金(https://juejin.im/welcome/frontend)
掘金的內(nèi)容,相對(duì)來(lái)說(shuō)更新的比較快

4.開(kāi)源中國(guó)(https://www.oschina.net/)
這個(gè)也是可以查閱源碼的

5.stackOverflow (https://stackoverflow.com/)
這個(gè)網(wǎng)站,用來(lái)查閱一些問(wèn)題還是不錯(cuò)的

6.segmentFault (https://segmentfault.com/)
同樣的,有問(wèn)題可以在這上面搜答案.

還有知乎,簡(jiǎn)書(shū),CSDN,博客園等等,這些就不一一說(shuō)了, 再說(shuō)一波別人分享的

分享幾個(gè)程序員應(yīng)該知道的網(wǎng)站和技術(shù)博客:
https://blog.csdn.net/nuanxin_520/article/details/72818330

今天就說(shuō)這么多了,溜了溜了!

總結(jié)

以上是生活随笔為你收集整理的前端干货-网站资源收集的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。