前端開發,面試筆試題學習 通訊 原理02

2021-08-14 23:39:18 字數 1212 閱讀 2548

1、跨域方面:iframe/cookie

cookie:cookie式伺服器寫入瀏覽器的一小段資訊。只有同源的網頁才能共享。但是兩個網頁一級網域名稱相同。只是二級網域名稱不同瀏覽器允許通過設定document.domain共享cookie。

舉例來說,a網頁是網頁是

,那麼網域名稱相那麼只要設定相同的document.domain,兩個網頁就可以共享cookie。

document.domain = 'example.com';
現在a網頁通過乙個指令碼設定乙個cookie

document.cookie = "test1=hello";
b網頁就可以讀到這個cookie

var allcookie = document.cookie;
注意:這種方式只適用於cookie和iframe視窗,localstorage和indexdb無法這種效果規避同源策略,而要使用postmessageapi。

另外:伺服器可以在設定cookie的時候,指定cookie所屬網域名稱為以及網域名稱,例如:example.com。

set-cookie: key=value; domain=.example.com; path=/
這樣的話二級**網域名稱不用做任何設定就可以直接讀取這個cookie。

iframe:

如果兩個頁面不同源,就無法拿到對方的dom。最典型的例子就是iframe和window.open開啟的視窗。他們與父視窗無法通訊。

例如:父視窗執行下面的命令,如果iframe不是同源就會報錯。

document.getelementbyid("myiframe").contentwindow.document

// uncaught domexception: blocked a frame from accessing a cross-origin frame.

上面命令中,父視窗想要獲取子視窗的dom,因為跨源導致錯誤。

反之亦然,子視窗獲取主視窗的 dom也會出錯。

window.parent.document.body

// 報錯

如果兩個視窗一級網域名稱相同,只是二級網域名稱不同,那麼設定上一節的domain屬性就可以規避同源政策。拿到dom。

前端開發面試題

基礎題 1.談一談你對bootstrap的柵格布局的理解。2.談一談你對mvvm的理解。3.es6的展開運算子有使用過嗎?有什麼用處?4.let和var const的區別是什麼?5.最近有了解前端的發展嗎?有沒有學習什麼最新的前端技術?6.sessionstorage localstorage和co...

前端面試筆試題(二)

1 css3新增偽類有哪些?2 html5有哪些新特性 移除了哪些元素?如何處理html5新標籤的瀏覽器相容問題?如何區分html和html5?3 使用jquery遇到過哪些問題?你是怎麼解決的?4 jquery中有哪些方法可以遍歷節點?5 在ajax中data主要有幾種方式?6 自定義指令 v c...

前端面試筆試題分享

2019年9月中旬,決定從之前的公司離職。恰逢家裡有些事情,我 上旬的末尾重新回到上海,並與中旬開始投遞簡歷。感覺不同於以前,不需要怎麼複習就能拿 offer,我開始去面試的時候,大多時候面壁。在這期間,想想還是寫點 blog,記錄下來這次特殊的求職經歷,並以此共勉。筆試題其實對面試者來說,並不友好...