Web前端：20道非常基礎的JavaScript測試題

.我們可以在下列哪個 HTML 元素中放置 Javascript 代碼？（）

A.<script>

B.<javascript>

C.<js>

D.<scripting>

2.寫 "Hello World" 的正確 Javascript 語法是？（）

A.("Hello World")

B."Hello World"

C.response.write("Hello World")

D.document.write("Hello World")

3.插入 Javacript 的正確位置是？（）

A.<body>部分

B.<head>部分

C.<body>部分和<head>部分均可

4.引用名為 "xxx.js" 的外部腳本的正確語法是？（）

A.<script src="xxx.js">

B.<script href="xxx.js">

C.<script name="xxx.js">

5.如何在警告框中寫入 "Hello World"？（）

A.alertBox="Hello World"

B.msgBox("Hello World")

C.alert("Hello World")

D.alertBox("Hello World")

6.如何創建函數？（）

A.function:myFunction()

B.function myFunction()

C.function=myFunction()

7.如何調用名為 "myFunction" 的函數？（）

A.call function myFunction

B.call myFunction()

C.myFunction()

8.如何編寫當 i 等于 5 時執行一些語句的條件語句？（）

A.if (i==5)

B.if i=5 then

C.if i=5

D.if i==5 then

9.如何編寫當 i 不等于 5 時執行一些語句的條件語句？（）

A.if =! 5 then

B.if >< 5

C.if (i >< 5)

D.if (i != 5)

10.在 JavaScript 中，有多少種不同類型的循環？（）

A.兩種。for 循環和 while 循環。

B.四種。for 循環、while 循環、do...while 循環以及 loop...until 循環。

C.一種。for 循環。

11.for 循環如何開始？（）

A.for (i <= 5; i++)

B.for (i = 0; i <= 5; i++)

C.for (i = 0; i <= 5)

D.for i = 1 to 5

12.如何在 JavaScript 中添加注釋？（）

A.' This is a comment

B.

C.//This is a comment

13.可插入多行注釋的 JavaScript 語法是？（）

A./*This comment has more than one line*/

B.//This comment has more than one line//

C.

14.定義 JavaScript 數組的正確方法是？（）

A.var txt = new Array="George","John","Thomas"

B.var txt = new Array(1:"George",2:"John",3:"Thomas")

C.var txt = new Array("George","John","Thomas")

D.var txt = new Array:1=("George")2=("John")3=("Thomas")

15.如何把 7.25 四舍五入為最接近的整數？（）

A.round(7.25)

B.rnd(7.25)

C.Math.rnd(7.25)

D.Math.round(7.25)

16.如何求得 2 和 4 中最大的數？（）

A.Math.ceil(2,4)

B.Math.max(2,4)

C.ceil(2,4)

D.top(2,4)

17.打開名為 "window2" 的新窗口的 JavaScript 語法是？（）

A.open.new("http://www.w3cschool.cn","window2")

B.new.window("http://www.w3cschool.cn","window2")

C.new("http://www.w3cschool.cn","window2")

D.window.open("http://www.w3cschool.cn","window2")

18.如何在瀏覽器的狀態欄放入一條消息？（）

A.statusbar = "put your message here"

B.window.status = "put your message here"

C.window.status("put your message here")

D.status("put your message here")

19.如何獲得客戶端瀏覽器的名稱？（）

A.client.navName

B.navigator.appName

C.browser.name

20.外部腳本必須包含 <script> 標簽。（）

A.正確

B.錯誤

請把你的答案寫在留言區。^_^

.HTML 指的是？（）

A.超文本標記語言（Hyper Text Markup Language）

B.家庭工具標記語言（Home Tool Markup Language）

C.超鏈接和文本標記語言（Hyperlinks and Text Markup Language）

2.Web 標準的制定者是？（）

A.微軟（Microsoft）

B.萬維網聯盟（W3C）

C.網景公司（Netscape）

3.在下列的 HTML 中，哪個是最大的標題？（）

A.<h6>

B.<head>

C.<heading>

D.<h1>

4.在下列的 HTML 中，哪個可以插入折行？（）

A.<br>

B.<lb>

C.<break>

5.在下列的 HTML 中，哪個可以添加背景顏色？（）

A.<body color="yellow">

B.<background>yellow</background>

C.<body bgcolor="yellow">

6.請選擇產生粗體字的 HTML 標簽：（）

A.<bold>

B.<bb>

C.<b>

D.<bld>

7.請選擇產生斜體字的 HTML 標簽：（）

A.<i>

B.<italics>

C.<ii>

