1.請描述一下 cookies sessionStorage和localstorage區(qū)別
相同點：
都存儲在客戶端
不同點：
1.存儲大小· cookie數(shù)據(jù)大小不能超過4k。· sessionStorage和localStorage 雖然也有存儲大小的限制，但比cookie大得多，可以達到5M或更大。
2.有效時間· localStorage 存儲持久數(shù)據(jù)，瀏覽器關(guān)閉后數(shù)據(jù)不丟失除非主動刪除數(shù)據(jù)；· sessionStorage 數(shù)據(jù)在當(dāng)前瀏覽器窗口關(guān)閉后自動刪除。· cookie 設(shè)置的cookie過期時間之前一直有效，即使窗口或瀏覽器關(guān)閉
3. 數(shù)據(jù)與服務(wù)器之間的交互方式· cookie的數(shù)據(jù)會自動的傳遞到服務(wù)器，服務(wù)器端也可以寫cookie到客戶端· sessionStorage和localStorage不會自動把數(shù)據(jù)發(fā)給服務(wù)器，僅在本地保存。
2.ajax的步驟什么是ajax?
ajax(異步j(luò)avascript xml) 能夠刷新局部網(wǎng)頁數(shù)據(jù)而不是重新加載整個網(wǎng)頁。
如何使用ajax?
第一步，創(chuàng)建xmlhttprequest對象，var xmlhttp =new XMLHttpRequest（);XMLHttpRequest對象用來和服務(wù)器交換數(shù)據(jù)。var xhttp;if (window.XMLHttpRequest) {//現(xiàn)代主流瀏覽器xhttp = new XMLHttpRequest();} else {// 針對瀏覽器，比如IE5或IE6xhttp = new ActiveXObject("Microsoft.XMLHTTP");}
第二步，使用xmlhttprequest對象的open（）和send（）方法發(fā)送資源請求給服務(wù)器。
第三步，使用xmlhttprequest對象的responseText或responseXML屬性獲得服務(wù)器的響應(yīng)。
第四步，onreadystatechange函數(shù)，當(dāng)發(fā)送請求到服務(wù)器，我們想要服務(wù)器響應(yīng)執(zhí)行一些功能就需要使用onreadystatechange函數(shù)，每次xmlhttprequest對象的readyState發(fā)生改變都會觸發(fā)onreadystatechange函數(shù)

3. react和vue有哪些不同，說說你對這兩個框架的看法
   相同點· 都支持服務(wù)器端渲染· 都有Virtual DOM,組件化開發(fā),通過props參數(shù)進行父子組件數(shù)據(jù)的傳遞,都實現(xiàn)webComponent規(guī)范· 數(shù)據(jù)驅(qū)動視圖· 都有支持native的方案,React的React native,Vue的weex
   不同點· React嚴格上只針對MVC的view層,Vue則是MVVM模式· virtual DOM不一樣,vue會跟蹤每一個組件的依賴關(guān)系,不需要重新渲染整個組件樹.而對于React而言,每當(dāng)應(yīng)用的狀態(tài)被改變時,全部組件都會重新渲染,所以react中會需要shouldComponentUpdate這個生命周期函數(shù)方法來進行控制· 組件寫法不一樣, React推薦的做法是 JSX + inline style, 也就是把HTML和CSS全都寫進JavaScript了,即'all in js'; Vue推薦的做法是webpack+vue-loader的單文件組件格式,即html,css,jd寫在同一個文件;· 數(shù)據(jù)綁定: vue實現(xiàn)了數(shù)據(jù)的雙向綁定,react數(shù)據(jù)流動是單向的· state對象在react應(yīng)用中不可變的,需要使用setState方法更新狀態(tài);在vue中,state對象不是必須的,數(shù)據(jù)由data屬性在vue對象中管理
   4.什么是mvvm mvc是什么區(qū)別 原理
   一、MVC（Model-View-Controller）MVC是比較直觀的架構(gòu)模式，用戶操作->View（負責(zé)接收用戶的輸入操作）->Controller（業(yè)務(wù)邏輯處理）->Model（數(shù)據(jù)持久化）->View（將結(jié)果反饋給View）。MVC使用非常廣泛，比如JavaEE中的SSH框架
   二、MVVM（Model-View-ViewModel）如果說MVP是對MVC的進一步改進，那么MVVM則是思想的完全變革。它是將“數(shù)據(jù)模型數(shù)據(jù)雙向綁定”的思想作為核心，因此在View和Model之間沒有聯(lián)系，通過ViewModel進行交互，而且Model和ViewModel之間的交互是雙向的，因此視圖的數(shù)據(jù)的變化會同時修改數(shù)據(jù)源，而數(shù)據(jù)源數(shù)據(jù)的變化也會立即反應(yīng)view。
   5.什么是閉包，如何使用它，為什么要使用它？
   閉包就是能夠讀取其他函數(shù)內(nèi)部變量的函數(shù)。
   由于在Javascript語言中，只有函數(shù)內(nèi)部的子函數(shù)才能讀取局部變量，因此可以把閉包簡單理解成“定義在一個函數(shù)內(nèi)部的函數(shù)”。所以，在本質(zhì)上，閉包就是將函數(shù)內(nèi)部和函數(shù)外部連接起來的一座橋梁。閉包可以用在許多地方。
   它的最大用處有兩個，一個是前面提到的可以讀取函數(shù)內(nèi)部的變量，另一個就是讓這些變量的值始終保持在內(nèi)存中。
   使用閉包的注意點：· 由于閉包會使得函數(shù)中的變量都被保存在內(nèi)存中，內(nèi)存消耗很大，所以不能濫用閉包，否則會造成網(wǎng)頁的性能問題，在IE中可能導(dǎo)致內(nèi)存泄露。解決方法是，在退出函數(shù)之前，將不使用的局部變量全部刪除?！?閉包會在父函數(shù)外部，改變父函數(shù)內(nèi)部變量的值。所以，如果你把父函數(shù)當(dāng)作對象（object）使用，把閉包當(dāng)作它的公用方法（Public Method），把內(nèi)部變量當(dāng)作它的私有屬性（private value），這時一定要小心，不要隨便改變父函數(shù)內(nèi)部變量的值。
4. 什么是跨域？跨域請求資源的方法有哪些？
   1、什么是跨域？
   由于瀏覽器同源策略，凡是發(fā)送請求url的協(xié)議、域名、端口三者之間任意一與當(dāng)前頁面地址不同即為跨域。存在跨域的情況：

網(wǎng)絡(luò)協(xié)議不同，如http協(xié)議訪問https協(xié)議。

端口不同，如80端口訪問8080端口。

域名不同，如qianduanblog.com訪問baidu.com。

子域名不同，如abc.qianduanblog.com訪問def.qianduanblog.com。

域名和域名對應(yīng)ip,如www.a.com訪問20.205.28.90.
2、跨域請求資源的方法：
(1)、porxy代理
定義和用法：proxy代理用于將請求發(fā)送給后臺服務(wù)器，通過服務(wù)器來發(fā)送請求，然后將請求的結(jié)果傳遞給前端。
實現(xiàn)方法：通過nginx代理；
注意點：1、如果你代理的是https協(xié)議的請求，那么你的proxy首先需要信任該證書（尤其是自定義證書）或者忽略證書檢查，否則你的請求無法成功。
(2)、CORS 【Cross-Origin Resource Sharing】
定義和用法：是現(xiàn)代瀏覽器支持跨域資源請求的一種最常用的方式。
使用方法：一般需要后端人員在處理請求數(shù)據(jù)的時候，添加允許跨域的相關(guān)操作。如下：

res.writeHead(200, {
"Content-Type": "text/html; charset=UTF-8",
"Access-Control-Allow-Origin":'http://localhost',
'Access-Control-Allow-Methods': 'GET, POST, OPTIONS',
'Access-Control-Allow-Headers': 'X-Requested-With, Content-Type'
});

(3)、jsonp
定義和用法：通過動態(tài)插入一個script標簽。瀏覽器對script的資源引用沒有同源限制，同時資源加載到頁面后會立即執(zhí)行（沒有阻塞的情況下）。
特點：通過情況下，通過動態(tài)創(chuàng)建script來讀取他域的動態(tài)資源，獲取的數(shù)據(jù)一般為json格式。
實例如下：

<script>
function testjsonp(data) {
console.log(data.name); // 獲取返回的結(jié)果
}
</script>
<script>
var _script = document.createElement('script');
_script.type = "text/javascript";
_script.src = "http://localhost:8888/jsonp?callback=testjsonp";
document.head.appendChild(_script);
</script>

缺點：
　　1、這種方式無法發(fā)送post請求（這里）
　　2、另外要確定jsonp的請求是否失敗并不容易，大多數(shù)框架的實現(xiàn)都是結(jié)合超時時間來判定