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

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

好了, 廢話不多說,先來一波干貨吧!

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

1.模板下載：

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

2.源碼下載：

站長之家（http://www.chinaz.com/）

3.圖片資源：

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

4.字體圖標下載：

Font Awesome： http://fontawesome.dashgame.com/
阿里圖標庫：http://www.iconfont.cn/collections/detail?cid=29
easyIcon: http://www.easyicon.net/

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

百度網(wǎng)盤下載 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.電子書籍查閱:
https://www.bookstack.cn

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

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

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

12.碼庫: 源碼查找:
https://www.ctolib.com

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

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

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

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

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

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

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

4.開源中國(https://www.oschina.net/)
這個也是可以查閱源碼的

5.stackOverflow (https://stackoverflow.com/)
這個網(wǎng)站,用來查閱一些問題還是不錯的

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

還有知乎,簡書,CSDN,博客園等等,這些就不一一說了, 再說一波別人分享的

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

今天就說這么多了,溜了溜了!

總結(jié)

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

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