1+X WEB专项测试题附答案

1+XWEB专项测试题附答案2.img图片标签上title与alt属性的区别不正确的是?A、title是关于元素的注释信息，主要是给用户解读(正确答案)B、当鼠标放到文字或是图片上时没有title文字显示C、alt是给搜索引擎识别，在图像无法显示时的替代文本3.关于HTML属性正确的是?A、属性总是在HTML元素的结束标签中规定(正确答案)B、属性值应该只能被包括在双引号内C、属性总是以名称/值对的形式出现4.不属于浏览器的渲染模式的是?A、非标准模式(正确答案)B、接近标准模式C、怪异渲染5.关于静态网页和动态网页错误的是?A、静态网页是指没有数据交互的网页，即没有数据库参与，没有服务器端数据的加载(正确答案)B、有动画的网页是动态网页C、动态网页是指有后台数据参与的网页6.input元素的type属性的取值不可以是?A、text(正确答案)B、checkboxC、select7.列表分为两类，一是无序列表，一是有序列表，以下哪个是无序列表?A、```<DIR>```(正确答案)B、```<UL>```C、```<OL>```8.新窗口打开网页，用到以下哪个值?A、_top(正确答案)B、_selfC、_blank9.常见的浏览器内核包括?A、Geckos(正确答案)B、Trident(MSHTML)C、全部都是10.网页开发中，一般需判断浏览器类型，需通过userAgent中获取浏览器内核来判断，下列说法错误的是?A、Chrome是Webkit内核(正确答案)B、IE是目前最快的浏览器C、Firefox是Gecko内核11.在HTML中嵌入PHP代码，有以下几种方法，其中错误的是?A、以```“<！”开头，以“！>”```结束，中间为PHP操作代码(正确答案)B、以```“<?php开头，以“?>”```结束，中间为PHP代码C、以```<scriptlanguage=“php”>```开头，```</script>```结束，中间为PHP操作代码12.HTML语言中，表格有多少对```<TR>```标签就表示有多少列，这句话是否正确?A、正确(正确答案)B、错误13.```<inputtype="date"name="bday"><inputtype="datetime-local"name="bdaytime">```关于上面两行代码显示结果说法错误的是?A、两者都可以用来绘制日历(正确答案)B、后者可以显示本地时间，且时间不可以修改C、日历的样式可以通过CSS进行修改14.根据HTML规范，以下代码中，外层容器.outer的宽高分别是?```html<style>.outer{height:50px;}.inner{width:120px;height:100px;}</style><divclass="outer"><spanclass="inner">content</span></div>```A、高100px，宽120px(正确答案)B、高50px，宽120pxC、高50px，宽100%15.请选出不能用于标题的标签?A、```<h1></h1>```(正确答案)B、```<p></p>```C、```<h6></h6>```16.img标签中src属性表示A、图片存储的地址(正确答案)B、图片的描述C、图片的名称17.下列不属于标准的HTML文档必须包含元素是?A、HTML(正确答案)B、PC、DOCTYPE18.以下属于行内块状标签的是?A、form(正确答案)B、pC、ul19.关于嵌套列的用法，正确的是?A、```html<divclass=“col-sm-1”><br><divclass=“row”><br>```(正确答案)B、```html<divclass=“container”><br><divclass=“row”><br><divclass=“col-xs-1”>```C、```html<divclass=“row”><br><divclass=“col-sm-1”>```20.CSS样式，Border-radius属性作用是什么?A、创建圆形边角(正确答案)B、创建方形边角C、控制表的间距21.创建带有id属性的DOM元素的副作用?A、会创建同名的全局变量(正确答案)B、会造成DOM树分支过多C、会增加内存负担22.要让一个元素不可见且在文档流中不占位，应该使用下面哪个CSS规则?A、overflow:hidden(正确答案)B、visibility:hiddenC、display:none23.CSS优先级顺序正确的是?A、!important>tag>class>id(正确答案)B、!important>id>class>tagC、!important>class>id>tag24.下列说法正确的是?A、visibility:hidden;与display:none;两者没有本质上的区别(正确答案)B、display:hidden;不为被隐藏的对象保留其物理空间C、visibility:hidden;所占据的空间位置仍然存在，仅为视觉上的完全透明25.浮动会导致页面的非正常显示，以下几种清除浮动的方法，哪个是不推荐使用的?A、父元素也设置浮动(正确答案)B、在浮动元素末尾添加一个空的标签例如```<divstyle=”clear:both”></div>```C、通过设置父元素overflow值为hidden26.下面属于CSS3新增属性的有?A、box-shadow(正确答案)B、全部都是C、text-shadow27.关于position定位，下列说法错误的是?A、relative元素以它原来的位置为基准偏移，在其移动后，原来的位置不再占据空间(正确答案)B、absolute的元素，如果它的父容器设置了position属性，并且position的属性值为absolute或者relative，那么就会依据父容器进行偏移C、fixed元素，可定位于相对于浏览器窗口的指定坐标，它始终是以body为依据28.下列选项中，不属于CSS3新增样式选择器的是?A、root选择器(正确答案)B、target选择器C、ID选择器29.CSS样式，边距:10px20px40px30px;哪一个是底边距?A、20px(正确答案)B、30pxC、40px30.CSS盒子模型中（）是透明的，这部分可以显示背景?A、margin(正确答案)B、paddingC、border31.下列哪个不是浏览器支持的锚伪类?A、a:disabled(正确答案)B、a:linkC、a:hover32.CSS中哪个属性不可以继承?A、font-family(正确答案)B、borderC、color33.关于浮动元素，下面说法错误的是?A、行内元素与浮动元素发生重叠，其边框，背景和内容都会显示在浮动元素之下(正确答案)B、如果有多个浮动元素，浮动元素会按顺序排下来而不会发生重叠的现象C、如果有非浮动元素和浮动元素同时存在，并且非浮动元素在前，则浮动元素不会高于非浮动元素34.关于CSS选择器，以下说法正确的是?A、:nth-child(an+b)中n的取值从0开始(正确答案)B、每条选择器最多只能出现1个伪类C、每条选择器最多只能出现2个伪元素35.下列哪个不属于id与class之间的区别?A、id比class具有更高的样式优先级(正确答案)B、在class中可以定义:hover伪类，在id中不能定义C、一个元素只能有一个id属性值，却可以拥有多个class属性值36.以下全部属于块级标签的是?A、```<div><p><form><ul><h1>```(正确答案)B、```<div><h1><p><img><dl>```C、```<div><p><input><span><img>```37.层叠样式表CSS的英文单词全称是?A、CreativeStylesheet(正确答案)B、ColorfulStyleSheetC、CascadingStyleSheet38.下述有关CSS属性position的属性值的描述，说法错误的是?A、fixed:生成绝对定位的元素，相对于父元素进行定位(正确答案)B、static:没有定位，元素出现在正常的流中C、relative:生成相对定位的元素，相对于元素本身正常位置进行定位39.下面哪个选项是块级元素?A、div(正确答案)B、imgC、span40.CSS样式，下面哪一个能够用于边距的单位?A、px(正确答案)B、ptC、全部都对41.关于BOM正确的是?A、开放了一些其他接口，如获取浏览器信息(正确答案)B、支持对窗口的操作，比如新建窗口C、全部都是42.以下单词不属于JavaScript关键字的是?A、void(正确答案)B、parentC、class43.JavaScript定时器不包含哪个函数?A、setInterval（）(正确答案)B、clearTimeout（）C、getInterval（）44.下列关于JavaScript节点操作的函数说明中，错误的是?A、parentObj.children只选择元素节点，（但是IE678会包含注释节点)(正确答案)B、neborNode.siblings可以获取元素的同胞节点C、nerbourNode.nextSlbling:获取已知节点的下一个节点45.以下JavaScript中数组数据类型的方法中，不会改变原始数据的方法是?A、slice(正确答案)B、spliceC、reverse46.下列选项中,不属于JavaScript弹框的是?A、prompt(正确答案)B、confirmC、openToast47.JavaScript中，设置浏览器兼容event事件的代码为?A、```javascriptvarev=event||window.event;```(正确答案)B、```javascriptvarev=ev||window.event;```C、```javascriptvarev=event?event:window.event;```48.在JavaScript中，对于浏览器对象的层次关系理解错误的是?A、location对象包含history(正确答案)B、window对象是所有页面内容的根对象C、document对象包含location对象49.在JavaScript中，阻止冒泡的方法正确的是?A、```javascriptevent.stopPropagation;```(正确答案)B、```javascriptwindow.event.cancelBubble=false;```C、```javascriptevent.stopPropagation（）;```50.JavaScript中提供的循环类型是?A、一种，for循环(正确答案)B、两种，for循环和while循环C、三种，for循环、while循环、do...while循环51.前端框架React不具备的特性?A、指令(正确答案)B、组件化C、数据绑定52.React16之后被废弃三个生命周期不包含?A、componentWillUpdate(正确答案)B、componentWillMountC、constructor53.下面关于React说法错误的是?A、JSX是JavaScript的一种语法扩展，React的使用依赖JSX(正确答案)B、ReactDOM在渲染之前会默认过滤所有传入的值C、ReactDOM在渲染过程中只会更新改变了的部分54.React组件间通信方式不正确的是?A、父组件向子组件通信(正确答案)B、子组件向父组件通信C、发布事件模式55.关于setState正确的是?A、只在合成事件和钩子函数中是“异步”的，在原生事件和setTimeout中都是同步的(正确答案)B、setState的“异步”并不是说内部由异步代码实现，其实本身执行的过程和代码都是同步的，只是合成事件和钩子函数的调用顺序在更新之前，导致在合成事件和钩子函数中没法立马拿到更新后的值，形成了所谓的“异步”C、全部都是56.redux中进行异步操作正确的是?A、在一定规模的项目中，借助redux的异步中间件进行异步处理(正确答案)B、可以在componentDidmount中直接进行请求，无须借助reduxC、全部都是57.关于ReactHooks的优点不正确的是?A、ReactHooks为函数组件而生，解决了类组件复用成本高、this指向错误、分割在不同声明周期中的逻辑使得代码难以理解和维护的问题(正确答案)B、ReactHooks不能解决HOC和RenderProps的嵌套问题，更加简洁C、ReactHooks可以更方便地把UI和状态分离，做到更彻底的解耦58.以下获取动态路由{path:'/user/:id'}中id的值正确的是?A、this.route.params.id(正确答案)B、this.$route.params.idC、this.$router.params.id59.关于redux-saga优点正确的是?A、redux-saga的异步操作被转移到单独saga.js中，不再是掺杂在action.js或component.js中(正确答案)B、redux-saga受益于generatorfunction的saga实现，代码异常/请求失败都可以直接通过try/catch语法直接捕获处理C、全部都是60.用于监听DOM事件的指令是?A、v-model(正确答案)B、v-onC、v-bind61.关于redux-thunk优劣势正确的是?A、redux-thunk的实现方式很简单，只有不到20行代码(正确答案)B、redux-thunk没有引入像redux-saga或者redux-observable额外的范式，上手简单C、全部都是62.以下代码打印结果为?```<divid="app">{{message.split('').reverse（）.join('')}}</div><script>newVue({el:'#app',data:{message:'hello'}})</script>```A、```olleh```(正确答案)B、```hel```C、```hello```63.以下选项中不属于vuex中的属性?A、init(正确答案)B、actionsC、getters64.React高阶组件的作用正确的是?A、代码复用，逻辑抽象，抽离底层准备（bootstrap）代码(正确答案)B、属性代理，反向继承C、渲染劫持65.关于Vue生命周期的作用错误的是?A、created:组件实例已经完全创建，属性也绑定，但真实dom还没有生成，$el还不可用(正确答案)B、beforeCreate:组件实例被创建之初，组件的属性生效之前C、activited:keep-alive专属，组件被销毁时调用66.关于Vue生命周期正确的是?A、Vue实例有一个完整的生命周期，也就是从开始创建、初始化数据、编译模版、挂载Dom->渲染、更新->渲染、卸载等一系列过程(正确答案)B、官方实例的异步请求是在mounted生命周期中调用的，而实际上也可以在created生命周期中调用C、全部都是67.关于computed和watch的区别正确的是?A、computed是计算属性，也就是计算值，它更多用于计算值的场景(正确答案)B、computed适用于计算比较消耗性能的计算场景C、全部都是68.关于Vue组件通信的方法错误的是?A、EventBus:通过EventBus进行信息的发布与订阅(正确答案)B、provide/inject:允许2个祖先组件向其所有子孙后代注入一个依赖C、props/$emit+v-on:通过props将数据自上而下传递，而通过$emit和v-on来向上传递信息69.关于Vue中的key的作用不正确的是?A、key的唯一性不可以被Map数据结构充分利用(正确答案)B、key是为Vue中的vnode标记的唯一idC、通过key，diff操作可以更准确、更快速70.关于Vue的响应式系统错误的是?A、任何一个VueComponent都有一个与之对应的Watcher实例(正确答案)B、Vue的data上的属性会被添加getter和setter属性C、全部都是71.React中Element与Component的区别正确的是?A、典型的ReactElement是利用JSX构建的声明式代码片然后被转化为createElement的调用组合(正确答案)B、ReactElement是描述屏幕上所见内容的数据结构，是对于UI的对象表述C、全部都是72.关于React代码性能优化错误的是?A、使用数组下标作为Key(正确答案)B、Props和State的数据尽可能简单明了，扁平化C、利用shouldComponentUpdate和PureComponent避免过多renderfunction73.React中refs正确是的?A、可以为元素添加refs属性然后在回调函数中接受该元素在DOM树中的句柄，该值会作为回调函数的第3个参数返回(正确答案)B、refs是React提供的安全访问DOM元素或者某个组件实例的句柄C、refs是类组件的专属74.React中Key的作用不正确的是?A、在开发过程中，某个元素的Key在其同级元素中可以不具有唯一性(正确答案)B、Key是React用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识C、在ReactDiff算法中React会借助元素的Key值来判断该元素是新近创建的还是被移动而来的元素，从而减少不必要的元素重渲染75.不属于React中创建组件的方式是?A、FunctionComponents(正确答案)B、PureComponentsC、ClassComponents76.关于约束性组件和非约束性组件不正确的是?A、约束性组件是由React控制的组件，表单呈现什么由组件决定(正确答案)B、非约束性组件指表单元素的数据交由元素自身存储并处理，表单如何呈现由表单元素自身决定C、React建议使用约束性组件的原意是约束性组件支持即时字段验证，允许有条件地禁用/启动按钮77.关于Proxy的优势不正确的是?A、Proxy不可以直接监听对象(正确答案)B、Proxy可以直接监听数组的变化C、Proxy有多达13种拦截方法,不限于apply、ownKeys、deleteProperty、has等78.Props的主要目的不正确是的?A、触发状态更改(正确答案)B、触发状态启动C、将自定义数据传递到组件79.关于React中的props正确的是?A、是单个值或包含一组值的对象，这些值在创建时使用类似于HTML标记属性的命名约定传递给组件(正确答案)B、Props是组件的输入C、全部都是80.下列哪项不属于VUE的三要素?A、响应式(正确答案)B、数据监听C、模板引擎81.关于React的局限性不正确的是?A、React只是一个视图库，而不是一个完整的框架(正确答案)B、代码复杂性随着内联模板和JSX的增加而增加C、将React集成到传统的MVC框架中不需要一些额外的配置82.关于Object.defineProperty不正确的是?A、兼容性好，支持IE9(正确答案)B、Object.defineProperty可以监听数组变化C、Object.defineProperty的作用就是劫持一个对象的属性83.关于State和Props的区别不正确的是?A、在组件内是可以改变的Props的(正确答案)B、State和Props都是普通的JavaScript对象C、Props以类似于函数参数的方式传递给组件，而State则类似于在函数内声明变量并对它进行管理84.不属于实现双向绑定的是?A、发布者-订阅者模式（backbone.js）(正确答案)B、脏值检查（angular.js）C、Object.defineProperty85.要实现一个完整的双向绑定正确的是?A、利用Proxy或Object.defineProperty生成的Observer针对对象/对象的属性进行"劫持"，在属性发生变化后通知订阅者(正确答案)B、解析器Compile解析模板中的Directive(指令)，收集指令所依赖的方法和数据，等待数据变化然后进行渲染C、全部都是86.不属于Vue常用事件修饰符的是?A、.shift(正确答案)B、.stopC、.prevent87.关于v-if和v-show的区别正确的是?A、v-if只有在判断为false的时候才会对数据进行渲染(正确答案)B、v-if和v-show都是通过判断绑定数据的true\false来展示的C、v-show无论判断是什么都会先对数据进行渲染，只是ture的时候对节点进行display:none;的操作88.Vue组件间通信方式及适用场景正确的是?A、props/$emit适用于父子组件通信(正确答案)B、ref与$parent/$children适用于隔代组件通信C、EventBus（$emit/$on）适用于父子组件通信89.关于Vue的父组件和子组件生命周期钩子函数执行顺序正确的是?A、加载渲染过程(正确答案)B、子组件更新过程C、全部都是90.vue-router路由模式有几种?A、hash(正确答案)B、historyC、全部都是91.下面运行结果正确的是?```javascriptvara=/678/,b=/678/;console.log(a==b);console.log(a===b);```A、```javascriptother```(正确答案)B、```javascripttrue、false```C、```javascriptfalse、false```92.完整的JavaScript由哪些部分组成?A、ECMAScript(正确答案)B、DOMC、全部都是93.日期类转换到原始值能使用什么方法?A、valueOf（）(正确答案)B、toString（）C、String.toLowerCase（）94.DOM事件流不包括哪个阶段?A、事件监控阶段(正确答案)B、事件捕获阶段C、处于目标阶段95.DOM，文档对象模型，提供了树状结构的表示方法，以下描述正确的是?A、在HTMLelement内的text内容也是textnode(正确答案)B、所有的comments都是documentnodeC、不是所有的HTMLelements都是elementnodes96.假设DOM结构为:```javascript<divid="a"><divid="b"></div></div>JavaScript代码为:document.getElementById('a').addEventListener('click',e=>{console.log(1)});document.getElementById('b').addEventListener('click',e=>{e.preventDefault（）;console.log(2)});```当点击id为b的div时，控制台输出的内容是?A、```javascript2```(正确答案)B、```javascript12```C、```javascript21```97.以下哪项不能提高DOM元素操作效率?A、使用DocumentFragment替代多次appendChild操作(正确答案)B、插入大量DOM元素时，使用innerHTML替代逐个构建元