前端面試最常問的瀏覽器相關(guān)問題有哪些？疫情好轉(zhuǎn)后。迎來一波復(fù)工熱潮。在這個時候，也是許多小伙伴求職面試的高峰期。因此小編為大家整理了前端面試中常見的瀏覽器相關(guān)問題，眾所周知，瀏覽器的相關(guān)問題是前端面試中的基礎(chǔ)問題，也是幾乎必考的問題。希望大家可以在前端面試前，多刷刷題，準(zhǔn)備得更加充分。

10年積累的成都網(wǎng)站設(shè)計、網(wǎng)站制作經(jīng)驗，可以快速應(yīng)對客戶對網(wǎng)站的新想法和需求。提供各種問題對應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識你，你也不認(rèn)識我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程，更有離石免費網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。

1、為什么會有跨域的問題出現(xiàn)？

跨域,指的是瀏覽器不能執(zhí)行其他網(wǎng)站的腳本，它是由瀏覽器的同源策略造成的,是瀏覽器對javascript施加的安全限制，防止他人惡意攻擊網(wǎng)站。比如一個黑客，他利用 iframe把真正的銀行登錄頁面嵌到他的頁面上，當(dāng)你使用真實的用戶名和密碼登錄時，如果沒有同源限制，他的頁面就可以通過JavaScript讀取到你的表單中輸入的內(nèi)容，這樣用戶名和密碼就輕松到手了。

2、前端安全 XSS、CSRF是什么？

（1）xss：跨站腳本攻擊。xss攻擊的主要目的是想辦法獲取目標(biāo)攻擊網(wǎng)站的cookie，因為有了 cookie相當(dāng)于有了 session。惡意攻擊者往 Web頁面里插入惡意 Script代碼，當(dāng)用戶瀏覽該網(wǎng)頁之時，嵌入其中 Web里面的。Script代碼會被執(zhí)行，從而達(dá)到惡意攻擊用戶的目的，避免采取的措施： 編碼、過濾、校驗。

（2）csrf：跨站點偽裝請求，CSRF攻擊者在用戶已經(jīng)登錄目標(biāo)網(wǎng)站之后，誘使用戶訪問一個攻擊頁面，利用目標(biāo)網(wǎng)站對用戶的信任，以用戶身份在攻擊頁面對目標(biāo)網(wǎng)站發(fā)起偽造用戶操作的請求，達(dá)到攻擊目的。防御手段：1.盡量使用 POST，限制 GET，2.加驗證碼

3、瀏覽器如何加載頁面？

從瀏覽器地址欄的請求鏈接開始，瀏覽器通過 DNS解析查到域名映射的 IP地址，成功之后瀏覽器端向此 IP地址取得連接，成功連接之后，瀏覽器端將請求信息通過 HTTP協(xié)議向此 IP地址所在服務(wù)器發(fā)起請求，服務(wù)器接受到請求之后等待處理，最后向瀏覽器端發(fā)回響應(yīng)，此時在 HTTP協(xié)議下， 瀏覽器從服務(wù)器接收到 text/html類型的代碼，瀏覽器開始顯示此 html， 并獲取其中內(nèi)嵌資源地址，然后瀏覽器再發(fā)起請求來獲取這些資源，并在 瀏覽器的 html中顯示。

4、script腳本阻塞有什么解決辦法？

（1）推遲加載

如果頁面初始的渲染并不依賴于 js或者 CSS可以用推遲加載，就是最后在加載 js和 css，把引用外部文件的代碼寫在最后。

（2）defer延遲加載

<script src="" defer></script>在 文 檔 解 析 完 成 開 始 執(zhí) 行 ， 并且在DOMContentLoaded事件之前執(zhí)行完成，會按照他們在文檔出現(xiàn)的順序去下載解析。效果和把 script放在文檔最后</body>之前是一樣的。

（3）異步加載

async異步加載：就是告訴瀏覽器不必等到加載完外部文件，可以邊渲染邊下載，什么時候下載完成什么時候執(zhí)行。<script type="text/javascript" src="a.js" async></script>

5、defer和 async的區(qū)別是什么？

<script async src="example.js"></script>有了 async屬性，表示后續(xù)文檔的加載和渲染與 js腳本的加載和執(zhí)行是并行進行的， 即異步執(zhí)行；<script defer src="example.js"></script>。有了 defer屬性，加載后續(xù)文檔的過程和 js腳本的加載(此時僅加載不執(zhí)行)是并行進行的(異步)，js腳本的執(zhí)行需要等到文檔所有元素解析完成之后，DOMContentLoaded事件觸發(fā)執(zhí)行之前。

