前端面試題測(cè)試題

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

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

3、時(shí)候，title作為圖片的替代文字出現(xiàn)，alt是圖片的解釋文字以上說(shuō)法都不正確8. 下列說(shuō)法錯(cuò)誤的是( ) 單選題 *設(shè)置display:none后的元素只會(huì)導(dǎo)致瀏覽器的重排而不會(huì)重繪(正確答案)設(shè)置visibility:hidde后的元素只會(huì)導(dǎo)致瀏覽器重繪而不會(huì)重排設(shè)置元素opacity:0之后，也可以觸發(fā)點(diǎn)擊事件visibility:hidden的元素?zé)o法觸發(fā)其點(diǎn)擊事件9. 關(guān)于position定位，下列說(shuō)法錯(cuò)誤的是（ ） 單選題 *fixed元素，可定位于相對(duì)于瀏覽器窗口的指定坐標(biāo)，它始終是以 body 為依據(jù)relative元素以它原來(lái)的位置為基準(zhǔn)偏移，在其移動(dòng)后，原來(lái)的位置不再占據(jù)空

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

5、nkcolor:reddiva:linkcolor:reddiv:first-childcolor:red(正確答案)12. css中clear的作用是什么？（ ） 單選題 *清除該元素所有樣式清除該元素父元素的所有樣式指明該元素周?chē)豢沙霈F(xiàn)浮動(dòng)元素(正確答案)指明該元素的父元素周?chē)豢沙霈F(xiàn)浮動(dòng)元素13. JavaScript中window對(duì)象的子對(duì)象不包含以下哪個(gè)對(duì)象？（ ） 單選題 *documentselfhistorymessage(正確答案)14. 下邊這代碼輸出的結(jié)果是：( )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í)行結(jié)果是什么（ ）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 的結(jié)果是（ ） 單選題 *arrayfunctionobject(正確答案)undefined17. 下列代碼hasOwnProperty的作用是？（ ）var obj=.obj.h

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

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

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