web前端題目（持續更新）

1.What's a doctype do?

一個DOCTYPE是一種標準通用標記語言的文檔類型聲明，它的目的是要告訴標準通用標記語言解析器，它應該使用什麼樣的文檔類型定義（DTD）來解析文檔。

2.What's the difference between standards mode and quirks mode?

當沒有使用DTD聲明或者使用HTML4如下（不包括HTML4）的DTD聲明時，基本全部的瀏覽器都是使用Quirks Mode呈現。

3.What are data- attributes good for?

更加符合標準，不會顯示在頁面上，可是可讀取，不會打亂頁面佈局。

4.Describe the difference between cookies, sessionStorage and localStorage.

sessionStorage用於本地存儲一個會話（session）中的數據，這些數據只有在同一個會話中的頁面才能訪問而且當會話結束後數據也隨之銷燬。所以sessionStorage不是一種持久化的本地存儲，僅僅是會話級別的存儲。

而localStorage用於持久化的本地存儲，除非主動刪除數據，不然數據是永遠不會過時的。

Cookie的做用是與服務器進行交互，做爲HTTP規範的一部分而存在 ，而Web Storage僅僅是爲了在本地「存儲」數據而生

5.javascript event delegation

事件委託對於web應用程序的性能有以下幾個優勢：

  1.須要管理的函數變少了

  2.佔用的內存少了

  3.javascript代碼和Dom結構之間的關聯更少了

  4.在改變DOM結構中的innerHTML時，不須要改動事件處理函數

6.Explain how this works in Javascript?

this對象是在運行時基於函數的執行環境綁定的：在全局函數中，this等於window,而當函數被做爲某個對象的方法調用時，this等於那個對象。匿名函數中執行環境具備全局性，所以其中this指向Window.

7.What's a typical use case for anonymous functions?

 當循環內有異步操做時，這時候若是對異步完成結果須要調用起初的資源，若是不使用閉包，會老是調用最後一個。

8.What's the diffrence between .call and .apply ?

對於apply和call二者在做用上是相同的，但二者在參數上有區別的。對於第一個參數意義都同樣，但對第二個參數：apply傳入的是一個參數數組，也就是將多個參數組合成爲一個數組傳入，而call則做爲call的參數傳入（從第二個參數開始）。如 func.call(func1,var1,var2,var3)對應的apply寫法爲：func.apply(func1,[var1,var2,var3])