面試題（有些不足，歡迎大家補充）

1.作用域鏈：

內部函式可以訪問外部函式的變數，可以用鏈式查找的方式進行查找，

2.預決議：js的執行機制分為 兩步 預決議 和 代碼執行，

就是把所有的變數和函式提升到當前作用域的最前面，
?
//變數提升【變數預決議】：就是把所有的變數宣告提升到當前作用域最前面，只是提升但是不提升賦值
?
//函式提升【函式預決議】：就是把所有的函式宣告提升到當前作用域的最前面，不呼叫函式
?
注意：var a = b = c = 9 //相當于var a = 9 ;b = 9; c =9  b和c只是賦值沒有宣告當全域變數看   ---------------     集體宣告var a =9 ,b = 9 ,c = 9

3.JavaScript的資料型別；typeof 和 instanceof 的區別

JavaScript資料型別有7種：undefined，null，string，boolean，number，Object，symbol【ES6新語法】
?
typeof 和 instanceof都是用來判斷變數型別的，
?
typeof判斷所有的資料型別，回傳值有undefined，string，obj，Boolean，NaN
instanceof 用來判斷物件實體，陣列，物件，回傳值是true  也就是說判斷constructor.prototype 是否存在引數Object的原型鏈上

4.跨域請求

//【同源策略】瀏覽器的一種安全機制，瀏覽器的同源策略不允許非同源的URL之間進行資源互動，
?
//【跨域請求】繞過瀏覽器的同源策略，向非同源的url進行ajax請求，
?
//【如何判定？】兩個協議，域名，埠是否一致
?
//【解決方案】
    1）JOSNP方案 -- 前端和后端共同完成
    
    //實作原理：利用script標簽可以發送跨域請求
    
    //前端：
       a.) 定義一個函式
       b.）把介面的url地址，寫在script標簽的src屬性（發送請求，函式名作為引數傳給服務器）
    //缺點: 1）只支持get請求不支持post請求， 2)JSONP和Ajax無關，沒有使用ajax物件【XMLHttpRequest】
?
    //后端：
       回傳函式的呼叫
    2）CORS -- 后端完成

5.Ajax應用和傳統web應用有什么區別？

在JavaScript編程中，如果需要得到服務端的資料或者檔案資訊，需要建立一個hTML from然后 get 或者post資料到服務器，用戶需要點擊‘submit’按鈕發送或者接收資料，等待服務器回應，頁面需要重新加載，因為服務器每次都會回傳一個新的頁面，//所以傳統的web應用有可能很慢并且用戶互動不友好
?
Ajax可以是JavaScript通過XMLHttpReques物件直接向服務器進行互動，通過HttpReques，一個web頁面可以發送請求到服務器并且接受回傳回來的資料，不需要重新加載頁面，展示給用戶的還是那個頁面 //用戶看不到JavaScript后臺進行的發送和接收回應，

 Ajax的原理簡單來說通過XmlHttpRequest物件來向服務器發送異步請求，從服務器獲得資料，然后用javascript來操作DOM而更新頁面，最關鍵的一步就是向服務器請求資料，

7.異步請求和同步請求

同步請求：簡單理解，所有的操作都完成之后才回傳給用戶
?
異步請求：簡單理解，不等所有操作完成，先回應用戶需求，然后再慢慢去寫資料庫 --- ajax就是一個異步請求 是用過xmlHttpRequest

8.記憶體泄漏

//【記憶體泄漏】指任何物件，不在擁有或者不需要的時候他依然存在
?
//【那些操作會造成記憶體泄漏】setTimeout的第一個引數使用字串而不是函式的話，會導致記憶體泄漏，
                        // 閉包，控制臺日志，回圈（在兩個物件中彼此參考切彼此保留，就會產生一個回圈）
          
//【解決】js的垃圾回識訓制：為了防止內容泄漏
      // 1) 標記清除（最常用）: 當變數進行環境時，將這個變數標記為”進入環境“，當變數離開環境時，則將其標記為”離開環境“【回收記憶體】
      // 2) 參考計數：跟蹤每一個值的使用次數，使用的時候 +1，使用另一個值的時候 -1，當參考次數變成0的時候，說明沒有變數使用，因此可以識訓，
      //【注意：JavaScript物件通過標記清除的方式進行垃圾回收，但是在 BOM 和 DOM 物件卻是通過參考計數回收垃圾的，只有涉及BOM 和 DOM就會出現回圈參考的問題】

9.回流和重繪

//【回流：】當一個元素的寬高，布局，顯示與隱藏沒有改變，只改變了元素的外觀（backgroundcolor）就會引起回流
//【重繪：】當元素的寬高，布局，顯示與隱藏打算改變時，會導致頁面重新加載，導致頁面重繪  【回流一定重繪，重繪不一定回流】



【如何最小化重繪和回流】
      1）對多個元素進行設定時，可以先display：none  ---- 操作完成在顯示
      2）創建多個DOM節點，創建完成后在一次性加入
      3）進行使用css屬性簡寫
      4）批量修改元素樣式時用className代替style直接修改

