前端面試題

Elle 發(fā)布于2019-08-23 12:30 / 3461人閱讀

摘要：如何解決跨域問題是的略稱。它是一個(gè)非官方的協(xié)議，它允許在服務(wù)器端集成返回至客戶端，通過的形式實(shí)現(xiàn)跨域訪問這僅僅是簡單的實(shí)現(xiàn)形式。一旦執(zhí)行棧中的所有同步任務(wù)執(zhí)行完畢，系統(tǒng)就會(huì)讀取任務(wù)隊(duì)列，看看里面有哪些事件。主線程不斷重復(fù)上面的第三步。

描述cookie， sessionStorage和localStorage的區(qū)別？

1.cookie數(shù)據(jù)始終在同源的http請(qǐng)求中攜帶（即使不需要），即cookie在瀏覽器和服務(wù)器間來回傳遞。而sessionStorage和localStorage不會(huì)自動(dòng)把數(shù)據(jù)發(fā)給服務(wù)器，僅在本地保存。cookie數(shù)據(jù)還有路徑（path）的概念，可以限制cookie只屬于某個(gè)路徑下。

2.存儲(chǔ)大小限制也不同，cookie數(shù)據(jù)不能超過4k，同時(shí)因?yàn)槊看蝖ttp請(qǐng)求都會(huì)攜帶cookie，所以cookie只適合保存很小的數(shù)據(jù)，如會(huì)話標(biāo)識(shí)。sessionStorage和localStorage 雖然也有存儲(chǔ)大小的限制，但比cookie大得多，可以達(dá)到5M或更大。

3.數(shù)據(jù)有效期不同，sessionStorage：僅在當(dāng)前瀏覽器窗口關(guān)閉前有效，自然也就不可能持久保持；localStorage：始終有效，窗口或?yàn)g覽器關(guān)閉也一直保存，因此用作持久數(shù)據(jù)；cookie只在設(shè)置的cookie過期時(shí)間之前一直有效，即使窗口或?yàn)g覽器關(guān)閉。

4.作用域不同，sessionStorage不在不同的瀏覽器窗口中共享，即使是同一個(gè)頁面；localStorage 在所有同源窗口中都是共享的；cookie也是在所有同源窗口中都是共享的。

如何解決跨域問題？

1.JSONP
　　JSONP是JSON with Padding的略稱。它是一個(gè)非官方的協(xié)議，它允許在服務(wù)器端集成Script tags返回至客戶端，通過javascript callback的形式實(shí)現(xiàn)跨域訪問（這僅僅是JSONP簡單的實(shí)現(xiàn)形式）。關(guān)于jsonp的使用方式，可以參考http://blog.csdn.net/alen1985...，優(yōu)缺點(diǎn)可以參考http://blog.csdn.net/z6918378...

2.添加響應(yīng)頭，允許跨域
addHeader(‘Access-Control-Allow-Origin:*’);//允許所有來源訪問
addHeader(‘Access-Control-Allow-Method:POST,GET’);//允許訪問的方式

3.代理的方式
服務(wù)器A的test01.html頁面想訪問服務(wù)器B的后臺(tái)action，返回“test”字符串，此時(shí)就出現(xiàn)跨域請(qǐng)求，瀏覽器控制臺(tái)會(huì)出現(xiàn)報(bào)錯(cuò)提示，由于跨域是瀏覽器的同源策略造成的，對(duì)于服務(wù)器后臺(tái)不存在該問題，可以在服務(wù)器A中添加一個(gè)代理action，在該action中完成對(duì)服務(wù)器B中action數(shù)據(jù)的請(qǐng)求，然后在返回到test01.html頁面。

同步異步區(qū)別？

同步任務(wù)指的是，在主線程上排隊(duì)執(zhí)行的任務(wù)，只有前一個(gè)任務(wù)執(zhí)行完畢，才能執(zhí)行后一個(gè)任務(wù)；

異步任務(wù)指的是，不進(jìn)入主線程、而進(jìn)入"任務(wù)隊(duì)列"（task queue）的任務(wù)，只有等主線程任務(wù)執(zhí)行完畢，"任務(wù)隊(duì)列"開始通知主線程，請(qǐng)求執(zhí)行任務(wù)，該任務(wù)才會(huì)進(jìn)入主線程執(zhí)行。
具體來說，異步運(yùn)行機(jī)制如下：

（1）所有同步任務(wù)都在主線程上執(zhí)行，形成一個(gè)執(zhí)行棧（execution context stack）。

（2）主線程之外，還存在一個(gè)"任務(wù)隊(duì)列"（task queue）。只要異步任務(wù)有了運(yùn)行結(jié)果，就在"任務(wù)隊(duì)列"之中放置一個(gè)事件。

（3）一旦"執(zhí)行棧"中的所有同步任務(wù)執(zhí)行完畢，系統(tǒng)就會(huì)讀取"任務(wù)隊(duì)列"，看看里面有哪些事件。那些對(duì)應(yīng)的異步任務(wù)，于是結(jié)束等待狀態(tài)，進(jìn)入執(zhí)行棧，開始執(zhí)行。

（4）主線程不斷重復(fù)上面的第三步。