Web前端：20道非常基礎(chǔ)的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.如何創(chuàng)建函數(shù)？（）

A.function:myFunction()

B.function myFunction()

C.function=myFunction()

7.如何調(diào)用名為 "myFunction" 的函數(shù)？（）

A.call function myFunction

B.call myFunction()

C.myFunction()

8.如何編寫當(dāng) i 等于 5 時執(zhí)行一些語句的條件語句？（）

A.if (i==5)

B.if i=5 then

C.if i=5

D.if i==5 then

9.如何編寫當(dāng) i 不等于 5 時執(zhí)行一些語句的條件語句？（）

A.if =! 5 then

B.if >< 5

C.if (i >< 5)

D.if (i != 5)

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

A.兩種。for 循環(huán)和 while 循環(huán)。

B.四種。for 循環(huán)、while 循環(huán)、do...while 循環(huán)以及 loop...until 循環(huán)。

C.一種。for 循環(huán)。

11.for 循環(huán)如何開始？（）

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 數(shù)組的正確方法是？（）

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 四舍五入為最接近的整數(shù)？（）

A.round(7.25)

B.rnd(7.25)

C.Math.rnd(7.25)

D.Math.round(7.25)

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

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.如何在瀏覽器的狀態(tài)欄放入一條消息？（）

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> 標(biāo)簽。（）

A.正確

B.錯誤

請把你的答案寫在留言區(qū)。^_^

.HTML 指的是？（）

A.超文本標(biāo)記語言（Hyper Text Markup Language）

B.家庭工具標(biāo)記語言（Home Tool Markup Language）

C.超鏈接和文本標(biāo)記語言（Hyperlinks and Text Markup Language）

2.Web 標(biāo)準(zhǔn)的制定者是？（）

A.微軟（Microsoft）

B.萬維網(wǎng)聯(lián)盟（W3C）

C.網(wǎng)景公司（Netscape）

3.在下列的 HTML 中，哪個是最大的標(biāo)題？（）

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.請選擇產(chǎn)生粗體字的 HTML 標(biāo)簽：（）

A.<bold>

B.<bb>

C.<b>

D.<bld>

7.請選擇產(chǎn)生斜體字的 HTML 標(biāo)簽：（）

A.<i>

B.<italics>

C.<ii>

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

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.請選擇可以使單元格中的內(nèi)容進(jìn)行左對齊的正確 HTML 標(biāo)簽：（）

A.<td align="left">

B.<td valign="left">

C.<td leftalign>

D.<tdleft>

13.如何產(chǎn)生帶有圓點(diǎn)列表符號的列表？（）

A.<dl>

B.<list>

C.<ol>

D.<ul>

14.在下列的 HTML 中，哪個可以產(chǎn)生復(fù)選框？（）

A.<input type="check">

B.<checkbox>

C.<input type="checkbox">

D.<check>

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

A.<input type="textfield">

B.<textinput type="text">

C.<input type="text">

D.<textfield>

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

A.<list>

B.<input type="list">

C.<input type="dropdown">

D.<select>

17.在下列的 HTML 中，哪個可以產(chǎn)生文本區(qū)（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.以下選項(xiàng)中，哪個全部都是表格標(biāo)簽？（）

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>

請把你的答案寫在留言區(qū)。^_^

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

A、解耦視圖和數(shù)據(jù) B、可復(fù)用的組件

C、數(shù)據(jù)綁定 D、功能插件化

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

A、《》 B、<>

C、{{}} D、（）

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

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

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

C、Vue要用script標(biāo)簽引入

D、以上都不對

4、MVVM設(shè)計(jì)模式的優(yōu)點(diǎn)包括【多選題】(2分)ABCD

A、低耦合 B、獨(dú)立開發(fā)

C、可重用性 D、可測試

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

A、定義View B、定義Model

C、定義Virtual DOM D、創(chuàng)建一個Vue實(shí)例或ViewModel

6、下列哪一項(xiàng)是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常用選項(xiàng)參數(shù)中必須的參數(shù)是(2分)B

A、data B、el

C、methods D、filters

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

A、Vue中選項(xiàng)參數(shù)el只能用css選擇器

B、在Vue示例內(nèi)部訪問data中的數(shù)據(jù)，可以使用“this.數(shù)據(jù)”

C、v-model可以在select表單控件元素上創(chuàng)建雙向數(shù)據(jù)綁定

D、Vue實(shí)例可以作用在body元素上

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

A、watch：觀察Vue實(shí)例變化的一個表達(dá)式或計(jì)算屬性函數(shù)

B、filters：Vue實(shí)例的計(jì)算屬性集合

C、template：定義字符串模板作為Vue實(shí)例的標(biāo)識使用

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

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

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

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

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

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

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

A、created B、beforeCreate

C、mounted D、beforeMount

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

A、created中可以對dom節(jié)點(diǎn)進(jìn)行操作

B、created先于mounted執(zhí)行

C、created中可以初始化處理數(shù)據(jù)

D、mounted中可以對dom節(jié)點(diǎn)進(jìn)行操作

15、Vue實(shí)例在銷毀前會調(diào)用的函數(shù)是(2分)C

A、created B、mounted

C、beforeDestroy D、destroyed

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

A、全局過濾器作用域是全部Vue實(shí)例

B、局部過濾器作用域是實(shí)例內(nèi)部

C、一個表達(dá)式可以使用多個過濾器

