1、Web前端開發(fā)職業(yè)技能等級考試-初級模擬題一汾陽職業(yè)2019年下半年 Web前端開發(fā)初級 理論考試（考試時間9:00-11:00 共120分鐘）1. 本試卷共3道大題，滿分100分。2. 請在指定位置作答。一、單選題（每小題2分，共30小題，共60分）1. 以下關(guān)于網(wǎng)頁結(jié)構(gòu)說法錯誤的是（）。 單選題 *A、HTML文件是結(jié)構(gòu)層B、CSS文件是表示層C、JS文件是行為層D、CSS文件是行為層(正確答案)2. 給以下代碼中id名為con的元素設(shè)置樣式正確的是()。祝您好運！ 單選題 *A、.box.mainfont:16px;B、.box .mainfont:16px 微軟雅黑(正確答案)C、#c

2、onfont-family:16pxD、.confont:16px/32px 微軟雅黑3. 關(guān)于邊距的設(shè)置說法正確的是()。 單選題 *A、margin:0 是設(shè)置內(nèi)邊距上下左右都為0；B、margin:20px 50px;是設(shè)置外邊距左右為20px,上下為50px;C、margin:10px 20px 30px;是設(shè)置內(nèi)邊距上為10px，下為20px; 左為30px;D、margin:10px 20px 30px 40px;是設(shè)置外邊距上為10px，右為20px，下為30px,左為40px(正確答案)4. 關(guān)于盒模型說法不正確的是()？ 單選題 *A、盒模型由margin,border,pa

3、dding,content四部分組成；B、標(biāo)準(zhǔn)盒模型是box-sizing:border-box；(正確答案)C、IE盒模型是box-sizing:border-box;D、標(biāo)準(zhǔn)盒模型是box-sizing:content-box；5. 以下關(guān)于HTML描述不正確的是()。 單選題 *A、HTML是描述網(wǎng)頁的語言B、HTML是一種編程語言(正確答案)C、HTML是由標(biāo)記標(biāo)簽組成的D、HTML是超文本標(biāo)記語言6. 下列選項關(guān)于標(biāo)簽?zāi)J樣式說法正確的是()。 單選題 *A、標(biāo)題標(biāo)簽只是默認加粗B、段落標(biāo)簽?zāi)J帶有外邊距和內(nèi)邊距C、無序列表默認帶有外邊距和內(nèi)邊距(正確答案)D、input無默認樣式7

4、. 在HTML中，CSS樣式中文本屬性的說法錯誤的是()。 單選題 *A、font-weight用于設(shè)置字體的粗細B、font-family用于設(shè)置文本的字體類型C、color用于設(shè)置文本的顏色D、text-align用于設(shè)置文本的字體形狀(正確答案)8. 在HTML中,通常要通過定位，Css屬性中()可以設(shè)置垂直疊放次序。 單選題 *A、list-styleB、paddingC、z-index(正確答案)D、Float9. 關(guān)于html5說法錯誤的是()。 單選題 *A、HTML5新增了音頻和視頻標(biāo)簽B、HTML5只是對HTML4的一個簡單升級C、所有主流瀏覽器都支持HTML5(正確答案)D

5、、HTML5新增了離線緩存機制10. 以下不是HTML5新特性的是()。 單選題 *A、新的font-face字體設(shè)置(正確答案)B、新的離線存儲C、新的音頻、視頻APID、新的內(nèi)容標(biāo)簽11. 以下屬于目標(biāo)選擇器的是()。 單選題 *A、.:emptyB、:target(正確答案)C、:nth-of-type()D、only-child12. 實現(xiàn)背景圖片不跟隨鼠標(biāo)滾動而滾動的屬性是()？ 單選題 *A、background-attachment:fixed;(正確答案)B、background-attachment:scroll;C、background-origin: initial;D、

6、background-clip: initial;13. alt和title屬性的特點表述正確的是()。 單選題 *A、不同的瀏覽器，表現(xiàn)一樣B、alt和title同時設(shè)置的時候，alt作為圖片的替代文字出現(xiàn)，title是圖片的解釋文字(正確答案)C、alt和title同時設(shè)置的時候，title作為圖片的替代文字出現(xiàn)，alt是圖片的解釋文字D、以上說法都不正確14. 給div盒子設(shè)置鼠標(biāo)經(jīng)過變圓角的屬性是()。 單選題 *A、box-sizingB、box-shadowC、border-radius(正確答案)D、border15. 在彈性盒子中，以下不屬于justify-content的值是

7、()。 單選題 *A、flex-startB、centerC、space-betweenD、end(正確答案)16. 從下列選中中選出不同的一個()。 單選題 *A、B、C、D、(正確答案)17. (“5.3” + 2.3 ) 的計算結(jié)果是()。 單選題 *A、7.6B、5.32.3(正確答案)C、5.32D、7.318. JavaScript函數(shù)說法正確的是() 單選題 *A、不可以傳參B、可以接受參數(shù)(正確答案)C、沒有返回類型D、沒有return關(guān)鍵字19. JavaScript是運行在()的腳本語言。 單選題 *A、服務(wù)器端B、在服務(wù)器運行后，把結(jié)果返回到客戶端C、在客戶端運行后，把結(jié)

