Vue實戰問答篇！

1.Vue的生命週期有哪些，分別有什麼做用？

• 什麼是vue生命週期

Vue實例有一個完整的生命週期，也就是從開始建立、初始化數據、編譯模板、掛載Dom、渲染→更新→渲染、卸載等一系列過程 ，咱們稱這是Vue的生命週期。通俗說就是Vue實例從建立到銷燬的過程，就是生命週期。

• 生命週期鉤子包括

• beforeCreate（建立前）、
• created（建立後）、
• beforeMount（載入前）、
• mounted（載入後）、
• beforeUpdate（更新前）、
• updated（更新後），
• beforeDestroy（銷燬前），
• destroyed（銷燬後）

---

鉤子的 this 指向調用它的 Vue 實例 咱們能夠在鉤子的方法中使用this來指代當前實例。 Vuejs中沒有控制器的概念，組件的自定義邏輯能夠分割 在這些鉤子裏面。

2.簡述v-if和v-show的做用

• v-if：當隱藏結構時該結構會直接從整個dom樹中移除；

  使用說明：若是一個元素在頁面展現後不僅會發生一種在狀態並在使用期間不會再次進行修改，咱們推薦使用v-if

• v-show：當隱藏結構時是在該結構的style中加display:none，結構依然保留。

  使用說明：若是在一個元素在頁面使用期間會頻繁發生狀態的改變，咱們推薦使用v-show

---

總結：頻繁的切換用v-show. 不然v-if

3.什麼是跨域？什麼是同源策略？項目中你是如何解決跨域的？

• 什麼是同源策略?

同源策略（是一種約定，它是瀏覽器最核心也最基本的安全功能。也就是說瀏覽器只容許訪問同一個源下的服務器資源，限制訪問不一樣源下的資源，以防止潛在的惡意文件。

• 咱們一般怎麼解決跨域

CORS 跨域資源共享。它使用額外的Http頭來告訴瀏覽器，容許運行在一個orign(domin)上的web應用訪問不一樣源服務器上的指定資源。

4.Vue循環中爲何要加上key？（做用）

• vue中循環需加:key="惟一標識" 惟一標識能夠是item裏面id 等，由於vue組件高度複用增長Key能夠標識組件的惟一性，爲了更好地區別各個組件 key的做用主要是爲了高效的更新虛擬DOM

5.mvvm是什麼？你所瞭解的MVVM框架用那些？

• 什麼是MVVM

MVVM是Model-View-ViewModel的簡寫，M是模型 V是視口 VM是指連接中間的橋樑MVVM最先由微軟提出來，它借鑑了桌面應用程序的MVC思想，在前端頁面中，把Model用純JavaScript對象表示，View負責顯示，二者作到了最大限度的分離。把Model和View關聯起來的就是ViewModel。ViewModel負責把Model的數據同步到View顯示出來，還負責把View的修改同步回Model。 #詳情可見廖雪峯官方網站

• MVVM框架有

• 1.Backbone.js——優勢：強大的社區，強勁的勢頭；缺點：抽象較弱，不少功能亟待增長。
• 2.SproutCore——優勢：對綁定的支持，可靠的社區，大量特性；缺點：過分規範，難以和不須要的特性解耦。
• 3.Sammy.js——優勢：易於學習，更容易和現存的服務端應用程序整合；缺點：過於簡單，沒法應用於大型應用程序中。

6.http響應的狀態碼常見有哪些？其含義是什麼？

• 2XX Success(成功狀態碼)
  • 200 表示從客戶端發來的請求在服務器端被正常處理
  • 204 該狀態碼錶示服務器接收的請求已成功處理，但在返回的響應報文中不含實體的主體部分
  • 206 該狀態碼錶示客戶端進行了範圍請求，而服務器成功執行了這部分的GET請求
• 3XX Redirection(重定向狀態碼)
  • 301 永久性重定向
  • 302 臨時性重定向
  • 4XX Client Error(客戶端錯誤狀態碼)
• 400 該狀態碼錶示請求報文中存在語法錯誤
  • 401 該狀態碼錶示發送的請求須要有經過HTTP認證的認證信息
  • 403 該狀態碼代表對請求資源的訪問被服務器拒絕了。
  • 404 該狀態碼代表服務器上沒法找到請求的資源
• 5XX Server Error(服務器錯誤狀態碼)
  • 500 該狀態碼代表服務器端在執行請求時發生了錯誤。
  • 503 該狀態碼代表服務器暫時處於超負載或正在進行停機維護，如今沒法處理請求。

7.常見的http請求方法有哪些及其含義?

• 一、GET方法

GET方法用於使用給定的URI從給定服務器中檢索信息，即從指定資源中請求數據。使用GET方法的請求應該只是檢索數據，而且不該對數據產生其餘影響。

• 二、POST方法

POST方法用於將數據發送到服務器以建立或更新資源，它要求服務器確認請求中包含的內容做爲由URI區分的Web資源的另外一個下屬。

• 四、PUT方法

PUT方法用於將數據發送到服務器以建立或更新資源，它能夠用上傳的內容替換目標資源中的全部當前內容。

• 五、DELETE方法

DELETE方法用來刪除指定的資源，它會刪除URI給出的目標資源的全部當前內容。

詳情

8.vue雙向綁定的原理

• Vue 實現雙向綁定的原理就是利用了Object.defineProperty()

這個方法從新定義了對象獲取屬性值（get）和設置屬性值（set）的操做來實現的。他接受三個參數，要操做的對象要定義或修改的對象屬性名，屬性描述符。重點就是最後的屬性描述符。屬性描述符是個對象，主要有兩個形式：數據描述符和存取描述符。這兩種對象只能選擇一種使用，不能混合兩種描述符的屬性同時使用。上面說的get和set 就是屬於存取描述符對象的屬性。