前端面試題

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

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

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

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

2.存儲大小限制也不同，cookie數(shù)據(jù)不能超過4k，同時因為每次http請求都會攜帶cookie，所以cookie只適合保存很小的數(shù)據(jù)，如會話標識。sessionStorage和localStorage 雖然也有存儲大小的限制，但比cookie大得多，可以達到5M或更大。

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

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

如何解決跨域問題？

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

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

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

同步異步區(qū)別？

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

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

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

（2）主線程之外，還存在一個"任務隊列"（task queue）。只要異步任務有了運行結果，就在"任務隊列"之中放置一個事件。

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

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

云服務器 GPU云服務器面試題棧面試題筆試面試題面試題內容

文章版權歸作者所有，未經(jīng)允許請勿轉載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。

轉載請注明本文地址：http://systransis.cn/yun/98622.html

你不能錯過的前端面試題合集

摘要：收集的一些前端面試題從面試題發(fā)現(xiàn)不足，進而查漏補缺，比通過面試更難得及各大互聯(lián)網(wǎng)公司前端筆試面試題篇及各大互聯(lián)網(wǎng)公司前端筆試面試題篇面試題個和個經(jīng)典面試題前端開發(fā)面試題如何面試前端工程師很重要個變態(tài)題解析如何通過餓了么面試輕收集的一些前端面試題從面試題發(fā)現(xiàn)不足，進而查漏補缺，比通過面試更難得 1 BAT及各大互聯(lián)網(wǎng)公司2014前端筆試面試題--Html,Css篇 2 BAT...

ninefive 2019-08-21 16:18 評論0 收藏0
你不能錯過的前端面試題合集

摘要：收集的一些前端面試題從面試題發(fā)現(xiàn)不足，進而查漏補缺，比通過面試更難得及各大互聯(lián)網(wǎng)公司前端筆試面試題篇及各大互聯(lián)網(wǎng)公司前端筆試面試題篇面試題個和個經(jīng)典面試題前端開發(fā)面試題如何面試前端工程師很重要個變態(tài)題解析如何通過餓了么面試輕收集的一些前端面試題從面試題發(fā)現(xiàn)不足，進而查漏補缺，比通過面試更難得 1 BAT及各大互聯(lián)網(wǎng)公司2014前端筆試面試題--Html,Css篇 2 BAT...

darkbaby123 2019-07-30 14:38 評論0 收藏0
前端開發(fā)面試題鏈接

摘要：手冊網(wǎng)超級有用的前端基礎技術面試問題收集前端面試題目及答案匯總史上最全前端面試題含答案常見前端面試題及答案經(jīng)典面試題及答案精選總結前端面試過程中最容易出現(xiàn)的問題前端面試題整理騰訊前端面試經(jīng)驗前端基礎面試題部分最新前端面試題攻略前端面試前端入手冊網(wǎng)：http://www.shouce.ren/post/index 超級有用的前端基礎技術面試問題收集：http://www.codec...

h9911 2019-08-02 16:11 評論0 收藏0
前端開發(fā)面試題鏈接

摘要：手冊網(wǎng)超級有用的前端基礎技術面試問題收集前端面試題目及答案匯總史上最全前端面試題含答案常見前端面試題及答案經(jīng)典面試題及答案精選總結前端面試過程中最容易出現(xiàn)的問題前端面試題整理騰訊前端面試經(jīng)驗前端基礎面試題部分最新前端面試題攻略前端面試前端入手冊網(wǎng)：http://www.shouce.ren/post/index 超級有用的前端基礎技術面試問題收集：http://www.codec...

snifes 2019-08-23 16:48 評論0 收藏0
前端最強面經(jīng)匯總

摘要：獲取的對象范圍方法獲取的是最終應用在元素上的所有屬性對象即使沒有代碼，也會把默認的祖宗八代都顯示出來而只能獲取元素屬性中的樣式。因此對于一個光禿禿的元素，方法返回對象中屬性值如果有就是據(jù)我測試不同環(huán)境結果可能有差異而就是。花了很長時間整理的前端面試資源，喜歡請大家不要吝嗇star~ 別只收藏，點個贊，點個star再走哈~ 持續(xù)更新中……，可以關注下github 項目地址 https:...

wangjuntytl 2019-08-26 10:41 評論0 收藏0
20W字囊括上百個前端面試題的項目開源了

摘要：字囊括上百個前端面試題的項目開源了這個項目是什么項目內容這個項目目前在上剛剛開源主要內容如下前端面試題主要整理了高頻且有一定難度的前端面試題對這些面試題進行解讀前端原理詳解針對一些有一定難度面試題涉及的知識點進行詳解比如涉及的編譯原理響應式 20W字囊括上百個前端面試題的項目開源了這個項目是什么? 項目內容這個項目目前在GitHub上剛剛開源,主要內容如下: 前端面試題: 主要整...

Euphoria 2019-08-26 10:49 評論0 收藏0