web前端面試題及答案5篇

web前端面試題及答案5篇1．怎樣使用JavaScript寫div或span

2．div和span有什么區(qū)分？

3．JavaScript中對象沒有定義就使用，會消失什么問題？返回JavaScript中的什么類型?

4．JavaScript中有幾種數(shù)據類型？分別是什么？

5．JavaScript中有trim函數(shù)嗎？假如沒有如何給String類型參加trim函數(shù)？

6．JavaScript中prototype關鍵字有什么作用？

7．JavaScript中有繼承的概念嗎？

8．你遇到掃瞄器兼容性問題嗎？舉個列子？

9．JavaScript中獵取HTML元素有幾種方式？

10．JavaScript總isNan是什么意思？

11．JavaScript程序如何調試？

12．你使用過正則表達式嗎？使用正則表達式都做什么？正則表單是在JavaScript中可以使用，在Java中可以使用嗎？其他語言可以使用嗎？

13．在HTML中readOnly和Disabled有什么共同點和不同點？

14．什么是JS大事冒泡

id>class>tagimportant比內聯(lián)優(yōu)先級高假如父元素定義字體大小12px，子元素定義1em，大小就是12px。

三、如何讓2個并列的div自動等高（不設高度）注：假如能寫出3種常見方法當然最好，但最好寫一下各自優(yōu)缺點，否則面試時確定會問你為什么這樣

寫

1、背景模擬法（假高度），根據尺寸制作背景，平鋪，當內容增多時，背景就會向下縱向重復，看起

來就向左右兩個div都自動向下延長了一樣。

2、表格嵌套法（不難理解，表格都是等高的，就是在div中嵌套表格）

3、內外補丁法（最推舉的方法，由于只用css實現(xiàn)的，但初學者不易理解）*{margin:0;padding:0;}#wrap{overflow:hidden;(這行代碼是重點，否則你會看到頁面很長很長)padding:0;padding-left:180px;（內補?。﹠#left,#right{height:auto;margin-bottom:-10000px;（外補?。﹑adding-bottom:10000px;（內補?。﹠#left{display:inline;float:left;width:180px;margin-left:-180px;（外補?。゜ackground:#0CF;}#right{float:right;width:100%;background:#FC6;}

這里說一下內外補丁，其實也沒那么難理解，我的理解就是相互抵消。多用用margin負值，你會了解這

個原理的。

6.如何居中div,如何居中一個浮動元素?

給div設置一個寬度，然后添加margin:0auto屬性

div{width:200px;margin:0auto;}

設置容器的浮動方式為相對定位確定容器的寬高寬500高300的層設置層的外邊距

.Div{Width:500px;height:300px;Margin:-150px00-250px;position:absolute;left:50%;top:50%;}

7.常常遇到的掃瞄器的兼容性有哪些？緣由，解決方法是什么，hack的技巧？

*IE掃瞄器的內核Trident、Mozilla的Gecko、google的WebKit、Opera內核Presto；*png24為的圖片在iE6掃瞄器上消失背景，解決方案是做成PNG8.*掃瞄器默認的margin和padding不同。解決方案是加一個全局的*{margin:0;padding:0;}來統(tǒng)一。*IE6雙邊距bug:塊屬性標簽float后，又有橫行的margin狀況下，在ie6顯示margin比設置的大。解決方案是在float的標簽樣式掌握中參加display:inline;將其轉化為行內屬性。*浮動ie產生的雙倍距離#box{float:left;width:10px;margin:000100px;//這種狀況之下IE會產生20px的距離，這時需要設置display:inline;//使浮動忽視}*漸進識別的方式，從總體中漸漸排解局部。*首先，奇妙的使用“\9”這一標記，將IE巡游器從全部狀況中分別出來。接著，再次使用“+”將IE8和IE7、IE6分別開來，這樣IE8已經獨立識別。```css.bb{background-color:#f1ee18;/*全部識別*/.background-color:#00deff\9;/*IE6、7、8識別*/+background-color:#a200ff;/*IE6、7識別*/_background-color:#1e0bd1;/*IE6識別*/}```*IE下,可以使用獵取常規(guī)屬性的方法來獵取自定義屬性,也可以使用getAttribute()獵取自定義屬性;Firefox下,只能使用getAttribute()獵取自定義屬性.解決方法:統(tǒng)一通過getAttribute()獵取自定義屬性.*IE下,even對象有x,y屬性,但是沒有pageX,pageY屬性;Firefox下,event對象有pageX,pageY屬性,但是沒有x,y屬性.*（條件解釋）缺點是在IE掃瞄器下可能會增加額外的>web前端面試題及答案(4)

1Doctype作用？嚴格模式與混雜模式如何區(qū)分？它們有何意義?

HTML5為什么只需要寫？

行內元素有哪些？塊級元素有哪些？空(void)元素有那些？

頁面導入樣式時，使用link和@import有什么區(qū)分？

介紹一下你對掃瞄器內核的理解？

常見的掃瞄器內核有哪些？

html5有哪些新特性、移除了那些元素？如何處理HTML5新標簽的掃瞄器兼容問題？如何區(qū)分HTML和HTML5？

簡述一下你對HTML語義化的理解？

HTML5的離線儲存怎么使用，工作原理能不能解釋一下？

掃瞄器是怎么對HTML5的離線儲存資源進展治理和加載的呢？

請描述一下cookies，sessionStorage和localStorage的區(qū)分？

iframe有那些缺點？

Label的作用是什么？是怎么用的？（加for或包裹）