10.簡單說一些js中的繼承【了解】

1.借用建構式繼承：可以使用apply()和call()方法在新創建的物件上執行建構式
  function 父(){  
      //各種屬性
  }
 function 子(){
     //各種屬性
     父.call(this)
 } 
 
2.組合繼承：將原型鏈和借用建構式的技術組合在一起，
3.原型鏈繼承：基于已有的物件創建物件，用一個函式包裝一個物件，然后回傳這個函式的呼叫，這個函式就變成了個可以隨意增添屬性的實體或物件，object.create()就是這個原理，
4.寄生式繼承：就是給原型式繼承外面套了個殼子，
5.寄生組合式繼承：在函式內回傳物件然后呼叫  Class 子類 extends 父類 

11.js如何處理防抖和節流

【為什么？】在進行視窗的resize,scroll,輸入框等事件時，如果事件處理函式無限制的觸發會導致加重瀏覽器負擔，導致用戶體驗非常糟糕

【解決】
    [1]防抖：原理利用setTimeout函式，如果在規定時間內，觸發了事件處理函式，則需要重新計時，等計時結束后才執行代碼，
    [2]節流：當持續觸發事件時，保證一段時間內只呼叫一次事件處理函式

12.js事件回圈 --也叫【event Loop】

     JavaScript 是單執行緒，所以所有的任務只能一個個等著被執行，有些任務占用的時間比較長，比較占用資源，所以就有了任務佇列，任務佇列是一個先進先出的結構，排在前面的事件，優先進入主執行緒被執行，
    
      所有的任務都在主執行緒執行，形成執行堆疊，主執行緒之外，還有一個任務佇列，系統將異步任務放在任務佇列中，等到主執行緒中的任務執行完成，系統就會讀取任務佇列中的任務，異步任務結束了等待狀態，就會從任務佇列進入執行堆疊，恢復執行，主執行緒重復以上步驟，
      
      //注意的是：主執行緒讀取任務佇列，就是讀取里面有哪些回呼事件，回呼函式就是被任務佇列掛起的代碼，異步任務必須指定回呼函式，當異步任務從任務佇列中回到執行堆疊，就是回呼函式被執行的時候，
      
      主執行緒運行的時候，會產生堆和堆疊，堆疊中的代碼會呼叫各種外部 API，他們在任務佇列中加入各種事件，只要堆疊中的代碼執行完畢，主執行緒就會去讀取“任務列隊”，依次執行哪些事件所對應的回呼函式，主執行緒從“任務佇列”中讀取事件，這個程序是回圈不斷的，所以叫事件回圈機制，

13.陣列中forEach和map的區別

相同點：都是回圈遍歷陣列中的一項
       forEach和map方法里每次執行匿名函式都支持3個引數（引數分別是item[當前每一項]，index（索引），arr(原陣列)）
       匿名函式中的this指向window只能遍歷資料，都不會改變原陣列

//區別：使開發1）map方法，回傳的是一個陣列，陣列中的元素為原始陣列呼叫函式處理后的值
       2）map方法不會對空陣列進行檢測，map方法不會改變原始陣列
       3）arr如果是空陣列，map方法也是一個空陣列
  
       forEach()方法用來呼叫陣列的每個元素，將元素傳給回呼函式
       forEach對于空陣列是不會呼叫回呼函式，無論arr是不是空陣列，forEach回傳的都是undefined，這個方法只是將陣列中的每一項作為callback的引數執行一次

14.vue和jQuery的區別

jQuery應該算一個插件，里面封裝了各種簡易的方法，方便獲取DOM元素，系結事件，和原生的HTML的區別在于更簡易的獲取元素，

Vue是一套框架，有自己的規則和語法，特別是設計思想MVVM，讓資料和視圖雙向系結，省略了很多DOM操作，然后指令還給標簽注入更多的功能，

15.MVVM和MVC的區別？和使用場景？

//MVVM :Model -View -ViewModel 的簡寫，即模型-視圖-視圖模型
   
  Model指后端傳遞的資料，View指所看到的頁面，ViewModel是MVVM的核心，是連接view和model的核心，
 
//MVC ：Model—view-Controller
  C即controller指的是業務邏輯，MVC是單向通信，也就是model和view必須通過Controller承上啟下
  
  【區別】都是一種設計思想，MC和MVVM的區別并不是VM取代C，只是在MVC的基礎上增加了一層MV，也就是說MVVM實作的是業務邏輯的組件的重用，使開發效率高，結構更清晰，增加代碼的復用性，

16.CSS中link和@import的區別

link：只能將css引入網頁頁面中使用，除了可以加載css以外還可以定義RSS，定義rel連接的屬性等，當頁面加載的時候link引入的css，會同時被加載，沒有兼容性問題

@import：可以將多個css引入到一個css檔案中，只能加載css檔案，頁面加載完成后才會加載css檔案，有兼容性問題

權重問題：link引入的css樣式，大于@import引入的樣式