8.在下列的 HTML 中，哪個可以產生超鏈接？（）

A.<a url="http://www.w3cschool.cn">W3Cschool.cn</a>

B.<a >W3Cschool</a>

C.<a>http://www.w3cschool.cn</a>

D.<a name="http://www.w3cschool.cn">W3Cschool.cn</a>

9.如何制作電子郵件鏈接？（）

A.<a href="xxx@yyy">

B.<mail href="xxx@yyy">

C.<a href="mailto:xxx@yyy">

D.<mail>xxx@yyy</mail>

10.如何在新窗口打開鏈接？（）

A.<a href="url" new>

B.<a href="url" target="_blank">

C.<a href="url" target="new">

11.請選擇可以使單元格中的內容進行左對齊的正確 HTML 標簽：（）

A.<td align="left">

B.<td valign="left">

C.<td leftalign>

D.<tdleft>

13.如何產生帶有圓點列表符號的列表？（）

A.<dl>

B.<list>

C.<ol>

D.<ul>

14.在下列的 HTML 中，哪個可以產生復選框？（）

A.<input type="check">

B.<checkbox>

C.<input type="checkbox">

D.<check>

15.在下列的 HTML 中，哪個可以產生文本框？（）

A.<input type="textfield">

B.<textinput type="text">

C.<input type="text">

D.<textfield>

16.在下列的 HTML 中，哪個可以產生下拉列表？（）

A.<list>

B.<input type="list">

C.<input type="dropdown">

D.<select>

17.在下列的 HTML 中，哪個可以產生文本區（textarea）？（）

A.<textarea>

B.<input type="textarea">

C.<input type="textbox">

18.在下列的 HTML 中，哪個可以插入背景圖像？（）

A.<body background="background.gif">

B.<background img="background.gif">

C.<img src="background.gif" background>

19.以下選項中，哪個全部都是表格標簽？（）

A.<table><head><tfoot>

B.<table><tr><td>

C.<table><tr><tt>

D.<thead><body><tr>

20.在下列的 HTML 中，哪個可以插入圖像？（）

A.<img href="image.gif">

B.<image src="image.gif">

C.<img src="image.gif">

D.<img>image.gif</img>

請把你的答案寫在留言區。^_^

、Vue有下列哪幾種功能【多選題】(2分)ABCD

A、解耦視圖和數據 B、可復用的組件

C、數據綁定 D、功能插件化

2、Vue插值用下列那個符號(2分)C

A、《》 B、<>

C、{{}} D、（）

3、關于Vue安裝下列說法正確的是(2分)C

A、Vue是Javascript框架所以不需要安裝

B、只要引入jQuery就可以使用Vue

C、Vue要用script標簽引入

D、以上都不對

4、MVVM設計模式的優點包括【多選題】(2分)ABCD

A、低耦合 B、獨立開發

C、可重用性 D、可測試

5、創建一個Vue應用需要哪些步驟【多選題】(2分)ABD

A、定義View B、定義Model

C、定義Virtual DOM D、創建一個Vue實例或ViewModel

6、下列哪一項是Vue的核心(2分)B

A、View B、ViewModel

C、Model D、Controller

7、在Vue中，v-model的使用正確的是(2分)A

A、<input type="text" v-model="message"/>

B、<input type="text" v-model:"message" />

C、<input type="text" v-model@:"message" />

D、以上都不對

8、Model、View、ViewModel、Controller的中文解釋不正確的是(2分)A

A、ViewModel（控制器） B、Model（模型）

C、View (視圖) D、Controller（控制器）

9、Vue常用選項參數中必須的參數是(2分)B

A、data B、el

C、methods D、filters

10、在Vue中，下列說法錯誤的是(2分)A

A、Vue中選項參數el只能用css選擇器

B、在Vue示例內部訪問data中的數據，可以使用“this.數據”

C、v-model可以在select表單控件元素上創建雙向數據綁定

D、Vue實例可以作用在body元素上

11、下列Vue選項參數說法錯誤的是(2分)B

A、watch：觀察Vue實例變化的一個表達式或計算屬性函數

B、filters：Vue實例的計算屬性集合

C、template：定義字符串模板作為Vue實例的標識使用

D、components：包含Vue實例可用組件的哈希表

12、在Vue生命周期中，下列鉤子函數被執行的先后順序正確的是(2分)A

A、created()--->mounted()--->beforeDestroy()

B、mounted()--->created()--->beforeDestroy()

C、beforeDestroy()--->created()--->mounted()

D、created()--->beforeDestroy()--->mounted()

13、在Vue中，DOM 渲染在哪個周期中就已經完成(2分)C

