前端面試題測試題

1、前端面試題您的姓名： 填空題 *_手機號碼： 填空題 *_畢業(yè)學校： 填空題 *_性別： 填空題 *_1. 在 css 選擇器當中，優(yōu)先級排序正確的是（） 單選題 *id選擇器標簽選擇器類選擇器標簽選擇器類選擇器id選擇器類選擇器標簽選擇器id選擇器id選擇器類選擇器標簽選擇器(正確答案)2. 下列定義的 css 中，哪個權重是最低的？（ ） 單選題 *#game .name#game .name span#game div(正確答案)#game 3. 放在HTML里的哪一部分JavaScripts會在頁面加載的時候被執(zhí)行？ 單選題 *文件頭部位置文件尾標簽部分標簽部分(正確答

2、案)4. CSS 樣式，下面哪一個元素能夠達到最大寬度，且前后各有一個換行？（ ） 單選題 *Block Element(正確答案)Square ElementSide ElementBox Element5. 新窗口打開網頁，用到以下哪個值（ ） 單選題 *_self_blank(正確答案)_top_parent6. 以下全部屬于塊級標簽的是？ 單選題 *(正確答案)7. 元素的alt和title有什么異同，選出正確的說法？（ ） 單選題 *不同的瀏覽器，表現一樣alt和title同時設置的時候，alt作為圖片的替代文字出現，title是圖片的解釋文字(正確答案)alt和title同時設置的

3、時候，title作為圖片的替代文字出現，alt是圖片的解釋文字以上說法都不正確8. 下列說法錯誤的是( ) 單選題 *設置display:none后的元素只會導致瀏覽器的重排而不會重繪(正確答案)設置visibility:hidde后的元素只會導致瀏覽器重繪而不會重排設置元素opacity:0之后，也可以觸發(fā)點擊事件visibility:hidden的元素無法觸發(fā)其點擊事件9. 關于position定位，下列說法錯誤的是（ ） 單選題 *fixed元素，可定位于相對于瀏覽器窗口的指定坐標，它始終是以 body 為依據relative元素以它原來的位置為基準偏移，在其移動后，原來的位置不再占據空

4、間(正確答案)absolute 的元素，如果它的 父容器設置了 position 屬性，并且 position 的屬性值為 absolute 或者 relative，那么就會依據父容器進行偏移fixed 屬性的元素在標準流中不占位置10. 浮動會導致頁面的非正常顯示，以下幾種清除浮動的方法，哪個是不推薦使用的？（ ） 單選題 *在浮動元素末尾添加一個空的標簽例如 通過設置父元素overflow值為hidden；父元素也設置浮動(正確答案)給父元素添加clearfix類11. 要將下面代碼中超鏈接文本呈現為紅色，不可以使用的樣式表是（ ） 單選題 *a:linkcolor:reddiv a:li

5、nkcolor:reddiva:linkcolor:reddiv:first-childcolor:red(正確答案)12. css中clear的作用是什么？（ ） 單選題 *清除該元素所有樣式清除該元素父元素的所有樣式指明該元素周圍不可出現浮動元素(正確答案)指明該元素的父元素周圍不可出現浮動元素13. JavaScript中window對象的子對象不包含以下哪個對象？（ ） 單選題 *documentselfhistorymessage(正確答案)14. 下邊這代碼輸出的結果是：( )function showCase(value) switch(value) case A: consol

6、e.log(Case A); break; case B: console.log(Case B); break; case undefined: console.log(undefined); break; default: console.log(Do not know!); showCase(new String(A);單選題 *Case ACase BundefinedDo not know!(正確答案)15. 以下代碼的執(zhí)行結果是什么（ ）var string = string; var number = 0; var bool = true; console.log(number

7、| string); console.log(number & string); console.log(bool | number);console.log(bool & number); 單選題 *string, 0, true,0(正確答案)string, true,0, 0string, string,true, 0string, 0, true,true16. var arr = ;typeof arr 的結果是（ ） 單選題 *arrayfunctionobject(正確答案)undefined17. 下列代碼hasOwnProperty的作用是？（ ）var obj=.obj.h

8、asOwnProperty(val) 單選題 *判斷obj對象是否具有val屬性(正確答案)判斷obj對象是否具有val的值判斷obj的原型對象是否具有val的屬性判斷obj的原型對象是否具有val的值18. 關于 this 的工作原理，下面 4 種情況的描述哪一個是錯誤的？（ ） 單選題 *在全局范圍內，this指向全局對象（瀏覽器下指window）對象函數調用時，this指向當前對象全局函數調用時，this指向全局函數(正確答案)使用new實例化對象時，this指向新創(chuàng)建的對象19. JavaScript定義var a=40,var b=7,則執(zhí)行a%b會得到( ) 單選題 *nullun

9、defined5(正確答案)520. 下面有關瀏覽器中使用js跨域獲取數據的描述，說法錯誤的是（ ） 單選題 *使用來進行跨域域名、端口相同，協議不同，屬于相同的域(正確答案)js可以使用jsonp進行跨域通過修改document.domain來跨子域21. input元素的type屬性的取值可以是( ) *image(正確答案)checkbox(正確答案)button(正確答案)select22. css中哪些屬性可以繼承（ ） *font-size(正確答案)color(正確答案)font-family(正確答案)border23. 下列哪些會返回false（ ） *

10、null(正確答案)undefined(正確答案)0(正確答案)024. 下列關于閉包描述正確的是？（ ） *(function()()理論上是一個閉包(正確答案)閉包不耗內存，可以隨意使用閉包內變量執(zhí)行后不會被清除(正確答案)閉包不滿足鏈式作用域結構25. 在ECMAScript6 中,promise的狀態(tài)有（ ） *Pending(正確答案)PauseResolved(正確答案)Rejected(正確答案)26. 下列說法正確的有：（ ） *visibility:hidden;所占據的空間位置仍然存在，僅為視覺上的完全透明；(正確答案)display:none;不為被隱藏的對象保留其物理空間；(正確答案)visibility:hidden;與display:none;兩者沒有本質上的區(qū)別；visibility:hidden;產生reflow和repaint（回流與重繪）；27. 下列哪些是瀏覽器支持的錨偽類：（ ） *a:link(正確答案)a:disableda:hover(正確答案)a:active(正確答案)28. 關于CSS選擇器，以下說法正確的是：（ ） *每條選擇器最多只能出現一個偽元素(正確答案)每條選擇器最多只能出現一個偽類:nth-child(an+b)中n的取值從0開始(正確答案)A+B匹配A之