21.為什麼要初始化css樣式

因為瀏覽器的相容問題，不同瀏覽器對有些標籤的預設值是不同的，如果沒對CSS初始化往往會出現瀏覽器之間的頁面顯示差異。 當然，初始化樣式會對SEO有一定的影響，但魚和熊掌不可兼得，但力求影響最小的情況下初始化。

22.css3有哪些新特性

主要的新特性有：

• 新增各種css選擇器
• 圓角 border-radius
• 多列布局
• 陰影和反射
• 文字特效text-shadow
• 線性漸變
• 旋轉transform
• 動畫效果

23.介紹一下css盒子模型

有兩種， IE盒子模型、W3C盒子模型； 盒模型： 內容(content)、填充(padding)、邊界(margin)、 邊框(border)； 區 別： IE（低版本）的content部分把 border 和 padding計算了進去;

24.css的優先順序演算法是怎麼樣的

優先順序為: !important > id > class > tag 且important 比 內聯優先順序高。

25.base64的原理及優缺點

優點:可以將二進位制資料轉化為可列印字元，方便傳輸資料，對資料進行簡單的加密，肉眼安全。 缺點：內容編碼後體積變大，編碼和解碼需要CPU額外工作量。

26.說說你對作用於鏈的理解

作用域鏈中的變數都是向上訪問的，變數訪問到windows物件後終止，向下訪問是不允許的。 簡單的說，作用域就是變數函式的可訪問範圍。

27.js原型，原型鏈有什麼特點

每個物件在內部都是會初始化一個屬性的，prototype（原型），當我們訪問一個物件的屬性時，如果這個物件不存在這個屬性，那麼他就會去 prototype中查詢，然後 prototype中還有自己的 prototype，就這樣一直找下去，這就是原型鏈的概念。

28.什麼是事件代理，事件委託

假如我們有一個 ul 列表，裡面有4個li，我們可以在 li 上繫結 click 事件，但是也可以在她們的 父節點 ul上繫結，這種在 父節點上繫結事件來代替子節點事件的方法，就叫做事件委託。

29.談談對this的理解

this總是指向函式的直接呼叫者（而非間接呼叫者） 如果有new關鍵字，this指向new出來的那個物件 在事件中，this指向觸發這個事件的物件，特殊的是，IE中的attachEvent中的this總是指向全域性物件Window

30.事件模型是什麼

w3c中定義的事件發生的過程的3個階段： 捕獲階段（capturing）、目標階段（targetin）、冒泡階段（bubbling）

31.ajax的優缺點

優點： 通過非同步模式，提升了使用者體驗. 優化了瀏覽器和伺服器之間的傳輸，減少不必要的資料往返，減少了頻寬佔用. Ajax在客戶端執行，承擔了一部分本來由伺服器承擔的工作，減少了大使用者量下的伺服器負載。 Ajax可以實現動態不重新整理（區域性重新整理）

缺點： 安全問題 AJAX暴露了與伺服器互動的細節。 對搜尋引擎的支援比較弱。 不容易除錯。

32.怎麼解決跨域問題

跨域問題可以從jsonp、 iframe、window.name、window.postMessage、伺服器上設定代理頁面等方面來解決。一般由後臺設定允許跨域。

33.哪些操作會造成記憶體洩漏

記憶體洩漏是指 一些物件我們不在使用它的時候，他任然存在 setTimeout 的第一個引數使用字串而非函式的話，會引發記憶體洩漏 閉包使用不當。

簡述vue、react、angular

一、Angular特性： 由自己實現一套模板編譯規則，資料變化依賴髒檢查， 基本屬性包括：資料雙向繫結、基本模板指令、自定義指令、表單驗證、路由操作、依賴注入、過濾器、內建服務、自定義服務、元件、模組。 執行效率較低，資料變更檢測方式。 學習angular會迫使你學習特有的預發，上手成本很大，程式碼看起來很乾淨 依賴注入，即一個物件將依賴項提供給另一個物件（客戶端）的模式。導致更多的靈活性和更乾淨的程式碼。 Angular 最適合單頁應用（SPA），因為它可能太臃腫而不能用於微服務。 框架比較臃腫，每次用啥功能要引入一大堆東西 Angular錯誤提示不夠清晰明顯，對於初級開發者，很難看懂Angular的錯誤提示。（個人認為這是最大的不好之處，當初學習這個遇到很多坑啊），而且定位bug很難。 物件導向程式設計的思想，Angular由後端開發人員設計的前端框架。 詳細比較：React和Vue的區別

