十道前端面試題(9)

2021-09-29 03:11:03 字數 1164 閱讀 8380

前端效能理解,優化有哪些

為什麼瀏覽器會產生同源策略

如何獲取元素的父節點和兄弟節點

jsonp的原理是什麼,處理script標籤還可以通過什麼實現?(靜態資源標籤)

http請求頭,響應頭裡面有哪些

margin坍塌

寫乙個api實現insertafter

promise的狀態有哪些

preventdefault和stoppropagation的區別

事件冒泡,事件捕獲相關,以及事件委託?

什麼是同源策略?

同源策略限制了從同乙個源載入的文件或指令碼如何與來自另外乙個源的資源進行互動。它是乙個用於隔離潛在惡意檔案的重要安全機制。

「源」都有哪些?

為什麼會產生同源策略?

jsonp 的跨域:

主要是利用script標籤的src屬性中的鏈結可以訪問跨域的js指令碼進行跨域請求,只能用於get請求。原理

使用script標籤傳送請求,這個標籤支援跨域訪問

在script標籤裡面給伺服器端傳乙個callback

callback 的值對應到頁面定義的乙個全域性函式

服務端返回的是乙個函式的呼叫。呼叫的時候會把資料作為引數包在這個函式裡面。

jquery給封裝的使用jsonp跨請求方法的使用如下:

$ajax(

})

通過設定ajax方法中的datatype屬性的值為jsonp就可以進行跨域了。

http請求頭:

http響應頭:

包含資料型別,日期,長度,內容型別,長度等,如:

server : apache tomcat/5.0.12

date:mon,6oct2003 13:13:33 gmt

content-type:text/html

last-moified:mon,6 oct 2003 13:23:42 gmt

content-length:112

margin坍塌問題:

// newnode表示要插入的新節點

// currentnode表示當前現有節點

function insertafter(newnode,currentnode) else

}

十道前端面試題(1)

陣列去重 http狀態碼 css彈性布局 position屬性有哪些值,分別有什麼含義 const和let的區別,可以改變const定義物件某個屬性嗎 this的理解,如何改變this的指向 let和var的區別,let的產生背景 var的變數提公升底層原理是什麼 箭頭函式,箭頭函式的特點 相同點 ...

十道前端面試題(2)

為什麼css樣式初始化,目的是為了什麼 js繼承 常見布局的方法 rem,px,em的區別 typeof去判斷資料型別返回值有哪些 快排和冒泡的原理 清除浮動的方法 定時器settimeout的執行機制 get和post的請求區別 浮動元素有什麼特性 之所以要進行css樣式初始化是因為不同瀏覽器對標...

前端面試 前端面試題300道

jsonp是如何產生的 1 乙個眾所周知的問題,ajax直接請求普通檔案存在跨域無許可權問題,甭管你是靜態頁面 動態頁面 web伺服器,wcf,只要是跨域請求,一律不准。2 不過我們又發現,web頁面上呼叫js檔案時則不受是否跨域的影響 不僅如此,我們還發現凡是擁有 src 這個屬性的標籤都擁有跨域...