8、果返回到服務(wù)端D、客戶端(正確答案)20. 下列哪個方法是對數(shù)組元素進行排序的()。 單選題 *A、add( )B、join( )C、sort( )D、length( )(正確答案)21. 分析下面的JavaScript代碼段，輸出結(jié)果是()var str=I am a teacher;a=str.charAt(9);document.write(a); 單選題 *A、I am a teB、a(正確答案)C、acherD、e22. 分析下面的JavaScript代碼段，輸出的結(jié)果是()。emp=new Array(4);emp1=1;emp2=2;document.write(emp.leng

9、th); 單選題 *A、2B、3C、4(正確答案)D、523. 以下不屬于javascript中提供的常用數(shù)據(jù)類型的是()。 單選題 *A、UndefinedB、NullC、Connection(正確答案)D、Number24. 在JavaScript中，把字符串“789”轉(zhuǎn)換為整型值789的正確方法是() 單選題 *A、var str=789; var num=(int)str;B、var str=789;var num=str.parseInt(str);C、var str=789;var num=parseInt(str);(正確答案)D、var str=789;var num=Inte

10、ger.parseInt(str);25. 下面代碼正確的結(jié)果是()。var a = 0;if (0) console.log(a = true); else console.log(2); 單選題 *A、trueB、false(正確答案)C、 2D、報錯26. 請問下面代碼輸出的是()。var trees = aa,bb,cc,dd,apple;delete trees3;console.log(trees.length); 單選題 *A、5(正確答案)B、4C、3D、以上都不對27. 以下代碼輸出的結(jié)果是：()。var length = 20;function fn() console.l

11、og(this.length);var obj = length: 10,method: function(fn) fn();arguments0();obj.method(fn, 1,aa); 單選題 *A、20,10B、10,3C、20,3(正確答案)D、以上都不正確28. 在jQuery中，移除節(jié)點類名為box下的div元素的方法是 ()。 單選題 *A、$(.box div).remove();(正確答案)B、$(.box div).empty();C、$(div).innerhtml();D、$(div).innerHTML = ;29. 用jQuery，將服務(wù)端返回的JSON格式的

12、字符串轉(zhuǎn)為js對象，語法正確的是()？ 單選題 *A、$.parseJSON(data)(正確答案)B、$.ParseJson(data)C、 #.parseJSON(data)D、 #.ParseJson(data)30. 下列選項關(guān)于jQuery中的淡入淡出動畫效果描述錯誤的是()。 單選題 *A、fadeOut()方法是通過不透明度的變化來實現(xiàn)所匹配元素的淡出效果B、fadeOut()、fadeIn()、fadeToggle()的表示動畫時長的參數(shù)只能為毫秒數(shù)(正確答案)C、fadeToggle()通過不透明度的變化來開關(guān)所有匹配元素的淡入和淡出效果D、fadeOut()、fadeIn(

13、)可常用于制作淡入淡出的幻燈片效果二、多選題（每小題2分，共15小題，共30分）31. 下列關(guān)于隱藏元素說法正確的是()。 *A、display: none；不為被隱藏的對象保留其物理空間(正確答案)B、visibility:hidden;所占據(jù)的空間位置仍然存在,僅為視覺上的完全透明(正確答案)C、visibility:hidden;產(chǎn)生reflow和repaint(回流與重繪)D、visibility:hidden;與display: none;兩者沒有本質(zhì)上的區(qū)別32. 關(guān)于不同內(nèi)核的瀏覽器，對CSS的解釋正確的有()。 *A、FireFox的div的內(nèi)嵌div可以把父級的高度撐大，而I

14、E6.0不可以，要自己設(shè)置高度B、當(dāng)設(shè)置為三列布局時，F(xiàn)ireFox0的float寬度不能達到100，而IE6.可以。當(dāng)設(shè)置為兩列布局時，兩種瀏覽器都可以C、火狐瀏覽器中，非float的div前面有同一父級的float的div，此div若有背景圖，要使用clear：both，才能顯示背景圖，而IE6.0中不用使用clear：both(正確答案)D、在text-decoration:underline的屬性下，IE6.0顯示的下劃線會比FireFox低一點。在FireFox中，部分筆畫會在下劃線的下面1個象素左右(正確答案)33. 以下推薦使用清除浮動的方式有哪幾種()。 *A、在浮動元素末尾添加一個空的標(biāo)簽例如 (正確答案)B、通過設(shè)置父元素overflow值為hidden(正確答案)C、父元素也設(shè)置浮動D、給父元素添加clearfix類(正確答案)34. 下述有關(guān)border:none以及border:0的區(qū)別，描述錯誤的是()。 *A、border:0表示邊框?qū)挾葹?B、當(dāng)定義了border:none，即隱藏了邊框的顯示，實際就是邊框?qū)挾葹?(正確答案)C、當(dāng)定義邊框時，僅設(shè)置邊框?qū)挾纫部梢赃_到顯示的效果(正確答案)D、border:none表示邊框樣式無35. 下列哪一個表達式返回為真()。 *A、!(3=4)&(5=2)