1+x 證書 Web 前端開發初級理論考試（試卷6 ）

原創 一纸荒凉 * Armani 2020-06-20 23:14

Web前端開發初級模擬測試卷（六）

獲取更多資料請加入
官方QQ羣1+x證書web前段開發考試

共55道題 總分：200分 形考總分：0分

一、單選題共30題，60分

1.閱讀下面的JavaScript代碼，輸出結果是（） B

function f(y) { var x=y*y; return x; } for(x=0;x< 5;x++) { y=f(x); document.write(y); }

  • A0 1 2 3 4

  • B0 1 4 9 16

  • C0 1 4 9 16 25

  • D以上答案都不對

2.在Javascript中，運行下面代碼的結果是 A

function foo(x){ var num=5; bar=function(y){ return (x+y+(++num)); } } console.log(foo(2)); console.log(bar(10)); console.log(bar(10));
  • Aundefined,18,19
  • B17,18,19
  • C5,18,19
  • Dundefined,18,18

3.在JavaScript中，執行下面的代碼後，num的值是() C

var str = "[email protected]"; var num = str.indexOf(".");
  • A-1
  • B0
  • C4
  • D13

4.以下哪條語句會產生運行錯誤（） A

  • Avar obj = ();
  • Bvar obj = {};
  • Cvar obj = [];
  • Dvar obj = //;

5.下面代碼輸出什麼() C

var a=0,b=0; for(;a<10,b<7;a++,b++){ g=a+b; } console.log(g);
  • A16
  • B10
  • C12
  • D6

6.請選擇結果爲真的表達式（） C

  • Anull instanceof Object
  • Bnull === undefined
  • Cnull == undefined
  • DNaN == NaN

7.在HTML5中，哪個屬性用於規定輸入字段是必填的？ B

  • Areadonly
  • Brequired
  • Cvalidate
  • Dplaceholder

8.HTML5的正確doctype是()？ C

  • - *A*<!DOCTYPE html>
- *B*<!DOCTYPE HTML5>
- *C*<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5.0//EN" "http://www.w3.org/TR/html5/strict.dtd">

9.下列表達式成立的是() D

  • - *A*parseInt(12.5)==parseFloat(12.5)
- *B*Number("123abc")==parseFloat("123abc")
- *C*isNaN("abc")==NaN
- *D*typeof NaN=="number"

10.以下不屬於background-clip的值的是（） D

  • Aborder-box
  • Bpadding-box
  • Ccontent-box
  • Dnone

11.設定一個元素按規定的動畫執行，你需要運用什麼規則？ B

  • Aanimation
  • Bkeyframes
  • Cflash
  • Dtransition

12.在HTML中，通過( )可以實現鼠標懸停在div上時，元素執行旋轉45度效果 A

  • - *A*div:hover{transform:rotate(45deg)}
- *B*div:hover{transform:translate(50px)}
- *C*div:hover{transform:scale(1.5)}
- *D*div:hover{transform:skew(45deg)};

13.下面代碼輸出正確的是() parseInt(3, 8) parseInt(3, 2) parseInt(3, 0) D

  • A3, 3, 3
  • B3, 3, NaN
  • C3, NaN, NaN
  • Dother

14.在jQuery中，下列關於事件的說法錯誤的是（ ） A

  • AjQuery中用onclick綁定點擊事件
  • BjQuery中用on來給未來元素綁定事件
  • CjQuery中用hover來綁定鼠標經過事件
  • DjQuery中存在冒泡事件，故需要阻止冒泡

15.讓一個動畫一直執行的屬性是（） B

  • Aanimation-direction
  • Banimation-iteration-count
  • Canimation-play-state
  • Danimation-delay

16.關於flex說法正確的是（） A

  • Aflex 屬性用於指定彈性子元素如何分配空間
  • Bflex:1應該寫在彈性元素上
  • C設置flex:1無意義
  • Dflex是指設置固定定位

17.關於樣式的優先級說法正確的是（） C

  • A內聯樣式>!important>內部樣式>外部樣式>!important
  • B!important>內聯樣式>內部樣式>外部樣式
  • C以上都不正確