A、created B、beforeCreate

C、mounted D、beforeMount

14、在Vue中，下列關于created和mounted說法正確的是【多選題】(2分)BCD

A、created中可以對dom節點進行操作

B、created先于mounted執行

C、created中可以初始化處理數據

D、mounted中可以對dom節點進行操作

15、Vue實例在銷毀前會調用的函數是(2分)C

A、created B、mounted

C、beforeDestroy D、destroyed

16、關于Vue全局過濾器和局部過濾器下列說法正確的是【多選題】(2分)ABC

A、全局過濾器作用域是全部Vue實例

B、局部過濾器作用域是實例內部

C、一個表達式可以使用多個過濾器

D、當全局過濾器和局部過濾器名稱相同時全局過濾器優先

17、下列關于Vue說法錯誤的是(2分)D

A、Vue和Angular都可以用來創建復雜的前端項目

B、Vue的優勢主要包括輕量級、雙向數據綁定

C、Vue 在進行實例化之前，應確保已經引入了核心文件 vue.js

D、Vue 與 React 語法是完全相同的

18、Vue 實例對象中能夠監聽狀態變化的參數是(2分)A

A、watch B、filters

C、watching D、components

19、以下文本插值方式能夠實現渲染一次數據，后續數據變化不再關心是(2分)B

A、<span>Text:{{ text }} </span>

B、<span v-once>Text:{{ text}}</span>

C、<span v-text= "text"></span>

D、以上都不行

20、關于Vue插值下列說法錯誤的是(2分)D

A、{{ 變量名 }}插入與綁定文本

B、{{表達式}}還可以使用JavaScript表達式進行簡單的運算

C、{{}}中不能同時寫多個字段數據

D、以上說法都不對

21、在Vue中，以下表達式正確的是(2分)C

A、{{ if(ok) return msg }}

B、{{ var str = “你好” }}

C、{{ ok? "Yes":"No" }}

D、{{ msg , num }}

22、關于Vue指令下列說法正確的是【多選題】(2分)ABCD

A、Vue 中實現雙向數據綁定的指令是v-model

B、Vue 事件綁定指令是v-on

C、Vue 實例對象指令主要包括自定義指令和內置指令

D、v-bind 單向綁定，無交互

23、在Vue中，被用來響應地更新HTML屬性的指令是(2分)C

A、v-on B、v-if

C、v-bind D、v-model

24、在 Vue 中，能夠實現頁面單擊事件綁定的代碼是(2分)B

A、v-on:enter B、v-on:click

C、v-on:mouseenter D、v-on:doubleclick

25、 Vue 生命周期的理解正確的是【多選題】(2分)ABC

A、Vue實例從創建到銷毀的過程

B、在beforeCreate 階段，vue實例的掛載元素el還沒有

C、當 data 變化時，會觸發 beforeUpdate 和 updated 方法

D、created階段，vue實例的掛載元素el已掛載

26、在Vue中，關于v-bind:class說法正確的是【多選題】(2分)BCD

A、不可以與普通的class屬性共存

B、類樣式名可以有多個

C、v-bind:class可以簡寫成 :class

D、v-bind:class可以使用三目表達式

27、Vue綁定內聯樣式指令正確的是(2分)B

A、v-bind:class B、v-bind:style

C、v-bind:href D、v-bind:title

28、Vue模板語法不包括(2分)D

A、文本插值 B、表達式

C、指令 D、函數

29、在Vue中，下列屬于條件渲染指令的是【多選題】(2分)ABC

A、v-if B、v-else

C、v-show D、v-on

30、在Vue中，關于v-if和v-else下列說法錯誤的是(2分)C

A、v-if可以控制元素的顯示或隱藏

B、v-else元素必須立即跟在v-if后面

C、當v-if條件為true時顯示v-else元素

D、v-if可以單獨使用，不一定需要v-else

31、在Vue中，關于v-show和v-if的說法錯誤的是(2分)D

A、兩者都可以控制元素的顯示和隱藏

B、v-if初始渲染時條件為假，則什么也不做。—直到條件第一次變為真時，才會開始渲染條件塊

C、v-show通過控制css中的display設置為none，控制元素隱藏

D、在頻繁的切換展示時，v-show相對于v-if要更消耗性能

32、在Vue中，v-show指令的特點正確的是【多選題】(2分)AC

A、v-show指令是通過修改元素的display CSS屬性讓其顯示或者隱藏

B、v-show指令是直接銷毀和重建DOM達到讓元素顯示和隱藏的效果

C、v-show指令是動態的把DOM進行隱藏或顯示的效果

