學(xué)習(xí)網(wǎng)站：
1.MDN文檔:官方學(xué)習(xí)文檔
2.練習(xí)小冊子 英文 中文
3.張鑫旭的CSS學(xué)習(xí)網(wǎng)站:也是一個學(xué)習(xí)css 不錯的網(wǎng)站(可以直接搜 css 的屬性看解釋)
4.菜鳥教程:涵蓋了前端的很多教程，包括HTML/CSS，js,服務(wù)端，數(shù)據(jù)庫甚至開發(fā)工具教程。
5.廖雪峰的官方網(wǎng)站:風(fēng)里雨里，廖雪峰在這里等你
資源網(wǎng)站
1.css-trick-flex：這里的flex布局講的很生動
2.flexboxfroggy：flex練習(xí)小游戲
3.Githut：github的語言統(tǒng)計，網(wǎng)站本身的設(shè)計給孩子好看哭了
4.learnGitBranching：通過圖示和交互讓你輕松了解git命令之后發(fā)生了什么
5.SQLBolt：學(xué)習(xí)SQL的交互網(wǎng)站
6.React開發(fā)者工具
推薦書籍：
1.《Head First HTML & CSS》
很簡單的HTML&CSS入門教程，理論知識加實踐結(jié)合
2.《CSS揭秘》
適合CSS擴(kuò)展學(xué)習(xí)
3.《你不知道的JavaScript》上卷 (微信讀書上有)
深入講解了部分 JS 的重難點知識
4.《圖解HTTP》(微信讀書上有)
結(jié)合圖解的方式講解了HTTP相關(guān)的知識點，簡單易懂，比較適合HTTP入門
TW：
1.我在 ThoughtWorks 中的敏捷實踐
2.線下體驗課樣例 Demo 時間軸
小工具：
1.字體識別
2.iconfont:阿里圖標(biāo)庫
3.css瀏覽器兼容查詢
4.在線代碼編輯器
5.優(yōu)秀網(wǎng)站案例
6.Babel.下一代JavaScript編譯器
7.Processon免費(fèi)在線作圖（流程圖、思維導(dǎo)圖、原型圖等）、實時協(xié)作
8.百度在線腦圖
Echarts篇：
1.自定義tooltip，實時獲取最新geojson數(shù)據(jù)
2.Echarts省市區(qū)縣級地圖JSON文件下載（Github）
3.w3c echarts教程
直播課程記錄：
1.MeiZhu：多行文本溢出
擴(kuò)展資料：
Truncating Multiple Line Text
純 CSS 實現(xiàn)多行文字截斷
