面試官常問的 web前端 問題 51-62
51.Promise 對象是什麼？
1.Promise 是異步編程的一種解決方案，它是一個容器，裏面保存着某個未來纔會結束的事件（通常是一個異步操作）的結果。從 語法上說，Promise 是一個對象，從它可以獲取異步操作的消息。Promise 提供統一的 API，各種異步操作都可以用同樣的方法進行處理。promise 對象是一個構造函數，用來生成 Promise 實例；
2.promise 的兩個特點 對象狀態不受外界影響 && 一旦狀態改變，就不會再變，任何時候都可以得到結果
（pending 狀態–>fulfilled ||pending–>rejected）
52.axios 的特點有哪些？
1、axios 是一個基於 promise 的 HTTP 庫，支持 promise 的所有 API；
2、它可以攔截請求和響應；
3、它可以轉換請求數據和響應數據，並對響應回來的內容自動轉換爲 json 類型的數據；
4、它安全性更高，客戶端支持防禦 XSRF；
53.vue 中的 ref 是什麼？
ref 被用來給元素或子組件註冊引用信息。
引用信息將會註冊在父組件的 $refs 對象上。
如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子組件上，引用就指向組件實例。
54.vue 如何兼容 ie
babel-polyfill 插件
55.頁面刷新 vuex 被清空解決辦法？
1.localStorage 存儲到本地再回去
2.重新獲取接口獲取數據
56.Vue 與 Angular 以及 React 的區別？
1、 Vue與 AngularJS 的區別：
相同點：
都支持指令：內置指令和自定義指令；
都支持過濾器：內置過濾器和自定義過濾器；都支持雙向數據綁定；都不支持低端瀏覽器。
不同點：
AngularJS 的學習成本高，比如增加了 DependencyInjection 特性；Vue.js 本身提供的 API 都比較簡單、直觀；
AngularJS 依賴對數據做髒檢查，所以 Watcher 越多越慢；Vue.js 基於依賴追蹤觀察，使用異步隊列更新，所有數據獨立觸發。
2、 Vue與 React 的區別：
相同點：
React 採用特殊的 JSX 語法，Vue.js 在組件開發中也推崇編寫.vue 特殊文件格式，兩者都需要編譯後使用；
都是組件，組件實例之間可以嵌套；都提供合理的鉤子函數，可讓開發者定製化地去處理需求；
都不內置列數 AJAX、Route 等功能到核心包；以插件的方式加載；在組件開發中都支持 mixins 的特性。
不同點：
React 採用的 VirtualDOM 會對渲染出來的結果做髒檢查；Vue.js 在提供了指令，過濾器等，可方便、快捷地操作 Virtual DOM。
57.localstorage 和 sessionstorage 是什麼?區別是什麼?
localstorage 和 sessionstorage 一樣都用來存儲客戶端臨時信息的對象，都只能存儲字符串類型。
區別:
localstorage 生命週期永久，除非用戶在瀏覽器提供的 UI 上清除 localstorage 信息，否則這些信息將永遠存在。
sessionstorage 生命週期爲當前窗口或標籤，當窗口或標籤被永久關閉，所有通過 sessionstorage 存儲的數據也被清空。
不同瀏覽器無法共享 localstorage 或 sessionstorage 中的信息。
相同瀏覽器的不同頁面可以共享相同的 localstorage（頁面屬於相同 的域名和端口），但是不同頁面或標籤間無法共享 sessionstorage。
這裏需要注意的是，頁面及標籤僅指頂級窗口，如果一個標籤頁包含多個 iframe 標籤他們屬於同源頁面，那麼他們之間是可以共享 sessionstorage 的。
58.爲什麼要進行前後端分離？前後端分離的優缺點？
前後端分離的優點：
前端：專門負責前端頁面和特效的編寫；追求頁面美觀、頁面流暢、頁面兼容；
後端：專門負責後端業務邏輯的處理；追求高併發、高可用、高性能，各自負責各自的領域，提高開發效率；
前後端分離的缺點：
1 、當接口發生改變的時候，前後端都需要改變 ；
2、 當發生異常的時候，前後端需要聯調；（聯調非常浪費時間！)
59.ElementUI 的計數器組件怎麼使用？
首先引入 ui 框架，然後放的 vue 裏面寫 <el-input-num></el-input-num>
60.ElementUI 的表單組件怎麼使用？它有哪些屬性？
先寫 el-form 組件，裏面寫 el-form-item 用來放輸入框，
例如用戶名和密碼那些。
屬性：
el-from 屬性： ref、rules，綁定：model
el-form-item 屬性： prop 用來定義一個該輸入框對應的驗證規則
直接查官網就行！
61.ElementUI 的表單驗證怎麼實現？
表單驗證：
一、在一開始 el-form 中綁定:model=“a”，遵守一個規則:rules=“規則名 b”，然後:ref 跟之前的 a 一樣值，要遵守規則的數據名。 二、在 data 中定義 a，裏面放表單的所有數據。
三、在 data 屬性中定義 rules 規則，例如：必須填寫就是 required:true，最小最大就是 min 和 max。
四、裏面放 el-form-item，上面定義 prop 取一個名字等於什麼，rules 中用這個 prop 裏面定義的名字作爲規則屬性。
五、若要自定義規則，首先在 rules 的規則中定義 validata 屬性，它的值就是自定義規則的名稱，然後在 data 裏寫 var 自定義規 則名稱 =(rule,value,callback)=> 如果校驗正確就返回 callback()，校驗錯誤就返回 callback(neError(’***有誤！’))
直接查官網就行！
62.ElementUI 的表格組件怎麼使用？它有哪些屬性？
用一個 <el-table></el-table> 這個是最外面的上面，裏面用 <el-table-row></el-table-row> 。
屬性：
el-table 組件的 data 用來獲取數據；
每一行 el-table-row 的數據通過 prop 屬性。