前端开发基础(习题卷32)

试卷科目：前端开发基础前端开发基础(习题卷32)PAGE"pagenumber"pagenumber/SECTIONPAGES"numberofpages"numberofpages前端开发基础第1部分：单项选择题，共62题，每题只有一个正确答案,多选或少选均不得分。[单选题]1.父组件通过使用Prop为子组件传递数据，如果子组件要把数据传递回去，需要使用_________来实现。A)自定义事件B)事件C)原生DOM事件答案:A解析:[单选题]2.关于关键字const，下列说法错误的是A)用于声明变量，声明后不可修改B)不会发生变量提升现象C)不能重复声明同一个变量D)可以先声明，不赋值答案:D解析:[单选题]3.MVC设计模式中各部分职责描述错误的是（）A)Model：主要负责数据处理和运算B)View：主要负责显示数据和用户交互C)Controller：主要负责接收输入的数据并控制选择使用哪个View显示D)Controller和MVVM设计模式中的ViewModel职责完全一样答案:D解析:[单选题]4.在Vue中，选择正确选项填入components选项中，完成组件局部注册。代码如下：varvm=newVue({el:'#app',components:{}})A)Vponent('my-comp',{template:'<h1>Vue组件！</h1>'})B)'my-comp':{template:'<h1>Vue组件</h1>'}C)Vponent("my-comp",myComp)D)"my-comp":myComp答案:B解析:[单选题]5.世界上第一网页是()。A)B)http://info.cern.chC)D)答案:B解析:[单选题]6.表格嵌套一般采用在（）内嵌套表格。A)trB)thC)tdD)table答案:C解析:[单选题]7.如何去掉文本超级链接的下划线？A)a{text-decoration:nounderline}B)a{underline:none}C)a{decoration:nounderline}D)a{text-decoration:none}答案:D解析:[单选题]8.Vue中使用标签将定义在JavaScript中的HTML模板分离时，template选项为A)HTML元素B)对象C)idD)data答案:C解析:[单选题]9.CSS中可用于定义动画的属性，以下正确的是（）A)animationB)transformC)transitionD)box-shadow答案:A解析:[单选题]10.无序列表默认的type属性值是（）。A)discB)circleC)squareD)triangle答案:A解析:[单选题]11.通过一个名称来标识一个路由的方式叫作A)命名路由B)路由对象C)编程式导航D)路由懒加载答案:A解析:[单选题]12.数据库系统的三级模式结构和二层映像功能提供了数据的逻辑独立性和物理独立性。下列提供逻辑独立性的是()A)外模式/模式映像B)模式/内模式映像C)内模式/外模式映像D)模式/模式映像答案:A解析:[单选题]13.下列样式代码中,可以将块元素转换为行内元素的是()。A)display:none;B)display:block;C)display:inline-block;D)display:inline;答案:D解析:[单选题]14.React中，下列关于事件的处理方式，不正确的是？A)为了解决浏览器兼容性问题，React中的事件处理是一个合成事件，他是跨浏览器事件的包装器，与原生事件具有相同接口B)使用驼峰式命名，jsx传递函数作为事件处理器C)使用returnfalse阻止默认行为D)React实际上没有将事件附加到子节点本身，而是通过事件委托模式，使用单个事件监听器监听顶层的所有事件答案:C解析:[单选题]15.下面代码输出什么()Vara=0,b=0;for(;a<10,b<7;a++,b++){g=a+b;}console.log(g);1A)16B)10C)12D)6答案:C解析:[单选题]16.关于vue，下列说法正确的是A)vue是后端框架B)vue是基于jQuery开发的框架C)vue是前端框架D)以上说法都不对答案:C解析:[单选题]17.下列对于v-show指令的描述不正确的是（）。A)v-show指令是根据表达式的值来判断是否显示或隐藏DOM元素B)使用v-show指令的元素都始终会被渲染并保留在DOM中C)绑定值的改变只是切换元素的CSS属性displayD)如果在运行时条件很少改变，则需要使用v-show答案:D解析:[单选题]18.当一个元素?margin：20px;padding：20px;border:0px；width:20px；height:20px"求它具体占据的大小：A)40px40pxB)60px60pxC)80px80pxD)100px100px答案:D解析:[单选题]19.下列哪条语句是我们DML语句（）A)CREATEDATBASEdemo;B)DROPDATEBASEdemo;C)GRANTDelete,InsertON*.*TO'tea'@'localhost';D)UPDATEt_studentsSETAGE=AGE+1;答案:D解析:[单选题]20.数据库系统三级结构的关系，下列叙述中正确的是（）A)模式是内模式的逻辑表达B)模式是内模式的物理实现C)模式是外模式的部分抽取D)外模式是内模式的物理实现答案:A解析:[单选题]21.在CSS中，要实现链接字体颜色为红色，无下划线，当鼠标移过时显示下划线的效果，以下选项正确的是()A)A:link{color:#ff0000;}A:hover{text-decoration:underline;}B)A{color:#ff0000;text-decoration:none;}A:hover{text-decoration:overline;}C)A{text-decoration:underline;}A:hover{color:#ff0000;text-decoration:none;}D)A:link{color:#ff0000;text-decoration:none;}A:hover{text-decoration:underline;}答案:D解析:[单选题]22.下列对于使用NPM的好处描述错误的有A)可以通过package.json文本配置脚本B)可以通过package.json文件动态生成项目代码C)可以安装和管理项目的依赖D)指明依赖项的具体版本号答案:B解析:[单选题]23.关于以下程序段，正确的说法是1.Strings1=?abc?+?def?;2．Strings2=newString（s1）；3．if（s1==s2）4．System.out.println(?==succeeded?);5．if(s1.equals(s2))6.System.out.println(?.equals()succeeded?);A)行4与行6都将执行B)行4执行，行6不执行C)行6执行，行4不执行D)行4、行6都不执行答案:C解析:[单选题]24.HTML需要将内容原样输出，下面那个标签可以用于原样输出A)B)<text>C)D)答案:D解析:[单选题]25.在Vue中，一个组件默认可以拥有（）属性A)1个B)2个C)3个D)任意数量答案:D解析:[单选题]26.在HTML中，表单中的input元素的type属性值不可以是()A)passwordB)RadiobuttonC)TextD)submit答案:B解析:[单选题]27.for(vari=0;i<10;i++){Console.log(i);I++}这段代码输出什么？A)0，1，2，3，4B)5，5，5，5，5C)0，2，4，6，8D)1，2，3，4，5答案:C解析:[单选题]28.定义一个jQuery插件函数正确的写法是？：A)$.fn.demo=function(){}B)$.exent("demo")C)$.event="demo"D)$.demo答案:A解析:[单选题]29.下列选项中，不是标记属性的是（）A)srcB)altC)widthD)href答案:D解析:[单选题]30.关于以下代码说法正确的是A)地址为/user的post请求会触发该代码B)地址为/user的get请求会触发该代码C)地址为/的get请求会触发该代码D)地址为/的post请求会触发该代码答案:B解析:[单选题]31.设置所有的标签p的字体颜色为红色，下列语法错误的是（）A)P{color:#F00}B)P{color:rgba(255,0,0,1)}C)p{color:rgb(255,0,0)}D)p{color:rgb(F,0,0)}答案:D解析:[单选题]32.下列选项中，列表定义语法错误的是（）。A)〈ultype="disc"〉〈li〉苹果〈/li〉〈/ul〉B)〈menutype="circle"〉〈li〉红烧肉〈/li〉〈/menu〉C)〈oltype="square"〉〈li〉桃子〈/li〉〈/ol〉D)〈dirtype="circle"〉〈li〉面包〈/li〉〈/dir〉答案:C解析:[单选题]33.跨越多行的表格的HTML代码为（）。A)<thcolspan=#>B)<throwspan=?#?>C)<tdcolspan=#>D)<tdrowspan=>答案:B解析:[单选题]34.欲构造ArrayList类的一个实例，此类继承了List接口，下列哪个方法是正确的？A)ArrayListmyList=newObject（）B)ListmyList=newArrayList（）C)ArrayListmyList=newList（）D)ListmyList=newList（）答案:B解析:[单选题]35.下列是地址标记的是()。A)＜em＞＜/em＞B)＜sup＞＜/sup＞C)＜address＞＜/address＞D)＜code＞＜/code＞答案:C解析:[单选题]36.在jQuery中需要选取元素里所有元素，则下列选择器写法正确的是()A)$("pa")B)$("p+a")C)$("p>a")D)$("p~a")答案:A解析:[单选题]37.在HTML中，用于排版标题的标签是()。A)p标签B)span标签C)h5标签D)hr标签答案:C解析:/[单选题]38.在vue.js中使用vue-router插件可以提供路由管理的功能，在使用它之前需要在页面中引入该插件，引入它有多种方法，哪种说法是错误的（）。A)使用CDN方法B)使用NPM方法C)无需下载安装可以直接使用D)直接下载并使用<script>标签引入答案:C解析:[单选题]39.关于函数，以下说法错误的是()A)函数类似于方法，是执行特定任务的语句块B)可以直接使用函数名称来调用函数C)函数可以提高代码的重用率D)函数不能有返回值答案:D解析:[单选题]40.Vue项目默认目录中不包含哪个目录？A)configB)srcC)staticD)view答案:D解析:[单选题]41.嵌套子路由的关键属性是（），它也是一组路由，相当于前面讲到的routes，它可以像routes一样的去配置路由数组，每一个子路由里面可以嵌套多个组件。A)childB)childrenC)componentsD)router答案:B解析:[单选题]42.获取所有被选中的复选框，以下写法正确的是（）：A)$("input[type=radio]:checked")B)$("input:checkbox")C)$("input[checkbox]:disabled")D)$("input[type=checkbox]:checked")答案:D解析:[单选题]43.连接外部JavaScript使用的属性是（）A)hrefB)targetC)urlD)src答案:D解析:[单选题]44.在jquery中，下列哪一个是用将$(??)来追加到指定元素末尾的（）A)insertAfter()B)append()C)appendTo()D)after()答案:C解析:[单选题]45.将整个表格在页面中居中，正确的设置是（）。A)〈tralign="center"〉〈/tr〉B)〈tablealign="center"〉〈/table〉C)〈tablevalign="middle"〉〈/table〉D)〈tdalign="center"〉〈/td〉答案:B解析:[单选题]46.下面JavaScript哪个表达式会返回true（）A)1+'0'==='1'B)undefinedC)1+'0'===1D)0'答案:D解析:[单选题]47.v-model指令可以让表单中的元素与定义的变量进行数据的双向绑定，请问如下元素:<inputtype=?text?v-model=?name?>当该元素触发什么事件的时候会改变绑定的变量的值:A)changeB)inputC)focusD)mouseout答案:B解析:[单选题]48.在Vue中共有三种数据绑定方式，以下哪种不是数据绑定方式：（）A)文本插值{{}}B)v-bindC)v-htmlD)v-text答案:B解析:[单选题]49.有代码如下:<templatev-for="itemindata">1{{item}}</template>其中data为[1,2,3],求问最后演染到页面上的是:111213A)111213B)111111C)1item1item1itemD)123答案:A解析:<div>1</div><div>1</div><div>1</div><div>2</div><div>1</div><div>3</div>[单选题]50.浏览器环境下，以下打印结果为true的是A)console.log("12"===12)B)console.log(NaN===NaN)C)console.log(typeof(null)===typeof(window))D)console.log([1,2,3]===[1,2,3])答案:C解析:/[单选题]51.以下代码，在界面中的显示效果为：结果为真结果为假<script>newVue({El:'#app',Data:{isShow:false}})</script>（5.0分）5.0分A)结果为假B)结果为真C)结果为真；结果为假D)结果为假；结果为真答案:A解析:[单选题]52.下述有关css属性position的属性值的描述，说法错误的是？（）A)static：没有定位，元素出现在正常的流中B)fixed：生成绝对定位的元素，相对于父元素进行定位C)relative：生成相对定位的元素，相对于元素本身正常位置进行定位。D)absolute：生成绝对定位的元素，相对于static定位以外的第一个祖先元素进行定位。答案:B解析:[单选题]53.使用Cache改善系统性能的依据是程序的局部性原理。程序中大部分指令是（）的A)顺序存储、顺序执行B)随机存储、顺序执行C)顺序存储、随机执行D)随机存储、随机执行答案:A解析:[单选题]54.要动态改变层中内容可以使用的方法有()A)通过设置层的隐藏和显示来实现B)deleteC)innerHTMLD)通过设置层的样式属性的display属性答案:C解析:[单选题]55.下列常用属性设置中，()适用于标签A)border="0"B)frameborder="1"C)scrolling="0"D)href="head.htm"答案:B解析:/[单选题]56.下列哪种数组的方法不会修改数组本身A)sliceB)spliceC)sortD)unshift答案:A解析:/[单选题]57.一个盒子的宽(width)和高(height)均为300px,左内边距为30px,同时盒子有3px的边框,请问这个盒子的总宽度是多少?()A)333pxB)366pxC)336pxD)363px答案:C解析:[单选题]58.<ahref=URLtarget="_self">..</a>表示（）。A)打开一个空窗口的超链接代码B)新开一个窗口的超链接代码C)在父窗口打开超链接的代码D)在本窗口打开超链接的代码答案:D解析:[单选题]59.为表格设置背景image.jpg，下列设置正确的选项是（）。A)background="image.jpg"B)bgcolor="image.jpg"C)border="image.jpg"D)align="image.jpg"答案:A解析:[单选题]60.HTML文档中格式化文本标记不包括（）A)文本修饰标记B)计算机输出标记C)引用和术语标记D)pre标记答案:D解析:文本格式化标签+计算级输出标记+引用和术语标记。[单选题]61.在Vue中，文本插值也接受表达式形式的值，以下关于文本插值中表达式的形式说法错误的是（）A)表达式可以是JavaScript中的表达式，用于计算结果B)表达式中也可以包含过滤器C)表达式是各种数值、变量和运算符的综合体，简单的表达式可以是常量或者变量名称。D)表达式中的过滤器的数量只能有一个答案:D解析:[单选题]62.执行以下程序段后，x的值是_____。varx=0;switch(++x){case0:++x;case1:++x;case2:++x;}A)1B)2C)3D)4答案:B解析:第2部分：多项选择题，共14题，每题至少两个正确答案,多选或少选均不得分。[多选题]63.Webpack可以用哪种语言进行配置？A)TypeScriptB)CoffeeScriptC)BabelandJSXD)Java答案:ABC解析:[多选题]64.以下（）函数是jQuery内置的与AJAX相关的函数A)$.ajax()B)$.get()C)$.post()D)$.each()答案:ABC解析:[多选题]65.设置无序列表中项目符号的值有（）A)discB)circleC)squareD)triangle答案:ABC解析:[多选题]66.下列说法正确的是A)js是弱语言类型B)js中不区分大小写C)js中有5大基本数据类型，和一个复杂数据类型D)字符串、数字、正则都是字面量答案:ACD解析:[多选题]67.在JavaScript中，下列说法正确的是A)setInterval()用于在指定的毫秒后调用函数或计算表达式，可执行多次B)setImeout()用于在指定的毫秒后调用函数或计算表达式，可执行一次C)setInterval()的第一个参数可以是计算表达式也可以是函数变量名D)clearInterval()和clearTimeout()都可以消除setInterval()函数设置的timeout答案:ABC解析:[多选题]68.关于以下内容说法正确的是A)JavaScript是弱类型的语言B)JavaScript常用的类型包括：int、string、booleanC)JavaScript常用的类型没有int型D)null是属于JavaScript中的类型答案:ACD解析:[多选题]69.一个完整的JavaScript实现是由三个不同部分组成的，包括（）A)核心（ECMAScripts）B)文档对象模型（DOM）C)浏览器对象模型（BOM）D)HTMLDOM答案:ABC解析:[多选题]70.下一代OSS的关键特征有哪些？A)云化B)模型驱动C)微服务D)自动化答案:ABCD解析:[多选题]71.HTML文档中常用的三种列表包括（）A)无序列表B)有序列表C)菜单列表D)定义列表答案:ABD解析:[多选题]72.下列v-bind写法正确的是：(以绑定class为例)（5.0分）5.0分A)v-bind=classB)@classC)v-bind:classD):class答案:CD解析:[多选题]73.以下哪些语句可以打印1-100之间所有的奇数（）A)for(vari=1;i<=100;i++){if(i%2==1){console.log(i);}}B)for(vari=1;i<=100;i+=1){console.log(i);}C)for(vari=1;i<=100;i++){if(i%2==0){console.log(i);}}D)for(vari=1;i<=100;i+=2){console.log(i);}答案:AD解析:[多选题]74.下列对数组操作正确的是：A)arr[0]=1;B)arr[?0?]=2;C)arr[true]=3;D)arr[-1.23]=4;答案:ABCD解析:[多选题]75.如果你对文件和目录的权限不确定,则不能用_______命令来检测权限？（选择三项）A)psB)ls-lC)ckD)chown答案:ACD解析:[多选题]76.以下关于script标签中defer和async的描述，哪个是正确的？A)async在加载完成后立即执行B)defer在HTML解析完后执行C)多个async，执行顺序和加载顺序无关D)多个defer，按照加载的顺序依次执行答案:ABCD解析:第3部分：判断题，共14题，请判断题目是否正确。[判断题]77.＜strong＞＜/strong＞标记与＜b＞＜/b＞标记作用相同。A)正确B)错误答案:对解析:[判断题]78.在表格标记中，border-collapse属性用来使单元格的边框合并。A)正确B)错误答案:对解析:[判断题]79.HTML文档中格式化文本标记包括文本修饰标记，计算机输出标记，引用和术语标记。A)正确B)错误答案:对解析:[判断题]80.关于a:hover选择器,它是伪类选择器,当鼠标悬浮在a标记上时应用该选择器定义的样式。A)正确B)错误答案:对解析:[判断题]81.使用v-bind，当数据发生变化时，界面就会重新渲染A)正确B)错误答案:对解析:[判断题]82.对同一行中的单元格定义不同的高度，或对同一列中的单元格定义不同的宽度时，最终的宽度或高度将取其中的较大者。A)正确B)错误答案:对解析:[判断题]83.引用数据类型（对象）存储在栈中A)正确B)错误答案:错解析:[判断题]84.书写图片路径的时候,尽量使用绝对路径,因为可以更稳定简洁。A)正确B)错误答案:错解析:[判断题]85.typeofnull返回objectA)正确B)错误答案:对解析:[判断题]86.外边距合并指的是，当两个垂直外边距相遇时，它们将形成一个外边距。A)正确B)错误答案:对解析:[判断题]87.样式style标记可以插在头部，也可以插在主体body标记中。A)正确B)错误答案:错解析:将也可以改为不可以[判断题]88.HTML的注释语句可以插入任何标记内，都