18.下面關於文件路徑的說法錯誤的是（ ） B

  • A“…/”是返回當前目錄的上一級目錄
  • B“…/”是返回當前目錄的下一級目錄
  • C訪問下一級目錄直接輸入相應的目錄名即可
  • D文件路徑指文件存儲的位置

19.以下說法不正確的是（） A

  • AHTML5 標準還在制定中
  • BHTML5兼容以前HTML4下瀏覽器
  • C標籤替代Flash
  • D簡化的語法

20.在HTML中，下列有關郵箱的鏈接書寫正確的是（） D

21.設置盒子圓角的屬性是（） C

  • Abox-sizing
  • Bbox-shadow
  • Cborder-radius
  • Dborder

22.在HTML中，( )用來表示特殊字符引號 D

  • A®
  • B©
  • C"進
  • D “”

23.關於box-shadow說法正確的是（） B

  • A設置文字投影
  • B第一個值是設置水平距離的
  • C第二個值是設置水平距離的
  • D第三個值是設置投影顏色的

24.將div類名以’c’開頭元素添加文字爲紅色，書寫正確的是（） A

  • Adiv[class^=c]{color:red}
  • Bdiv[class$=c]{color:red}
  • Cdiv[class=c]{color:red}
  • Ddiv[class*=c]{color:red}

25.在jQuery中，能夠操作HTML代碼及其文本的方法是（ ） C

  • Aattr()
  • Btext()
  • Chtml()
  • Dval()

26.每段文字都需要首行縮進兩個字的的距離，該設置什麼屬性（） C

  • Atext-transform
  • Btext-align
  • Ctext-indent
  • Dtext-decoration

27.以下關於jQuery 節點的說法中錯誤是 C

  • AjQuery中用$(".box").insertBefore(ele1,ele2)給指定ele2前添加ele1元素
  • BjQuery中用$(".box").append(ele)給box類後添加ele元素
  • CjQuery中用$(".box").appendTo(ele)給box類後添加ele元素
  • DjQuery中用$(".box").insertAfter(ele1,ele2)給ele2後添加ele1元素

28.在以下選項中，關於JavaScript的Date對象描述正確的是 C

  • AgetDay( )方法能返回Date對象的一個月中的一天，其值爲1~31
  • BgetDate( )方法能返回Date對象的一週中的一天，其值爲0~6
  • CgetTime( )方法能返回某一時刻(1970年1月1日)依賴的毫秒數
  • DgetYear( )方法只能返回4位年份，長用於獲取Date對象的年份

29.在HTML中，下面（）不屬於HTML文檔的基本組成部分 。 A

  • - *A*<STYLE></STYTLE>
- *B*<BODY></BODY>
- *C*<HTML></HTML>
- *D*<HEAD></HEAD>

30.下列選項中定義標題最合理的是 C

  • - *A*<span class="header">文章標題</span>
- *B*<p><b>文章標題</b></p>
- *C*<h2>標題</h2>
- *D*<div>文章標題</div>

二、多選題共15題，30分

1.請選出正確的選項() ABCD

  • A屬性要在開始標籤中指定，用來表示該標籤的性質和特性
  • B通常都是以“屬性名=“值””的形式來表示
  • C一個標籤可以指定多個屬性
  • D指定多個屬性時不用區分順序。

2.下面哪些是HTML5 新增的表單元素？ AC

  • Adatalist
  • Boptgroup
  • Coutput
  • Dlegend

3.嵌入在HTML文檔中的圖像格式可以是()？ ACD

  • A *.gif
  • B *.tif
  • C *.bmp
  • D *.jpg

4.關於語義化說法不正確的是（） ABC

  • A語義化的HTML有利於機器的閱讀
  • BTable 屬於過時的標籤，遇到數據列表時，需儘量使用 div 來模擬表格
  • C語義化是HTML5帶來的新概念，此前版本的HTML無法做到語義化
  • DHeader、article、address都屬於語義化明確的標籤

