Web前端程式設計師必備 前端面試題彙總(1)

2021-10-09 22:05:01 字數 1345 閱讀 8763

任何技術崗位面試的時候都要經過人力面試和技術崗位面試至少兩次。人力面試一般也就是考察一下個人品質以及薪資問題,而技術崗位則是考察你是否有真才實學。本文和大家分享乙個難到了很多前端工程師的面試題:quirks模式是什麼?它和 standards 模式有什麼區別?

下面就是針對這個問題的講解。

從 ie6 開始,引入了 standards模式,標準模式中,瀏覽器嘗試給符合標準的文件在規範上的正確處理達到在指定瀏覽器中的程度。

在 ie6 之前 css 還不夠成熟,所以 ie5 等之前的瀏覽器對 css 的支援很差, ie6 將對 css提供更好的支援,然而這時的問題就來了,因為有很多頁面是基於舊的布局方式寫的,而如果 ie6 支援 css 則將令這些頁面顯示不正常,如何在即保證不破壞現有頁面,又提供新的渲染機制呢?

在寫程式時我們也會經常遇到這樣的問題,如何保證原來的介面不變,又提供更強大的功能,尤其是新功能不相容舊功能時。遇到這種問題時的乙個常見做法是增加引數和分支,即當某個引數為真時,我們就使用新功能,而如果這個引數 不為真時,dd 就使用舊功能,這樣就能不破壞原有的程式,又提供新功能。ie6 也是類似這樣做的,它將 dtd 當成了這個「引數」,因為以前的頁面大家都不會去寫 dtd,所以 ie6 就假定 如果寫了 dtd,就意味著這個頁面將採用對 css 支援更好的布局,而如果沒有,則採用相容之前的布局方式。這就是quirks 模式(怪癖模式,詭異模式,怪異模式)。

區別:總體會有布局、樣式解析和指令碼執行三個方面的區別。

盒模型:在 w3c 標準中,如果設定乙個元素的寬度和高度,指的是元素內容的寬度和高度,而在 quirks 模式下,ie 的寬度和高度還包含了 padding 和 border。

設定行內元素的高寬:在 standards 模式下,給等行內元素設定 wdith 和 height 都不會生效,而在 quirks 模式下,則會生效。

設定百分比的高度:在 standards 模式下,乙個元素的高度是由其包含的內容來決定的,如果父元素沒有設定百分比的高度,子元素設定乙個百分比的高度是無效的用margin:0 auto 設定水平居中:使用 margin:0 auto 在 standards 模式下可以使元素水平居中,但在 quirks 模式下卻會失效。

其實面試過程中遇到不會回答的問題很正常,如果經過考察證明你的學習能力強,遇到不會的問題能夠通過自己的能力快速掌握,面試官也有可能給你這個機會。但是實際的面試過程中並不能完全把希望寄託在面試官的善良上面。擁有真才實學才是你立足於職場的不敗真理。

quirks模式是什麼?它和 standards 模式有什麼區別?這個問題,本文已經大體上解答了,還有很多內容並不能一一贅述。希望你在實際應用的過程中自己多多總結歸納。

前端面試題

sprites是什麼和為什麼要使用他們?css 精靈 把一堆小的整合到一張大的上,減輕伺服器對的請求數量 有可能替代sprites的方法是什麼?svg圖示,字型圖示,字元編碼等等。1 在div排版的時候,假設現在是100px的寬,我在盒子左側用padding left留個10px的白,div就撐開了...

前端面試題

行內元素有哪些?塊級元素有哪些?空 void 元素有哪些?link和 import的區別是?常見相容性問題?含移動端 html5的離線儲存?描寫一段語義化的html 吧 html5的form如何關閉自動完成功能?什麼是閉包 closure 為什麼要用?localstorage和sessionstor...

前端面試題

朋友碰到的筆試題,在此記錄一下,並且記下碰到的有難點但是自己沒注意的到的面試題!function isnumber x else sum 2,3 5 sum 2 3 5 請寫出sum函式的具體實現。function sum a,c return a c 該題考查的是乙個以前沒接觸過的東西,叫做柯里化...