21-面試題整理 by smyhvae

#JavaScript

#儲存相關：請描述以下cookie、localStorage、sessionStorage的區別

在H5之前，cookie一直都是本地儲存的一個重要的方法。直到後面的兩個出現了， 就開始用後面的兩個做本地儲存。

1、cookie：

• 本身用於客戶端和伺服器端的通訊。

• 但是它有本地儲存的功能，於是就被“借用”。

我們可以通過document.cookie獲取和修改cookie，獲取到的其實就是一個字串。

cookie用於儲存時的缺點：

• 儲存量太小，只有4kb

• 所有http請求都帶著，會影響獲取資源的效率

• api簡單，需要封裝才能用。document.cookie = ...

#HTML5

#HTML5新增了哪些內容或API？使用過哪些？

新元素：

• <section>、<footer>和<header>等

新的api：

• 網路儲存: sessionStorage 和 localStorage

參考連結：

• 筆記：阿里、網易、滴滴共十次前端面試碰到的問題

#CSS

#如何讓一個div元素隱藏？你能想到的方式有幾種？

#ES6

#for each、for in、for of的區別

• foreach用於遍歷陣列，是陣列的一個方法。不支援 return。

• for ... in獲取物件裡屬性的鍵。

• for ... of

  獲取物件裡屬性的值。

#網路相關

#瀏覽器輸入url到顯示內容，有哪些過程

（1）瀏覽器解析url。包括：協議、域名、埠號、資源路徑、引數查詢

（2）DNS解析

（3）TCP握手

（4）HTTP請求

（5）伺服器處理請求

（6）瀏覽器渲染：DOM tree、CSS rule tree、render tree。

（7）display

參考連結：

• 筆記：阿里、網易、滴滴共十次前端面試碰到的問題

• what-happens-when-zh_CN

• 碼農翻身 | 小白科普：從輸入網址到最後瀏覽器呈現頁面內容，中間發生了什麼？

• 從輸入URL到頁面載入發生了什麼：https://segmentfault.com/a/1190000006879700

#GitHub

• [薦]面試題和答案：https://github.com/markyun/My-blog/tree/master/Front-end-Developer-Questions/Questions-and-Answers

• 面試題和答案：https://github.com/qiu-deqing/FE-interview

有個題是，瀏覽器輸入url，有哪些過程

• 講到了Cookie和session

• 這個也很全：https://github.com/gnipbao/Front-end-Interview-questions

• https://github.com/giscafer/front-end-manual/issues/3

#按時間排列

#2018-03-11

• web前端面試題彙總：https://www.jianshu.com/p/2f7eb1ad7174

• 2017前端面試題及答案總結：https://yeaseonzhang.github.io/2017/09/17/2017前端面試題及答案總結/

#2018-03-12-今日頭條面試題

• 今日頭條一面筆試面試題！！！！！完整