研发岗位专业技术测试题前端附有答案

研发岗位专业技术测试题（前端）[复制]考试时间为90分钟，逾期系统自动关闭！考试期间禁止离开本页面，不可参考任何其他人员答案、设备、网页、书籍等。如考试期间产生作弊行为，本次考试成绩作废，由此带来的后果及影响自行承担。如考试期间因网络问题或操作原因导致不慎退出，请务必报备人力行政部。若同一人产生多份考试答卷，以最先提交为准。基本信息：[矩阵文本题]*姓名：________________________部门：________________________岗位：________________________一、单选题（每题1分，共30题）1、在css选择器当中，优先级排序正确的是（）。[单选题]*A、id选择器>标签选择器>类选择器B、标签选择器>类选择器>id选择器C、类选择器>标签选择器>id选择器D、id选择器>类选择器>标签选择器(正确答案)2、新窗口打开网页，用到以下哪个值（）。[单选题]*A、_selfB、_blank(正确答案)C、_topD、_parent3、下面选项中，可以用来创建vue项目的命令的是（）。[单选题]*A、vueinitshopcartB、vueinitwebpackshopcart(正确答案)C、vueshopcartD、vueinstallshopcart4、在Vue中，被用来响应地更新HTML属性的指令是（）。[单选题]*A、v-onB、v-ifC、v-bindD、v-model(正确答案)5、页面挂载成功之后会触发哪一个钩子函数？（）[单选题]*A、createdB、beforeDestroyC、mounted(正确答案)D、destroyed6、在Vue中，下列不属于条件渲染指令的是（）。[单选题]*A、v-ifB、v-elseC、v-showD、v-on(正确答案)7、在Vue中，以下实现Vue组件局部注册正确的是（）。[单选题]*A、在Vue实例化时，设置选项参数的components参数属性。(正确答案)B、在script标签内使用Vponent()方法。C、在Vue实例化时，设置选项参数的extend参数属性。D、在script标签内使用Vue.extend()方法。8、下列Vue选项参数说法错误的是（）。[单选题]*A、watch：观察Vue实例变化的一个表达式或计算属性函数B、filters：Vue实例的计算属性集合(正确答案)C、template：定义字符串模板作为Vue实例的标识使用D、components：包含Vue实例可用组件的哈希表9、在Vue中，关于v-on说法错误的是（）。[单选题]*A、v-on:click可以简写为@clickB、v-on可以监听组件的自定义事件C、v-on:click可以直接监听组件触发的原生click事件(正确答案)D、v-on可以一次监听多个事件10、下列关于Vue实例对象说法不正确的是（）。[单选题]*A、Vue实例对象是通过newVue({})方式创建的。B、Vue实例对象只允许有唯一的一个根标签。C、通过methods参数可以定义事件处理函数。D、Vue实例对象中data数据不具有响应特性。(正确答案)11、在Vue中，下列有关v-for代码使用正确的是（）。[单选题]*A、v-for="iteminitem"B、v-for="iteminitems"(正确答案)C、v-for="itemsinitem"D、v-for="itemsinitems"12、Vue绑定内联样式指令正确的是（）[单选题]*A、v-bind:classB、v-bind:style(正确答案)C、v-bind:hrefD、v-bind:title13、newVue({data:{a:1,b:2},created:function(){console.log(this.a)},mounted(){console.log(this.b)}})（）[单选题]*A、1，2(正确答案)B、1，1C、2，2D、2，114、下列关于Vue的优势的说法错误的是（）。[单选题]*A、双向数据绑定B、轻量级框架C、增加代码的耦合度(正确答案)D、实现组件化15、下列不属于Vue开发所需工具的是（）。[单选题]*A、Chrome浏览器B、VSCode编辑器C、vue-devtoolsD、微信开发者工具(正确答案)16、以下console.log依次输出a的值分别为（）。

console.log(a);

vara=1;

vargetNum=function(){

a=2;

}

functiongetNum(){

a=3;

}

console.log(a);

getNum();

console.log(a);[单选题]*A、undefined,1,3B、undefined,1,2(正确答案)C、1,1,3D、1,1,217、以下console.log(a[b])输出的值为（

）。vara={}varb={key:"a"}varc={key:"c"}a[b]="123";a[c]="456";console.log(a[b]);[单选题]*A、123B、456(正确答案)C、789D、12418、下面代码的输出是（