二、React特性: 單向繫結，先更新model,然後渲染UI元素，資料在一個方向流動，使得除錯更加容易。程式碼冗餘，各種生命週期太麻煩，剛開始接觸好難記。 用了虛擬DOM。（對虛擬DOM的理解剛開始我不是很理解概念，建議大家去看【深入REACT技術棧】這本書有很好的講解） 更適合大型應用和更好的可測試性 Web端和移動端原生APP通吃 更大的生態系統，更多的支援和好用的工具

三、Vue特性 模板和渲染函式的彈性選擇 簡單的語法和專案配置 更快的渲染速度和更小的體積四

35.eval是什麼

它的功能是把對應的字串解析成JS程式碼並執行 應該避免使用eval，不安全，非常耗效能（2次，一次解析成js語句，一次執行） 由JSON字串轉換為JSON物件的時候可以用eval，var obj =eval('('+ str +')')

36.null和undefine的區別

undefine: 表示不存在這個值，如果變數被宣告瞭沒有賦值。 null： 變數被定義賦值了，但是為空的情況，沒有任何屬性方法和值 在驗證null時，一定要使用 === ，因為 ==無法分別null 和 undefined

37.談談對json的瞭解

json是JavaScript Object Notation的縮寫，即JavaScript物件表示法，是一種輕量級的資料交換格式，易於閱讀和編寫，同時也易於機器解析和生成。json是儲存和交換文字資訊的語法，類似於XML。json採用完全獨立與語言的文字格式，它的語言格式類似於c語言家族。這些特性也使的json成為理想的資料交換語言。

JSON字串轉換為JSON物件:

var obj =eval('('+ str +')');
var obj = str.parseJSON();
var obj = JSON.parse(str);
複製程式碼複製程式碼

JSON物件轉換為json字串

var last=obj.toJSONString();
var last=JSON.stringify(obj);
複製程式碼複製程式碼

38.同步和非同步的區別

同步：瀏覽器訪問伺服器請求，使用者看得到頁面重新整理，重新發請求,等請求完，頁面重新整理，新內容出現，使用者看到新內容,進行下一步操作。 非同步：瀏覽器訪問伺服器請求，使用者正常操作，瀏覽器後端進行請求。等請求完，頁面不重新整理，新內容也會出現，使用者看到新內容。

39.漸進增強和優雅降級

漸進增強 ：針對低版本瀏覽器進行構建頁面，保證最基本的功能，然後再針對高階瀏覽器進行效果、互動等改進和追加功能達到更好的使用者體驗。 優雅降級 ：一開始就構建完整的功能，然後再針對低版本瀏覽器進行相容。

40.attribute和property的區別是什麼？

attribute是dom元素在文件中作為html標籤擁有的屬性； property就是dom元素在js中作為物件擁有的屬性。

41.談談對ES6的理解

es6是一個新的標準，它包含了許多新的語言特性和庫，是JS最實質性的一次升級。 比如’箭頭函式’、’字串模板’、’generators(生成器)’、’async/await’、’解構賦值’、’class’等等，還有就是引入module模組的概念。

可以讓this指向固定化，這種特性很有利於封裝回撥函式

• （1）函式體內的this物件，就是定義時所在的物件，而不是使用時所在的物件。
• （2）不可以當作建構函式，也就是說，不可以使用new命令，否則會丟擲一個錯誤。
• （3）不可以使用arguments物件，該物件在函式體內不存在。如果要用，可以用Rest引數代替。
• （4）不可以使用yield命令，因此箭頭函式不能用作Generator函式。

async/await 是寫非同步程式碼的新方式，以前的方法有回撥函式和Promise。 async/await是基於Promise實現的，它不能用於普通的回撥函式。async/await與Promise一樣，是非阻塞的。 async/await使得非同步程式碼看起來像同步程式碼，這正是它的魔力所在。

42.什麼是物件導向的程式設計和麵向過程的程式設計，以及異同和優缺點

程式導向就是對一個問題提出解決思路，然後一步步的列出函式解決，依次呼叫。 物件導向就是將構成問題分解成各個物件，建立物件的目的不是為了完成一個步驟，而是為了描敘某個事物在整個解決問題的步驟中的行為。 物件導向是以功能來劃分問題，而不是步驟

43.說說你對Promise的理解

所謂Promise，簡單說就是一個容器，裡面儲存著某個未來才會結束的事件（通常是一個非同步操作）的結果。從語法上說，Promise 是一個物件，從它可以獲取非同步操作的訊息。Promise 提供統一的 API，各種非同步操作都可以用同樣的方法進行處理。

Promise物件有以下兩個特點:

• 物件的狀態不受外界影響，Promise物件代表一個非同步操作，有三種狀態：Pending（進行中）、Resolved（已完成，又稱Fulfilled）和Rejected（已失敗）
• 一旦狀態改變，就不會再變，任何時候都可以得到這個結果。