前端知識點總結1

前端知識點總結

 

WendySays 關注

2016.10.14 17:10* 字數 1074 閱讀 759評論 3喜歡 8

知識框架

知識框架圖，每一個部分有不少書推薦
https://github.com/JacksonTian/fks

 

Paste_Image.png

瀏覽器工做原理

• How browsers work 瀏覽器工做原理相關的譯文
• 瀏覽器渲染
  瀏覽器的渲染原理簡介

看到這個標題你們必定會想到這篇神文《How Browsers Work》，這篇文章把瀏覽器的不少細節講得很細，並且也被翻譯成了中文。爲何我還想寫一篇呢？由於兩個緣由，
1）這篇文章太長了，閱讀成本太大，不能一口氣讀完。
2）花了大力氣讀了這篇文章後能夠了解不少，但彷佛對工做沒什麼幫助。
因此，我準備寫下這篇文章來解決上述兩個問題。但願你能在上班途中，或是坐馬桶時就能讀完，並能從中學會一些能用在工做上的東西。

其餘文章：前端工程師須要明白的「瀏覽器渲染」

HTML部分

• 對HTML5的理解，Web語義化，SEO
• 頁面加載的過程(個人理解：瀏覽器渲染相關)
• 結構組織
• 新增API 如本地存儲、Canvas

CSS部分

• 經典的聖盃佈局
• CSS3 transition transform animate
• w3c盒子模型 和 IE盒子模型，box-sizing屬性
• BFC
• 優先級
• less 與 sass
• background-*系列屬性，這個不要忽視了，仍是很重要的

JS部分

• 原型 閉包
  深刻理解javascript原型和閉包系列
• 聲明提高
• 基本數據類型
• 高階函數
• JSON
• JSONP 跨域 iframe 通訊
• Ajax
• 原生DOM操做（好比 逆序DOM節點）
• 事件捕捉，捕獲，冒泡，代理
• Array經常使用函數
• String經常使用函數
• ES5 + ES6

框架部分（大部分按照簡從來）

• Angular髒檢查機制
• 手寫Angular指令，知道其生命週期
• 手動實現MVC（考察）
• vue和react對比

衍生部分

• HTTP1/2 理解、狀態碼、優化、緩存控制（必考）
• TCP三次握手，四次揮手
• XSS與CSRF（必考）
• 學習經歷和方法
• 性能優化
• 單元測試

其餘總結

 

Paste_Image.png

 

Paste_Image.png

 

Paste_Image.png

性能優化

 

Paste_Image.png

 

Paste_Image.png

 

Paste_Image.png

• 參考連接
  H5 緩存機制淺析 - 移動端 Web 加載性能優化

---

安全

 

Paste_Image.png

 

Paste_Image.png

---

計算機基礎

• TCP 與 UDP 的區別，以及各自的用途－參考連接
• TCP 爲何三次握手，四次揮手？－參考連接
• TCP 流量控制與擁塞控制－參考連接
• 計算機網絡分爲幾層，這樣作的好處是什麼？你還能夠舉出其餘分層的例子嗎？
• 進程與線程的區別，共用的是堆內存仍是棧內存－參考連接
• 數據庫中的數據表設計須要注意什麼問題？
• facade 設計模式－參考連接
• 工廠模式和抽象工廠模式的區別
  推薦書籍：圖解 HTTP、圖解 TCP／IP、TCP/IP 協議簇、操做系統概念
  推薦博客：TCP 與 UDP 詳解、網絡面試基礎

---

其餘總結文

• 前端筆試面試中的經常使用知識點總結(CSS)
  http://www.imooc.com/article/2181
• 前端知識點大全
• CSS筆記
  css知多少（12）——目錄
  一共十二篇，文章裏有前面11篇的連接
• 圖解CSS3 筆記
  《圖解CSS3》——筆記（一）
  《圖解CSS3》——筆記（二）

---

面經相關

• 我是如何同時拿到阿里和騰訊offer的
  有知識點總結和做者的我的簡歷連接
• 上一篇做者的簡歷，有他的前端項目的源碼連接
  https://github.com/yuanzm/resume
• 收穫阿里，騰訊，網易三家前端實習offer，學習方法分享
  http://www.nowcoder.com/discuss/5500
• 2017秋招前端面經打包大放送！親身經歷！
  面試問題總結的特別多！！！
  http://www.nowcoder.com/discuss/12785
• 互聯網前端面試面經（網易/騰訊等）
  面試問題總結的比較好
  http://www.nowcoder.com/discuss/11270
• 面經 8月19日網易內推 - 前端面經【已拿offer】
  面試問題總結的比較好
  http://www.nowcoder.com/discuss/7600