D、以上都不對

33、在Vue中，關于v-on說法錯誤的是(2分)C

A、v-on:click可以簡寫為@click

B、v-on可以監聽組件的自定義事件

C、v-on:click可以直接監聽組件觸發的原生click事件

D、v-on可以一次監聽多個事件

34、下列關于 Vue 實例對象說法不正確的是(2分)D

A、Vue 實例對象是通過 new Vue({})方式創建的

B、Vue 實例對象只允許有唯一的一個根標簽

C、通過 methods 參數可以定義事件處理函數

D、Vue 實例對象中 data 數據不具有響應特性

35、在Vue中，下列關于事件修飾符解釋錯誤的是(2分)A

A、.once：點擊事件可以觸發多次。

B、.stop：等同于調用event.stopPropagation()。

C、.prevent：等同于調用event.preventDefault()。

D、.capture：使用capture模式添加事件監聽器。

36、在Vue中，關于生命周期的說法錯誤的是(2分)D

A、Vue從創建到掛載完畢，依次觸發的鉤子函數為：beforeCreate、created、beforeMount、mounted

B、當數據被更改時，依次觸發的鉤子函數為：beforeUpdate、updated

C、當調用vm.$destroy()時，依次觸發的鉤子函數為：beforeDestroy、destroyed

D、在beforeCreate函數內部，可以拿到data數據

37、在Vue中，<a v-on:click.stop="doThis"></a> 正確的是(2分)B

A、阻止表單默認提交事件 B、阻止單擊事件繼續傳播

C、阻止默認提交事件且阻止冒泡 D、點擊事件將只會觸發一次

38、Vue事件處理方法和表達式都嚴格綁定在(2分)A

A、ViewModel B、View

C、DOM D、Model

39、在使用Vue事件綁定時，當ViewModel被銷毀時(2分)C

A、所有事件處理器都會自動保存 B、部分的事件處理器會自動保存

C、所有事件處理器都會被自動刪除 D、以上說話都不對

40、在Vue中，以下哪個指令是用來監聽DOM事件的(2分)A

A、v-on B、v-for

C、v-model D、v-bind

41、在Vue中，以下不屬于Vue事件綁定的優點的是(2分)D

A、無需手動管理事件 B、所有事件處理器都會自動保存

C、解耦 D、不會導致維護困難

42、在Vue中，（）指令使用"item in items"形式的語法(2分)B

A、v-on B、v-for

C、v-once D、v-bind

43、在Vue中，下列有關v-for代碼使用正確的是(2分)B

A、v-for="item in item"

B、v-for="item in items"

C、v-for="items in item"

D、v-for="items in items"

44、在Vue中，v-for="(參數一，參數二，參數三) in items",參數一，參數二，參數三分別代表(2分)A

A、對象，屬性，索引 B、屬性，對象，索引

C、索引，屬性，對象 D、索引，對象，屬性

45、在Vue中，Vue的計算屬性寫在Vue實例的哪個選項中(2分)B

A、data B、computed

C、watch D、methods

46、在Vue中，當計算屬性依賴的數據發生改變時(2分)C

A、計算屬性不會重新執行，視圖也不會更新 B、計算屬性會重新執行，視圖不會更新

C、計算屬性會重新執行，視圖也會更新 D、以上說法都錯誤

47、在Vue中，計算屬性以什么方式寫在Vue的實例中(2分)A

A、函數 B、變量

C、實例 D、選項

48、在Vue中，每一個計算屬性都(2分)C

A、只包含一個getter()方法

B、只包含一個setter()方法

C、包含一個getter()方法和一個setter()方法

D、以上說法都錯誤

49、Vue中使用偵聽屬性主要是用來(2分)C

A、觀察Vue示例上的數據變動 B、響應Vue示例上的數據變動

C、觀察和響應Vue實例上的數據變動 D、以上說法都錯誤

50、在Vue中，以下有關偵聽屬性正確的是【多選題】(2分)AB

A、watch最初綁定的時候不會執行的，數據改變時才會執行偵聽

B、watch是一個對象，其中watch對象的屬性是需要偵聽的目標

C、watch對象的屬性值是一個函數，這個函數只有一個形參

D、watch最初綁定就會執行，每次數據改變就會執行偵聽

在線咨詢

上一篇：CSS3實現可展開收縮的彈性動畫菜單
下一篇：教你用讓背景圖片拉伸填充的css屬性

您的項目需求

*請認真填寫需求信息，我們會在24小時內與您取得聯系。

整合營銷服務商

Web前端：20道非常基礎的JavaScript測試題

您的項目需求