HTML5的form如何關閉自動完勝利能？

如何實現(xiàn)掃瞄器內多個標簽頁之間的通信?(阿里)

webSocket如何兼容低掃瞄器？(阿里)

頁面可見性（PageVisibility）API可以有哪些用途？

如何在頁面上實現(xiàn)一個圓形的可點擊區(qū)域？

實現(xiàn)不使用border畫出1px高的線，在不同掃瞄器的Quirksmode和CSSCompat模式下都能保持同一效果。

網頁驗證碼是干嘛的，是為了解決什么安全問題？

tite與h1的區(qū)分、b與strong的區(qū)分、i與em的區(qū)分？

介紹一下標準的CSS的盒子模型？與低版本IE的盒子模型有什么不同的？

CSS選擇符有哪些？哪些屬性可以繼承？

CSS優(yōu)先級算法如何計算？

CSS3新增偽類有那些？

如何居中div？如何居中一個浮動元素？如何讓肯定定位的div居中？

display有哪些值？說明他們的作用。

position的值relative和absolute定位原點是？

CSS3有哪些新特性？

請解釋一下CSS3的Flexbox（彈性盒布局模型）,以及適用場景？

用純CSS創(chuàng)立一個三角形的原理是什么？

一個滿屏品字布局如何設計?

常見兼容性問題？

li與li之間有看不見的空白間隔是什么緣由引起的？有什么解決方法？

常常遇到的掃瞄器的兼容性有哪些？緣由，解決方法是什么，常用hack的技巧？

為什么要初始化CSS樣式。

absolute的containingblock計算方式跟正常流有什么不同？

CSS里的visibility屬性有個collapse屬性值是干嘛用的？在不同掃瞄器下以后什么區(qū)分？

position跟display、margincollapse、overflow、float這些特性相互疊加后會怎么樣？

對BFC標準(塊級格式化上下文：blockformattingcontext)的理解？

CSS權重優(yōu)先級是如何計算的？

請解釋一下為什么會消失浮動和什么時候需要去除浮動？去除浮動的方式

移動端的布局用過媒體查詢嗎？

使用CSS預處理器嗎？喜愛那個？

CSS優(yōu)化、提高性能的方法有哪些？

掃瞄器是怎樣解析CSS選擇器的？

在網頁中的應當使用奇數(shù)還是偶數(shù)的字體？為什么呢？

margin和padding分別適合什么場景使用？

抽離樣式模塊怎么寫，說出思路，有無實踐閱歷？[阿里航旅的面試題]

元素豎向的百分比設定是相對于容器的高度嗎？

全屏滾動的原理是什么？用到了CSS的那些屬性？

什么是響應式設計？響應式設計的根本原理是什么？如何兼容低版本的IE？

視差滾動效果，如何給每頁做不同的動畫？（回到頂部，向下滑動要再次消失，和只消失一次分別怎么做？）

::before和:after中雙冒號和單冒號有什么區(qū)分？解釋一下這2個偽元素的作用。

如何修改chrome記住密碼后自動填充表單的黃色背景？

你對line-height是如何理解的？

設置元素浮動后，該元素的display值是多少？（自動變成display:block）

怎么讓Chrome支持小于12px的文字？

讓頁面里的字體變清楚，變細用CSS怎么做？（-webkit-font-smoothing:antialiased;）

font-style屬性可以讓它賦值為“oblique”oblique是什么意思？

position:fixed;在android下無效怎么處理？

假如需要手動寫動畫，你認為最小時間間隔是多久，為什么？（阿里）

display:inline-block什么時候會顯示間隙？(攜程)

overflow:scroll時不能平滑滾動的問題怎么處理？

有一個高度自適應的div，里面有兩個div，一個高度100px，盼望另一個填滿剩下的高度。

png、jpg、gif這些圖片格式解釋一下，分別什么時候用。有沒有了解過webp？

什么是Cookie隔離？（或者說：懇求資源的時候不要讓它帶cookie怎么做）

style標簽寫在body后與body前有什么區(qū)分？

介紹JavaScript的根本數(shù)據類型。

說說寫JavaScript的根本標準？

JavaScript原型，原型鏈?有什么特點？

JavaScript有幾種類型的值？（堆：原始數(shù)據類型和棧：引用數(shù)據類型），你能畫一下他們的內存圖嗎？

Javascript如何實現(xiàn)繼承？

Javascript創(chuàng)立對象的幾種方式？

Javascript作用鏈域?

談談This對象的理解。

eval是做什么的？

什么是window對象?什么是document對象?

null，undefined的區(qū)分？

寫一個通用的大事偵聽器函數(shù)(機試題)。

[“1“,“2“,“3“].map(parseInt)答案是多少？

關于大事，IE與火狐的大事機制有什么區(qū)分？如何阻擋冒泡？

什么是閉包（closure），為什么要用它？

javascript代碼中的“usestrict“;是什么意思?使用它區(qū)分是什么？

如何推斷一個對象是否屬于某個類？

new操作符詳細干了什么呢?

用原生JavaScript的實現(xiàn)過什么功能嗎？

Javascript中，有一個函數(shù)，執(zhí)行時對象查找時，永久不會去查找原型，這個函數(shù)是？

對JSON的了解？

[].forEach.call($$(“*“),function(a){a.style.outline=“1pxsolid#“+(~~(Math.random()*(1web前端面試題及答案(5)

web前端面試題

1.js的中的“=“,“==“,“===“的區(qū)分

-“=“：賦值

-“==“:相等運算符，推斷是否相等

-“===