5.下面哪些是javascript中document的方法？ ACDE

  • AgetElementById
  • BgetElementsById
  • CgetElementsByTagName
  • DgetElementsByName
  • EgetElementsByClassName

6.background-origin的值有哪些（） BCD

  • Anone
  • Bborder-box
  • Ccontent-box
  • Dpadding-box

7.以下標籤書寫正確的是()？ BCD

  • - *A*<p/>
- *B*<br/>
- *C*<hr/>
- *D*<img/>

8.下列關於獲取頁面元素說法正確正確的是( ) AC

  • Adocument.getElementById(‘a’)是通過id值爲a獲取頁面中的一個元素
  • Bdocument.getElementsByName(“na”)是通過name屬性值爲na獲取頁面中的一個元素
  • Cdocument.getElementsByTagName(“div”)是通過標籤名獲取去所有div;
  • D以上說法都不正確;

9.關於javascript事件說法不正確的是（） BCD

  • A事件由事件函數 事件源 事件對象組成
  • B當前事件作用在哪個標籤上,哪個標籤就是事件源
  • Conclick 就是一個事件對象
  • D圖片切換使用javascript的change事件

10.下列選項中屬於jQuery屬性選擇器的是（ ） AC

  • - *A*$("img[src$='.gif ']")
- *B*$("img")
- *C*$("[class][title]")
- *D*$("div>span")

11.文字溢出顯示省略號應該擁有那些屬性（） ABCD

  • Aoverflow: hidden;
  • Bwhite-space: nowrap;
  • Ctext-overflow: ellipsis;
  • Dwidth:500px

12.在JavaScript語法中，下列說法正確的是 AB

  • AparseInt(43.12)返回值爲43
  • BparseInt(‘abc43.12’)返回值爲NaN
  • CparseFloat(‘43.13abc’)==parseInt(43.12) 返回true
  • DisNaN(parseFloat(‘45.13abc’))返回true

13.網頁的元素中包含以下HTML代碼：

 <div id="box"> <h2 id='top1' name='header1'>標題1</h2> <h2 id='top2' name='header2'>標題2</h2> </div>

下列能彈出"標題1"的jQuery代碼是（ ）。 AB

  • Aalert($(’#top1’).text());
  • Balert($(’[name=header1]’).text());
  • Calert($(’[name=‘header1’]’).text());
  • Dalert($(’#header1’).text());

14.關於media說法正確的是（） ABC

  • A@media 查詢，你可以針對不同的媒體類型定義不同的樣式
  • B@media 可以設計響應式頁面
  • C當你重置瀏覽器大小的過程中，頁面也會根據瀏覽器的寬度和高度重新渲染頁面。
  • D可以用media屬性在link中使用

15.以下（）是塊級元素 AD

  • Adiv
  • Bimg
  • Cinput
  • Dp

三、判斷題共5題，10分

1.在jquery中addClass()可以增加多個樣式，各個樣式間用：隔開 錯

  • A對
  • B錯

2.CSS Sprites整理起來更爲方便，同一個按鈕不同狀態的圖片也需要一個個切割出來並個別命名 錯

  • A對
  • B錯

3.padding:10px;只設置上邊填充爲10像素，其它三邊爲零像素 錯

  • A對
  • B錯

4.slideUp()方法通過高度變化（向上減小）來動態地隱藏所有匹配的元素 對

  • A對
  • B錯

5.H5就是HTML5的簡稱 錯

  • A對
  • B錯
發表評論
所有評論
還沒有人評論，想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章

2019年Web前端開發職業技能等級考試試題~中級理論考試真題（四）

一纸荒凉 * Armani 2020-06-21 01:12:02

2019年Web前端開發職業技能等級考試試題~初級理論考試真題（一）

一纸荒凉 * Armani 2020-06-20 23:14:23

2019年Web前端開發職業技能等級考試試題~中級理論考試真題（四）

一纸荒凉 * Armani 2020-06-21 01:12:02

2019年Web前端開發職業技能等級考試試題~初級理論考試真題（一）

一纸荒凉 * Armani 2020-06-20 23:14:23