前端開發(fā)筆試題附答案

前端開發(fā)筆試題一、選擇題·單選。（共40分，每題2分）1.下面關(guān)于HTML

的描述正確的一項是？()A、HTML5中的所有標(biāo)簽都必須寫結(jié)束標(biāo)簽B、DOCTYPE的設(shè)置不會影響頁面的展示效果C、HTML5中的屬性名對大小寫敏感D、HTML5中可以使用data-自定義屬性(正確答案)2.下列哪一個是頁面載入時會觸發(fā)什么Dom

事件？()A、onchangeB、onacliveC、onload(正確答案)D、onresize3.若要在網(wǎng)頁中插入樣式表main.css，以下用法中正確的是()A、<linkrel="stylesheet"src="main.css"type="text/css">B、<linkrel="stylesheet"href="main.css"type="text/css">(正確答案)C、<stylerel="stylesheet"href="main.css"type="text/css">D、<includerel="stylesheet"href="main.css"type="text/css">4.獲取當(dāng)前時間的JavaScript

語句是()A、newNow()B、newDate()(正確答案)C、GetTime()D、now()5.閱讀如下代碼，請問wrap

這個div

的高度是多少？()

<styletype="text/css">

.a,.b,.c{

box-sizing:border-box;

border:1pxsolid;

}.wrap{

width:250px;

}

.a{

width:100px;

height:100px;

float:left;

}

.b{

width:100px;

height:50px;float:left;

}

.c{

width:100px;

height:100px;

display:inline-block;

}</style><spanstyle="color:rgb(51,51,51);">

</span><spanstyle="color:rgb(51,51,51);"></

span><divclass="wrap">

<divclass="a">a</div>

<divclass="b">b</div>

<divclass="c">c</div></div>HTMLA、100pxB、150px(正確答案)C、200pxD、250px6.當(dāng)在進行前端界面和后臺服務(wù)進行交互時，常常需要從后臺服務(wù)中獲取一組數(shù)據(jù)，現(xiàn)...當(dāng)在進行前端界面和后臺服務(wù)進行交互時，常常需要從后臺服務(wù)中獲取一組數(shù)據(jù)，現(xiàn)在需要將一組數(shù)據(jù)放入到數(shù)組中，正確的是()A、vararr=newarray();for(vari=0;i<data.length;i++){arr.add(data[i]);}B、vararr=newarray();for(vari=0;i<data.length;i++){arr.push(data[i]);}(正確答案)C、vararr=newarray();for(vari=0;i<data.length;i++){arr.shift(data[i]);}D、vararr=newarray();for(vari=0;i<data.length;i++){arr.pop(data[i]);}7.下面關(guān)于React說法錯誤的是()A、ReactDOM在渲染之前會默認過濾所有傳入的值B、ReactDOM在渲染過程中只會更新改變了的部分C、直接通過賦值更新React組件狀態(tài)不會重新渲染組件，必須使用setState方法D、JSX是JavaScript的一種語法擴展，React的使用依賴JSX(正確答案)8.如果想在一個指定的元素后添加內(nèi)容，下面哪個是實現(xiàn)該功能的？()A、append(content)B、appendTo(content)C、insertAfter(content)D、after(content)(正確答案)9.在jquery中想要實現(xiàn)通過遠程httpget請求載入信息功能的是下面的哪一下事件？()A、$.ajax()B、load(url)C、$.get(url)(正確答案)D、$.getScript(url)10.JavaScript中通過

navigator.userAgent獲取到的是：()A、用戶瀏覽器信息(正確答案)B、用戶代理信息C、用戶地理位置D、用戶IP地址11.下面關(guān)于Vue說法正確的是：()A、data中某一屬性的值發(fā)生改變后，視圖會立即同步進行重新渲染B、Vue實例創(chuàng)建后再添加的屬性，該屬性改動將不會觸發(fā)視圖更新C、計算屬性只有在它的相關(guān)依賴發(fā)生改變時才會重新求值D、Vue組件的data選項必須是函數(shù)(正確答案)12.JavaScript中window對象的子對象不包含以下哪個對象？()A.documentB.selfC.historyD.Message(正確答案)13.將一個整數(shù)序列整理為升序，兩趟處理后變?yōu)?0,12,21,9,7,3,4,25，則采用的排序算法可能()A、插入排序B、快速排序C、選擇排序(正確答案)D、堆排序14.下邊這代碼輸出的結(jié)果是()

vartwo

=0.2

varone

=0.1

vareight=0.8

varsix

=0.6

console.log([two-one==one,eight-six==two]);A、[true,true]B、[false,false]C、[true,false](正確答案)D、other15.以下代碼的執(zhí)行結(jié)果是什么()

varstring='string';

varnumber=0;

varbool=true;

console.log(number||string);

console.log(number&&string);

console.log(bool||number);

console.log(bool&&number);A、‘string’,0,true,0(正確答案)B、‘string’,true,0,0C、‘string’,‘string’,true,0D、‘string’,0,true,true16.Object.defineProperty(obj,

prop,

descriptor)

，descriptor參數(shù)不支持設(shè)置屬性名的有？()

A、

getB、

configurableC、

length(正確答案)D、

value17.isNaN("123")的返回值為？

()A、

false(正確答案)B、

undefinedC、

123D、

true18.Object.fromEntries([['foo',

'bar'],['baz',

42]])返回值為？

()A、

{foo:

"bar",

baz:

42}(正確答案)B、

[{foo:

"bar",

baz:

42}]C、

[['foo',

'bar'],['baz',

42]]D、

{foo:

42,

baz:

"bar"}19.網(wǎng)頁中出現(xiàn)彈出確認和取消對話框的javascript代碼是？

()A、

alert(‘您欠我：’

+

100

+

'元')B、

prompt(‘確定’)C、

confirm(’是否？‘)(正確答案)D、

以上都是20.Object.values({1:

'a',

3:

'b',

2:

'c'})返回值為？

()A、

{1:

'a',

3:

'b',

2:

'c'}B、

{1:

'a',

2:

'c',

3:

'b'}C、

['a','c','b'](正確答案)D、

以上全部錯誤二、簡答題。（共40分，每題5分）1.React/Vue.js之類的框架為什么需要給組件添加key屬性，其作用是什么？2.介紹防抖節(jié)流原理、區(qū)別及應(yīng)用，并用javaScript代碼實現(xiàn)？3.GET和POST的區(qū)別，何時使用POST？4.gitfetch和gitpull的區(qū)別？5.javascript有哪幾種數(shù)據(jù)類型？6.Vuev-model是如何實現(xiàn)的，語法糖實際是什么？7.找出兩個數(shù)組的交集元素，代碼實現(xiàn)。8.用JS實現(xiàn)一個標(biāo)準(zhǔn)的排序算法（快排、冒泡、選擇排序），對某個數(shù)字數(shù)組進行由低到高的排序，代碼實現(xiàn)。三、附加題(20分)

請寫出下面代碼的運行結(jié)果，并簡述原理；

asyncfunctionasync1(){

console.log('async1start')

awaitasync2()

console.log('async1end')

}

asyncfunctionasync2(){

console.log('async2')

}

console.log('scriptstart')

setTimeo