前端开发笔试题附答案

前端开发笔试题一、选择题·单选。（共40分，每题2分）1.下面关于HTML

的描述正确的一项是？()A、HTML5中的所有标签都必须写结束标签B、DOCTYPE的设置不会影响页面的展示效果C、HTML5中的属性名对大小写敏感D、HTML5中可以使用data-自定义属性(正确答案)2.下列哪一个是页面载入时会触发什么Dom

事件？()A、onchangeB、onacliveC、onload(正确答案)D、onresize3.若要在网页中插入样式表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.获取当前时间的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.当在进行前端界面和后台服务进行交互时，常常需要从后台服务中获取一组数据，现...当在进行前端界面和后台服务进行交互时，常常需要从后台服务中获取一组数据，现在需要将一组数据放入到数组中，正确的是()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.下面关于React说法错误的是()A、ReactDOM在渲染之前会默认过滤所有传入的值B、ReactDOM在渲染过程中只会更新改变了的部分C、直接通过赋值更新React组件状态不会重新渲染组件，必须使用setState方法D、JSX是JavaScript的一种语法扩展，React的使用依赖JSX(正确答案)8.如果想在一个指定的元素后添加内容，下面哪个是实现该功能的？()A、append(content)B、appendTo(content)C、insertAfter(content)D、after(content)(正确答案)9.在jquery中想要实现通过远程httpget请求载入信息功能的是下面的哪一下事件？()A、$.ajax()B、load(url)C、$.get(url)(正确答案)D、$.getScript(url)10.JavaScript中通过

navigator.userAgent获取到的是：()A、用户浏览器信息(正确答案)B、用户代理信息C、用户地理位置D、用户IP地址11.下面关于Vue说法正确的是：()A、data中某一属性的值发生改变后，视图会立即同步进行重新渲染B、Vue实例创建后再添加的属性，该属性改动将不会触发视图更新C、计算属性只有在它的相关依赖发生改变时才会重新求值D、Vue组件的data选项必须是函数(正确答案)12.JavaScript中window对象的子对象不包含以下哪个对象？()A.documentB.selfC.historyD.Message(正确答案)13.将一个整数序列整理为升序，两趟处理后变为10,12,21,9,7,3,4,25，则采用的排序算法可能()A、插入排序B、快速排序C、选择排序(正确答案)D、堆排序14.下边这代码输出的结果是()

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.以下代码的执行结果是什么()

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参数不支持设置属性名的有？()

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.网页中出现弹出确认和取消对话框的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.介绍防抖节流原理、区别及应用，并用javaScript代码实现？3.GET和POST的区别，何时使用POST？4.gitfetch和gitpull的区别？5.javascript有哪几种数据类型？6.Vuev-model是如何实现的，语法糖实际是什么？7.找出两个数组的交集元素，代码实现。8.用JS实现一个标准的排序算法（快排、冒泡、选择排序），对某个数字数组进行由低到高的排序，代码实现。三、附加题(20分)

请写出下面代码的运行结果，并简述原理；

asyncfunctionasync1(){

console.log('async1start')

awaitasync2()

console.log('async1end')

}

asyncfunctionasync2(){

console.log('async2')

}

console.log('scriptstart')

setTimeo