D、當(dāng)全局過濾器和局部過濾器名稱相同時全局過濾器優(yōu)先

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

A、Vue和Angular都可以用來創(chuàng)建復(fù)雜的前端項(xiàng)目

B、Vue的優(yōu)勢主要包括輕量級、雙向數(shù)據(jù)綁定

C、Vue 在進(jìn)行實(shí)例化之前，應(yīng)確保已經(jīng)引入了核心文件 vue.js

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

18、Vue 實(shí)例對象中能夠監(jiān)聽狀態(tài)變化的參數(shù)是(2分)A

A、watch B、filters

C、watching D、components

19、以下文本插值方式能夠?qū)崿F(xiàn)渲染一次數(shù)據(jù)，后續(xù)數(shù)據(jù)變化不再關(guān)心是(2分)B

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

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

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

D、以上都不行

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

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

B、{{表達(dá)式}}還可以使用JavaScript表達(dá)式進(jìn)行簡單的運(yùn)算

C、{{}}中不能同時寫多個字段數(shù)據(jù)

D、以上說法都不對

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

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

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

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

D、{{ msg , num }}

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

A、Vue 中實(shí)現(xiàn)雙向數(shù)據(jù)綁定的指令是v-model

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

C、Vue 實(shí)例對象指令主要包括自定義指令和內(nèi)置指令

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

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

A、v-on B、v-if

C、v-bind D、v-model

24、在 Vue 中，能夠?qū)崿F(xiàn)頁面單擊事件綁定的代碼是(2分)B

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

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

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

A、Vue實(shí)例從創(chuàng)建到銷毀的過程

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

C、當(dāng) data 變化時，會觸發(fā) beforeUpdate 和 updated 方法

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

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

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

B、類樣式名可以有多個

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

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

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

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

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

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

A、文本插值 B、表達(dá)式

C、指令 D、函數(shù)

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

A、v-if B、v-else

C、v-show D、v-on

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

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

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

C、當(dāng)v-if條件為true時顯示v-else元素

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

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

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

B、v-if初始渲染時條件為假，則什么也不做。—直到條件第一次變?yōu)檎鏁r，才會開始渲染條件塊

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

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

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

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

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

C、v-show指令是動態(tài)的把DOM進(jìn)行隱藏或顯示的效果

D、以上都不對

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

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

B、v-on可以監(jiān)聽組件的自定義事件

C、v-on:click可以直接監(jiān)聽組件觸發(fā)的原生click事件

D、v-on可以一次監(jiān)聽多個事件

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

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

B、Vue 實(shí)例對象只允許有唯一的一個根標(biāo)簽

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

D、Vue 實(shí)例對象中 data 數(shù)據(jù)不具有響應(yīng)特性

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

A、.once：點(diǎn)擊事件可以觸發(fā)多次。

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

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

D、.capture：使用capture模式添加事件監(jiān)聽器。

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

A、Vue從創(chuàng)建到掛載完畢，依次觸發(fā)的鉤子函數(shù)為：beforeCreate、created、beforeMount、mounted

B、當(dāng)數(shù)據(jù)被更改時，依次觸發(fā)的鉤子函數(shù)為：beforeUpdate、updated

C、當(dāng)調(diào)用vm.$destroy()時，依次觸發(fā)的鉤子函數(shù)為：beforeDestroy、destroyed

D、在beforeCreate函數(shù)內(nèi)部，可以拿到data數(shù)據(jù)

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

A、阻止表單默認(rèn)提交事件 B、阻止單擊事件繼續(xù)傳播

C、阻止默認(rèn)提交事件且阻止冒泡 D、點(diǎn)擊事件將只會觸發(fā)一次

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

A、ViewModel B、View

C、DOM D、Model

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

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

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

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

A、v-on B、v-for

C、v-model D、v-bind

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

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

C、解耦 D、不會導(dǎo)致維護(hù)困難

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

A、v-on B、v-for

C、v-once D、v-bind

43、在Vue中，下列有關(guān)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="(參數(shù)一，參數(shù)二，參數(shù)三) in items",參數(shù)一，參數(shù)二，參數(shù)三分別代表(2分)A

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

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

45、在Vue中，Vue的計(jì)算屬性寫在Vue實(shí)例的哪個選項(xiàng)中(2分)B

A、data B、computed

C、watch D、methods

46、在Vue中，當(dāng)計(jì)算屬性依賴的數(shù)據(jù)發(fā)生改變時(2分)C

A、計(jì)算屬性不會重新執(zhí)行，視圖也不會更新 B、計(jì)算屬性會重新執(zhí)行，視圖不會更新

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

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

A、函數(shù) B、變量

C、實(shí)例 D、選項(xiàng)

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

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

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

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

D、以上說法都錯誤

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

A、觀察Vue示例上的數(shù)據(jù)變動 B、響應(yīng)Vue示例上的數(shù)據(jù)變動

C、觀察和響應(yīng)Vue實(shí)例上的數(shù)據(jù)變動 D、以上說法都錯誤

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

A、watch最初綁定的時候不會執(zhí)行的，數(shù)據(jù)改變時才會執(zhí)行偵聽

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

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

D、watch最初綁定就會執(zhí)行，每次數(shù)據(jù)改變就會執(zhí)行偵聽

在線咨詢

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

您的項(xiàng)目需求

*請認(rèn)真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商

Web前端：20道非常基礎(chǔ)的JavaScript測試題

您的項(xiàng)目需求