知識(shí)框架
知識(shí)框架圖科贬，每個(gè)部分有很多書推薦
https://github.com/JacksonTian/fks
Paste_Image.png
瀏覽器工作原理
- How browsers work 瀏覽器工作原理相關(guān)的譯文
-
瀏覽器渲染
瀏覽器的渲染原理簡(jiǎn)介
看到這個(gè)標(biāo)題大家一定會(huì)想到這篇神文《How Browsers Work》，這篇文章把瀏覽器的很多細(xì)節(jié)講得很細(xì)鳖悠，而且也被翻譯成了中文唆迁。為什么我還想寫一篇呢？因?yàn)閮蓚€(gè)原因竞穷，
1）這篇文章太長(zhǎng)了唐责，閱讀成本太大，不能一口氣讀完瘾带。
2）花了大力氣讀了這篇文章后可以了解很多鼠哥，但似乎對(duì)工作沒(méi)什么幫助。
所以看政，我準(zhǔn)備寫下這篇文章來(lái)解決上述兩個(gè)問(wèn)題朴恳。希望你能在上班途中，或是坐馬桶時(shí)就能讀完允蚣，并能從中學(xué)會(huì)一些能用在工作上的東西于颖。
其他文章：前端工程師需要明白的「瀏覽器渲染」
HTML部分
- 對(duì)HTML5的理解，Web語(yǔ)義化嚷兔，SEO
- 頁(yè)面加載的過(guò)程(我的理解：瀏覽器渲染相關(guān))
- 結(jié)構(gòu)組織
- 新增API 如本地存儲(chǔ)森渐、Canvas
CSS部分
- 經(jīng)典的圣杯布局
- CSS3 transition transform animate
- w3c盒子模型 和 IE盒子模型做入，box-sizing屬性
- BFC
- 優(yōu)先級(jí)
- less 與 sass
- background-*系列屬性，這個(gè)不要忽視了同衣，還是很重要的
JS部分
- 原型 閉包
深入理解javascript原型和閉包系列 - 聲明提升
- 基本數(shù)據(jù)類型
- 高階函數(shù)
- JSON
- JSONP 跨域 iframe 通信
- Ajax
- 原生DOM操作（比如 逆序DOM節(jié)點(diǎn)）
- 事件捕捉竟块，捕獲，冒泡耐齐，代理
- Array常用函數(shù)
- String常用函數(shù)
- ES5 + ES6
框架部分（大部分按照簡(jiǎn)歷來(lái)）
- Angular臟檢查機(jī)制
- 手寫Angular指令浪秘，知道其生命周期
- 手動(dòng)實(shí)現(xiàn)MVC（考察）
- vue和react對(duì)比
衍生部分
- HTTP1/2 理解、狀態(tài)碼埠况、優(yōu)化耸携、緩存控制（必考）
- TCP三次握手，四次揮手
- XSS與CSRF（必考）
- 學(xué)習(xí)經(jīng)歷和方法
- 性能優(yōu)化
- 單元測(cè)試
其他總結(jié)
Paste_Image.png
Paste_Image.png
Paste_Image.png
性能優(yōu)化
Paste_Image.png
Paste_Image.png
Paste_Image.png
安全
Paste_Image.png
Paste_Image.png
計(jì)算機(jī)基礎(chǔ)
- TCP 與 UDP 的區(qū)別辕翰，以及各自的用途－參考鏈接
- TCP 為什么三次握手违帆，四次揮手？－參考鏈接
- TCP 流量控制與擁塞控制－參考鏈接
- 計(jì)算機(jī)網(wǎng)絡(luò)分為幾層金蜀，這樣做的好處是什么刷后？你還可以舉出其他分層的例子嗎？
- 進(jìn)程與線程的區(qū)別渊抄，共用的是堆內(nèi)存還是棧內(nèi)存－參考鏈接
- 數(shù)據(jù)庫(kù)中的數(shù)據(jù)表設(shè)計(jì)需要注意什么問(wèn)題尝胆？
- facade 設(shè)計(jì)模式－參考鏈接
- 工廠模式和抽象工廠模式的區(qū)別
推薦書籍：圖解 HTTP、圖解 TCP／IP护桦、TCP/IP 協(xié)議簇含衔、操作系統(tǒng)概念
推薦博客：TCP 與 UDP 詳解、網(wǎng)絡(luò)面試基礎(chǔ)
其他總結(jié)文
- 前端筆試面試中的常用知識(shí)點(diǎn)總結(jié)(CSS)
http://www.imooc.com/article/2181 - 前端知識(shí)點(diǎn)大全
- CSS筆記
css知多少（12）——目錄
一共十二篇二庵，文章里有前面11篇的鏈接 - 圖解CSS3 筆記
《圖解CSS3》——筆記（一）
《圖解CSS3》——筆記（二）
面經(jīng)相關(guān)
-
我是如何同時(shí)拿到阿里和騰訊offer的
有知識(shí)點(diǎn)總結(jié)和作者的個(gè)人簡(jiǎn)歷鏈接 - 上一篇作者的簡(jiǎn)歷贪染，有他的前端項(xiàng)目的源碼鏈接
https://github.com/yuanzm/resume - 收獲阿里，騰訊催享，網(wǎng)易三家前端實(shí)習(xí)offer杭隙，學(xué)習(xí)方法分享
http://www.nowcoder.com/discuss/5500 - 2017秋招前端面經(jīng)打包大放送！親身經(jīng)歷因妙！
面試問(wèn)題總結(jié)的特別多Ｌ翟鳌！攀涵！
http://www.nowcoder.com/discuss/12785 - 互聯(lián)網(wǎng)前端面試面經(jīng)（網(wǎng)易/騰訊等）
面試問(wèn)題總結(jié)的比較好
http://www.nowcoder.com/discuss/11270 - 面經(jīng) 8月19日網(wǎng)易內(nèi)推 - 前端面經(jīng)【已拿offer】
面試問(wèn)題總結(jié)的比較好
http://www.nowcoder.com/discuss/7600