）。for(vari=0;i<3;i++){setTimeout(()=>console.log(i),1);}for(leti=0;i<3;i++){setTimeout(()=>console.log(i),1);}for(vari=0;i<3;i++){(function(i){setTimeout(function(){console.log(i);},0);})(i)}[单选题]*A、012、012和333B、012、333和012(正确答案)C、333、012和012D、333、012和33319、如果要阻止浏览器的默认行为，需要使用（）事件修饰符。[单选题]*A、stopB、prevent(正确答案)C、selfD、once20、在实例被销毁之后调用的钩子函数是（）。[单选题]*A、beforeCreateB、beforeDestroyC、mountedD、destroyed(正确答案)21、关于路由说法错误的是（）。[单选题]*A、使用脚手架创建项目时，需要选择安装vue-routerB、在嵌套路由中，需要VueRouter的参数中使用children配置C、vue-router不可以实现重定向(正确答案)D、vue-router可以通过配置实现路由懒加载22、vue中进行异步加载组件的写法正确的是（）。[单选题]*A、my-component:()=>import(./my-async-component)(正确答案)B、my-component':require([/my-async-component],reject)C、my-component':import([./my-async-component],resolve)D、my-component':require(./my-async-component)23、vue-router中配置路由重定向用的属性为（）。[单选题]*A、runB、pushC、redirect(正确答案)D、都不对24、在Vue中，对于过滤器形式为msglflter(‘a’)的表达式说法正确的是（）。[单选题]*A、该过滤器只接收一个参数aB、该过滤器不接收任何参数C、该过滤器接收两个参数msg、a(正确答案)D、以上说法都不正确25、在Vue中，以下表达式正确的是（）。[单选题]*A、{{if(ok)returnmsg}}B、{{varstr=“你好”}}C、{{ok?"Yes":"No”}}(正确答案)D、{{msg,num}}26、在Vue中，以下关于指令的说法错误的是（）。[单选题]*A、Vue实例对象指令主要包括自定义指令和内置指令B、Vue事件绑定指令是v-onC、Vue双向数据绑定的指令是v-bind(正确答案)D、v-if条件渲染指令27、下列哪个不属于id与class之间的区别（）。[单选题]*A、id在文档中只能使用一次，而class可以多次使用B、id比class具有更高的样式优先级C、一个元素只能有一个id属性值，却可以拥有多个class属性值D、在class中可以定义:hover伪类，在id中不能定义(正确答案)28、下拉菜单中，用户更改表单元素Select中的值时，就会调用（）事件处理程序。[单选题]*A、onMouseOverB、onFocusC、onChange(正确答案)D、onClick29、下列不属于Vuex.Store配置对象接受的是（）。[单选题]*A、data(正确答案)B、stateC、mutationsD、getters30、Vue.js的路由是什么?（）[单选题]*A、网络协议B、URL的请求路径C、URL与视图的映射关系(正确答案)D、服务器的处理逻辑二、多选题（每题2分，共10题）1、请选出所有的置换元素（）。*A、img(正确答案)B、input(正确答案)C、textarea(正确答案)D、selec(正确答案)2、下面属于CSS3新增属性的有？（）*A、box-shadow(正确答案)B、text-shadow(正确答案)C、border-radius(正确答案)D、rgba(正确答案)3、input元素的type属性的取值可以是（）。*A、image(正确答案)B、checkbox(正确答案)C、button(正确答案)D、select4、在Vue中，下列关于created和mounted说法正确的是（）。*A、created中可以对dom节点进行操作B、created先于mounted执行(正确答案)C、created中可以初始化处理数据(正确答案)D、mounted中可以对dom节点进行操作(正确答案)5、在Vue中，关于v-bind:class说法正确的是（）。*A、不可以与普通的class属性共存B、类样式名可以有多个(正确答案)C、v-bind:class可以简写成:class(正确答案)D、v-bind:class可以使用三目表达式(正确答案)6、javaScript的事件流包括以下以个阶段（）。*A、事件捕获阶段(正确答案)B、事件冒泡阶段(正确答案)C、事件处理阶段D、事件回滚阶段7、CSS选择器的优先级从高到低是（）。*A、内联>内嵌>外部样式(正确答案)B、!important>Id>class>伪类>element>*C、!important>Id>element>class>伪类>*D、!important>Id>class>element>伪类>*(正确答案)8、有如下定义，test，要改变span的背景色代码为（）。*A、document.getElementByld("aa").background-color="red"；B、document.getElementByld("aa").backgroundColor="red"；C、document.getElementByld("aa").style.backgroundColor="red";(正确答案)D、$("#aa").css({backgroundColor:'red'});(正确答案)E、$(".aa").css(fbackground-color:'red');9、使一个元素隐藏可以使用的方法是（）。*A、设置该元素的display:hiddenB、设置该元素的display:none(正确答案)C、设置该元素的visibility:noneD、设置该元素的visibility:hidden(正确答案)10、一份标准的HTML文档有哪几个必须的HTML标签？（）*A、(正确答案)B、(正确答案)C、(正确答案)D、(正确答案)三、填空题（每空1.5分，共8空）1、vue-router有3种路模式，分别是hash、_________、_________。[填空题]*空1答案：history空2答案：abstract2、Vue中通过________属性获取相应的DOM元素。[填空题]*空1答案：refs3、Vue初始化数据在实例对象的______参数中进行定义。[填空题]*空1答案：data4、Vue中MVVM框架主要由3部分组成：______、______和______。[填空题]*空1答案：Model空2答案：View空3答案：ViewModel5、Vue是一套构建______的渐进式框架。[填空题]*空1答案：用户界面四、判断题（每题1分，共10题）1、display属性规定元素应该生成的框的类型。[判断题]*对(正确答案)错2、CSS只允许应用纯色作为背景。[判断题]*对错(正确答案)3、params方式传参类似于GET请求。[判断题]*对错(正确答案)4、绝对定位使元素的位置与文档流无关。[判断题]*对(正确答案)错5、开发环境下，使用importVueRouterfrom'vueRouter'来导入路由。[判断题]*对错(正确答案)6、Vue与Angual和Rea