6、瀏覽器強制緩存和協(xié)商緩存是什么？

強制緩存：是利用 http的返回頭中的 Expires或者 Cache-Control兩個字段來控制的，用來表示資源的緩存時間。協(xié)商緩存：就是由服務(wù)器來確定緩存資源是否可用，所以客戶端與服務(wù)器端要通過某種標(biāo)識來進行通信，從而讓服務(wù)器判斷請求資源是否可以緩存訪問，這主要涉及到下面兩組 header字段，這兩組搭檔都是成對出現(xiàn)的， 即第一次請求的響應(yīng)頭帶上某個字段，則后續(xù)請求則會帶上對應(yīng)的請求字段， 若響應(yīng)頭沒有 Last-Modified或者 Etag字段，則請求頭也不會有對應(yīng)的字段。

7、WEB存儲，COOKIES、LOCALSTOGE等的使用規(guī)則和區(qū)別？

web存儲就指的是本地存儲，包括 localstorage和 sessionstorage。cookie在瀏覽器與服務(wù)器之間來回傳遞，cookie只在設(shè)置的cookie過期時間之前一直有效，即使窗口或瀏覽器關(guān)閉，cookie數(shù)據(jù)不能超過 4k。localStorage不把數(shù)據(jù)發(fā)給服務(wù)器，僅在本地保存,始終有效， 長期保存,可以達(dá)到 5M或更大存儲大小。

8、什么是預(yù)加載、懶加載？

預(yù)加載：提前加載圖片，當(dāng)用戶需要查看時可直接從本地緩存中渲染。懶加載：也就是延遲加載。當(dāng)訪問一個頁面的時候，先把 img元素或是其他元素的背景圖片路徑替換成一張大小為 1*1px圖片的路徑，只有當(dāng)圖片出現(xiàn)在瀏覽器的可視區(qū)域內(nèi)時，才設(shè)置圖片真正的路徑，讓圖片顯示出來。這就是圖片懶加載。

9、服務(wù)器如何識別是你在操作，說說思路？

（1）當(dāng)瀏覽器首次訪問服務(wù)器時,服務(wù)器會為客戶端創(chuàng)建一個session，并通過特殊算法算出一個 sessionID，用來標(biāo)識該 session對象。

（2）當(dāng)瀏覽器再次（session還在有效時間內(nèi)）向服務(wù)器請求資源的時候，瀏覽器將 sessionID和請求內(nèi)容一起發(fā)送到服務(wù)端。服務(wù)端通過對比自身存儲的 sessionId來判斷用戶之前是否存在，并返回對應(yīng)的內(nèi)容給不同用戶。

（3）因為標(biāo)識符存在內(nèi)存里，所以當(dāng)瀏覽器關(guān)閉時，瀏覽器保存的sessionId就會消失。服務(wù)器將匹配失敗，默認(rèn)為此請求是新用戶提出的，如上文順序，重新創(chuàng)建一個 session容器，和相應(yīng)的唯一 sessionId， 返回給瀏覽器。

10、瀏覽器的渲染流程你了解嗎？

（1）解析 HTML文件，創(chuàng)建 DOM樹

（2）解析 CSS：優(yōu)先級：瀏覽器默認(rèn)設(shè)置<用戶設(shè)置<外部樣式<內(nèi)聯(lián)樣式<HTML中的 style樣式

（3）將 CSS與 DOM合并，構(gòu)建渲染樹

（4）布局和繪制，重繪和重排。重排：若渲染樹的一部分更新，且尺寸變化，就會發(fā)生重排；重繪：部分節(jié)點需要更新，但不改變其他集合形狀。如改變某個元素的顏色，就會發(fā)生重繪。

以上就是前端面試最常問的瀏覽器相關(guān)問題，大家都會做嗎？如果有什么地方還有疑問，可以對前端知識點進行針對性的查漏補缺。最后希望大家都可以順利通過前端面試，拿到理想的offer。

網(wǎng)頁名稱：前端面試最常問的瀏覽器相關(guān)問題
文章位置：http://chinadenli.net/article12/ppeigc.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供外貿(mào)網(wǎng)站建設(shè)、標(biāo)簽優(yōu)化、面包屑導(dǎo)航、App設(shè)計、建站公司、手機網(wǎng)站建設(shè)

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)