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

试卷科目：前端开发基础前端开发基础(习题卷1)PAGE"pagenumber"pagenumber/SECTIONPAGES"numberofpages"numberofpages前端开发基础第1部分：单项选择题，共62题，每题只有一个正确答案,多选或少选均不得分。[单选题]1.双向绑定v-model修饰符中（）可以将用户输入的内容转换成数值A)trimB)numberC)lazy答案:B解析:[单选题]2.在Vue中，支持在{{}}的插值的尾部添加一个（）对数据进行过滤，经常用于格式化文本A)#B)|C)&D)$答案:B解析:[单选题]3.{HTML题目}HTML是什么意思？()A)高级文本语言B)超文本标记语言C)扩展标记语言D)图形化标记语言答案:B解析:[单选题]4.nodeType属性可用于获取节点类型，如果返回值为1，则表明该节点为（）。（5.0分）0.0分A)元素节点B)属性节点C)文档节点D)文本节点答案:A解析:[单选题]5.以下代码表示的是HTML链接的哪种分类（）<ahref="">百度</a>A)外部链接B)内部链接C)D)错点链接答案:A解析:[单选题]6.设x=1,y=2,z=3，则表达式y＋＝z－－/＋＋x的值是(A)。A)3B)3.5C)4D)5答案:A解析:[单选题]7.CSS表示（）A)层B)行为C)样式表D)时间线答案:C解析:[单选题]8.1-+-++-1表达式的运算结果是多少?A)0B)1C)ErrorD)undefined答案:A解析:[单选题]9.在Vue中，下列选项用于父子组件通讯的是A)$attrsB)provideC)propsD)link答案:C解析:[单选题]10.下列HTML标记中，属于单标记的是（）。A)〈ol〉B)〈ul〉C)〈br〉D)〈font〉答案:C解析:[单选题]11.下列不属于Web前端开发的工具的是（）A)NotePadB)VisualBASICC)TextPadD)EditPlus答案:B解析:[单选题]12.假如我们想在Vue实例已经被创建,属性已经被绑定，但是DOM还没有生成的时候做一些事情,以下哪个方法是我们应该使用的:A)beforeCreateB)createdC)beforeMountD)mounted答案:B解析:[单选题]13.HTML5中()元素可替代标记来定义页面底部。A)navB)headerC)asideD)footer答案:D解析:[单选题]14.以下代码表示的是HTML链接的哪种分类（）<aherf="#two">A)外部链接B)内部链接C)D)错点链接答案:D解析:[单选题]15.在CSS选择器中，以下选项()属于后代选择器A)input.bgB)input.bgC)h3,.second,#styD)txttd答案:B解析:[单选题]16.应用v-for指令遍历对象时，如果有三个参数，第二个参数是（）的别名。A)属性名（键名）B)属性值C)对象名称D)索引值答案:A解析:[单选题]17.以下情况除哪项发生时balancer便会自动退出（）A)集群平衡或者没有数据块可以移动B)在连续三次迭代中没有块移动C)与namenode传输时发生异常D)另一个balancer在运行答案:B解析:[单选题]18.有JavaScript代码:vard=newDate();那么获取当前月份的语句是()A)d.getDate()B)d.getMonth)C)d.getDate()+1D)getMonth(+1答案:D解析:[单选题]19.如果要让框或复选框状态为已选定，要设置以下哪个属性（）A)checkedB)chosenC)selectedD)enabled答案:A解析:[单选题]20.鼠标左键的别名是()A)rightB)ctrlC)leftD)middle答案:C解析:[单选题]21.一个完整的JavaScript实现是由三个不同部分组成的，其中不包括（）A)核心（ECMAScripts）B)文档对象模型（DOM）C)浏览器对象模型（BOM）D)HTMLDOM答案:D解析:三大组成部分：核心（ECMAScripts）+文档对象模型（DOM）+浏览器对象模型（BOM）[单选题]22.在Vue中，使用AntDesignofVue的全局提示显示消息，以下方式正确的是（）A)this.$("消息提示");B)("消息提示");C)this.$message.alert("消息提示");D)this.message.alert("消息提示");答案:A解析:[单选题]23.让一个动画名为fade的动画持续执行并且在第一次开始时延迟0.5s开始,每次动画执行1s，以下代码正确的是()A)animation:fade1s0.5sinfiniteB)animation:fade0.5s1sinfiniteC)animation:fade1s0.5slinearD)以上都不正确答案:A解析:[单选题]24.Model、View、ViewModel、Controller的中文解释不正确的是A)ViewModel（控制器）B)Model（模型）C)View(视图)D)Controller（控制器）答案:A解析:[单选题]25.若要在页面中创建一个图像链接，要显示的图像为zhidao.jpg,所链接的地址为，以下用法中，正确的是（）。A)〈ahref=""〉zhidao.jpg〈/a〉B)〈ahref=""〉〈imgsrc="zhidao.jpg"〉〈/a〉C)〈imgsrc=?zhidao.jpg"〉〈ahref=""〉〈/a〉D)〈ahref=""〉〈imgsrc="zhidao.jpg"〉〈/img〉〈/a〉答案:B解析:[单选题]26.下面关于类选择器说法正确的是（）。A)类选择器不可以单独使用B)类选择器前面有一个?#?C)ID选择器前面有一个?#?D)为了将类选择器与元素关联，必须将ID属性指定一个适当的值答案:C解析:[单选题]27.下列事件哪个不是由鼠标触发的事件（）A)clickB)contextmenuC)mouseoutD)keydown答案:D解析:[单选题]28.以下（）代码，能够对数组正确初始化（或者是默认初始化）A)int[]a;B)a={1,2,3,4,5};C)int[]a=newint[5]{1,2,3,4,5};D)int[]a=newint[5];答案:D解析:[单选题]29.请问在使用vue-router之后,哪个元素规定了组件显示的位置:A)<router-link></router-link>B)<component-a></component-a>C)D)<router-view></router-view>答案:D解析:[单选题]30.<framesetcols=#>是用来指定A)混合分框B)纵向分框C)横向分框D)任意分框答案:B解析:[单选题]31.下面有一个全局组件：Vponent('my-com',{template:'<h2>全局组件</h2>'})那么使用这个组件的正确格式是（）。A)<my-co></my-co>B)<my-com></my-com>C)<my-comp></my-comp>D)<my-component></my-component>答案:B解析:[单选题]32.以下说法中错误的是？A)使用Node.js通过设置Cookie的HttpOnly可以防止XSS攻击B)使用严格模式可以消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为C)使用严格模式可以提高编译器效率，增加运行速度D)在严格模式中可以通过为数字添加前导0定义八进制答案:D解析:[单选题]33.有如下代码:其中bool的值为[]请问该div是否会显示?A)显示B)不显示C)D)答案:A解析:[单选题]34.SVN中，以下说法错误的是？A)svn:executable这个属性只对文件有效，目录无效B)当设置svn:eol-style属性的值为CRLF时，会导致这个文件使用LF字符作为EOL标志，不管什么操作系统C)svn:executable对于没有可执行权限的文件系统无效D)svn:eol-style的正确的值包括有：native,CRLF，LF，CR答案:B解析:svn:eol-style值为CRLF时，会导致这个文件使用CRLF序列作为EOL标志[单选题]35.给出如下代码片段，运行结果为()：Stringa=?ABCD?;Stringb=a.toLowerCase();b.replace(?a?,?d?);b.replace(?b?,?c?);System.out.println(b);A)abcdB)ABCDC)dccdD)dcba答案:A解析:[单选题]36.＜title>＜/title>标记一般包含在_____标记中。()A)＜head＞＜/head＞B)＜p＞＜/p＞C)＜body＞＜/body＞D)＜table＞＜/table＞答案:A解析:[单选题]37.下面哪一个是用来追加到指定元素的末尾的？：A)insertAfter()B)after()C)append()D)appendTo()答案:D解析:[单选题]38.CSS在网页中的作用是()。A)增加网页动态交互B)网页的外在表现C)增加网页的内容D)没有什么作用答案:B解析:[单选题]39.HTML题目下面语句表述正确的是()A)marginwidth=5表示框架宽度部分边缘所保留的空间。B)marginwidth=5表示框架宽度空间C)noresize是设定不用使用框框的大小D)noresize是使用者设定此参数后，可随意地拉动框架改变其大小。答案:A解析:[单选题]40.以下不支持冒泡的鼠标事件为()？A)mouseoverB)clickC)mouseleaveD)mousemove答案:C解析:/[单选题]41.定义表头的HTML是（）。A)<table>B)<td>C)<tr>D)<th>答案:D解析:[单选题]42.在请求分页存储管理系统中，若采用FIFO页面淘汰算法，则当分配的页面数增加时，缺页中断的次数（）A)减少B)增加C)无影响D)可能增加也可能减少答案:D解析:[单选题]43.对于一个数字组成的数组nums，现在需要执行在不改动nums的基础上去重操作，返回一个新的无重复元素的数组，以下几段代码能完成这一操作的是?(1)constnewNums=Array.from(newSet(nums))(2)constnewNums=nums.filter((n,i)=>{returnnums.indexOf(n)===i})(3)constnewNums=nums.forEach((n,i)=>{returnnums.indexOf(n)===i})(4)constnewNums=nums.reduce((acc,n,i)=>{return[].concat(acc,nums.indexOf(n)===i?n:[])})A)(1)、(2)、(3)、(4)B)(1)、(3)、(4)C)(1)、(2)、(4)D)(1)、(4)答案:C解析:/[单选题]44.HTML5提供两种客户端存储数据，以下哪一种属于没有时间限制的数据存储A)noTimeStorageB)neverStorageC)sessionStorageD)localStorage答案:D解析:[单选题]45.网页开发中，一般需判断浏览器类型，需通过userAgent中获取浏览器内核来判断，下列说法错误的是？（）A)一直到IE9，都是Trident内核B)firefox是Gecko内核C)chrome是webkit内核D)IE是目前最快的浏览器答案:D解析:[单选题]46.关于alt和title说法正确的是()A)都是图像的替换文字，两者相差不大。B)都是图像的提示文字，两者相差不大。C)Alt是替换文字，title是提示文字，两者各有作用D)Alt是提示文字，title是替换文字，两者各有作用答案:C解析:[单选题]47.现有如下代码:Vue.component(?say?,{template:?#say?，data:{Message:"HelloVue?},methods:{hello:function(){alert(?HelloVue?)}}})以下建议正确的是:A)template只能是字符串B)data应该使用方法返回一个对象C)methods在组件中无法使用D)Vue应该小写为vue答案:B解析:[单选题]48.在AntDesignofVue中，使用栅格组件正确设置一行一格并且居中的代码是（）A)<a-row><a-col:span="12":gutter="6>col-12col-offset-6</a-col></a-row>B)<a-row><a-col:gutter="12":offset="6>col-12col-offset-6</a-col></a-row>C)<a-row><a-col:span="12":offset="6>col-12col-offset-6</a-col></a-row>D)以上都不对答案:C解析:[单选题]49.以下哪个不是Angular的特性？A)双向数据绑定B)依赖注入C)指令D)JSX答案:D解析:[单选题]50.下列关于框架的边距说法正确的是（）。A)框架可以设置上下、左右边距B)框架的上下边距与body的顶部边距作用相同C)框架的左右边距与body的左边边距作用相同D)框架没有左右边距，也没有上下边距答案:A解析:[单选题]51.()可以将父组件的数据传递给子组件。A)dataB)methodsC)propsD)watch答案:C解析:[单选题]52.Vue实例创建完成之后，会调用生命周期中的（）钩子。（5.0分）0.0分A)beforeDestroyB)createdC)mountedD)beforeMount答案:B解析:[单选题]53.以下选项中可以正确的定义props的是（）A)props:['message']B)props:{'message'}C)props:（'message'）D)props:'message'答案:A解析:[单选题]54.对于框架集边框颜色的设置，正确的是（）。A)〈framesetborder="value"〉〈/frameset〉B)〈framesetcolor="value"〉〈/frameset〉C)〈framesetbordercolor="value"〉〈/frameset〉D)〈framesetframeborder="value"〉〈/frameset〉答案:C解析:[单选题]55.根据规范，哪些标签不是HTML5的语义化标签？（）A)headerB)sectionC)marqueeD)article答案:C解析:[单选题]56.在Vue中，下列钩子函数实例建立完成后调用是A)mounted()B)created()C)beforeDestroy()D)updated()答案:B解析:[单选题]57.在网站的商品目录展示吋,我们需要对不同的商品分别选择进行不同的操作。下面就是一个网站的商品展示部分代码<1i>佳能<i〉(12367)</i〉</1i〉<1i>索尼(12367)</1i〉<1i>三星(12367)</iX/1i><1i>尼康(12367)</1i〉<1i>松下(12367)</i〉X/1i〉<1i>卡西欧(12367)</1i><1i>富士<i〉(57866)</1i〉<1i>柯达<i〉(57866)</1i〉<1i>宾得<i〉(57866)</iX/1i〉<1i>理光(57866)</iゝ</1i〉<1i>奥林巴斯(57866)</iX</1i〉<1i>明基<i〉(57866)</1i〉<1i>爱国者(57866)</1i><1i>其他品牌相机(57866)</1i></1i></u1〉下面对选择以上商品代码解释不正确的是()A)$("ulligt(6);not(:last)");解释:从第7个至结束除最后一一个外所有的1i元素B)$(".categoryulli:first")解释:选择第1个li元素C)$(".categoryulli:nth-child(8)")解释:选择第8个|i元素D)$(".categoryulli").eq(5)解释:选择第5个|i元素答案:D解析:eq(index)选择器只匹配一个元素，并且是所有匹配到的元素中的第index+1个元素(索引index从0开始算起);[单选题]58.浮动会导致页面的非正常显示，以下几种清除浮动的方法，哪个是不推荐使用的？（）A)在浮动元素末尾添加一个空的标签例如B)通过设置父元素overflow值为hidden；C)父元素也设置浮动D)给父元素添加clearfix类答案:C解析:[单选题]59.Javascript中,以下声明变量语句中哪个不正确？A)varaa;B)varbb=3;cc='good';C)vardd=ee=100;D)varff=3,gg='he'sgood';答案:D解析:[单选题]60.在jquery中，如果想要自定义一个动画，用()函数来实现A)animate(）B)hover()C)stop()D)fadeToggle（）答案:A解析:animate是添加动画[单选题]61.关于HTML标题，下列说法错误的是（）A)<h1>标题定义的标题最大B)<h6>定义的标题最小C)<h1>~<h6>标签定义的标题，字号依次变小D)<h1>~<h6>标签定义的标题，字号依次变大答案:D解析:[单选题]62.下列不属于CSS背景属性正确的是（）A)backgroundB)bgcolorC)background-colorD)background-attachment答案:B解析:第2部分：多项选择题，共14题，每题至少两个正确答案,多选或少选均不得分。[多选题]63.通过数据挖掘过程所推倒出的关系和摘要经常被称为：()A)模型B)模式C)模范D)模具答案:AB解析:[多选题]64.段落p标记的align属性取值有（）A)leftB)rightC)centerD)justify答案:ABCD解析:[多选题]65.在下面代码中ｘ为何值时输出结果为?out2?？（）switch(ｘ){case1:System.out.println("out1");break;case2:case3:System.out.println("out2");break;default:System.out.println("end");}A)1B)2C)3D)default答案:BC解析:[多选题]66.超链接的目标可以是（）A)网页B)图片C)电子邮件地址D)应用程序答案:ABCD解析:[多选题]67.下列选项中，属于Vue生命周期钩子的有：（5.0分）5.0分A)createdB)readyC)mountedD)onLoad答案:AC解析:[多选题]68.管理员发现一个vmwrae虚拟机有以下症状：-CPUusage一直在90%以上；CPUready一直在20%以上；应用程序的性能是挤满的。应采取哪2个操作来改善这个虚拟机的性能A)增加分配给这个虚拟机的vCPUs的数量B)减少分配给这个虚拟机的vCPUs的数量C)确认在主机上的每一个虚拟机里都安装了vmwaretoolsD)增加分配给虚拟机的CPU共享答案:CD解析:[多选题]69.标记可以设置的属性有（）。A)colorB)alignC)sizeD)font-family答案:AC解析:[多选题]70.HTML题目下面是HTML表格标记的是()A)<table>B)<tr>C)<td>D)<from>答案:ABC解析:[多选题]71.产品负责人是负责管理产品待办列表的唯一负责人。产品代办列表包括：A)清晰地表述产品待办列表事项B)对产品待办列表进行排序，使其最好地实现目标和使命C)优化开发团队所执行的工作价值。D)确保开发团队对产品待办列表有足够深的理解答案:ABCD解析:[多选题]72.Jquery中关于bind()方法与unbind()方法说法正确的是()A)bind()方法可用来移除单个或多个事件B)unbind()方法可以同时移除多个事件，但不能移除单个事件C)使用bind()方法可同时绑定鼠标事件和键盘事件D)unbind()方法是与bind()方法对应的方法答案:CD解析:[多选题]73.关于JavaScript中的数组，说法正确的是A)JavaScript中没有数组类型B)JavaScript中的数组可以用newArray()来定义C)newArray(3)定义的数组中只有一个元素是3D)newArray(1,2,3)定义的数组中有3个元素答案:BD解析:[多选题]74.下面说明正确的是()A)src="c.htm"是设定此框窗中要显示的网页档案名称，每个框窗一定要对应一个网页档案。B)src="c.htm"是设定此框窗中要显示的网页档案属性C)<frameset>标记宣告HTML文件为框架模式，并设定视窗如何分割D)<frameset>标记宣告HTML文件为表格模式，并设定视窗如何分割答案:AC解析:[多选题]75.搭建一个企业级J2EEB/S架构应用，代码大概分几层？A)ControllerB)ActionC)ServiceD)DAO/SAO答案:ABCD解析:[多选题]76.以下属于JavaScript基本数据类型的选项有()A)undefinedB)interfaceC)symbolD)number答案:AD解析:第3部分：判断题，共14题，请判断题目是否正确。[判断题]77.XHTML规定所有属性都必须有一个值，没有值的就重复本身。例如：<tdnowrap><inputtype="checkbox"name="shirt"value="medium"checked>必须修改为：<tdnowrap="nowrap"><inputtype="checkbox"name="shirt"value="medium"checked="checked">A)正确B)错误答案:对解析:[判断题]78.HTML超文本标识语言不是SGML（标准通用标识语言）的一个子集。A)正确B)错误答案:错解析:将不是改为是[判断题]79.在单页面应用中更新视图可以不用重新请求页面A)正确B)错误C)不确定答案:对解析:[判断题]80.name属性规定元素的唯一id。（）A)正确B)错误答案:错解析:[判断题]81.</pre>表示段落标记的。A)正确B)错误答案:错解析:[判断题]82.组件template的DOM结构无需被一个元素包裹。A)正确B)错误答案:错解析:[判断题]83.一个完整的JavaScript实现是由三个不同部分组成的，包括核心（ECMAScripts），文档对象模型（DOM），浏览器对象模型（BOM）。A)正确B)错误答案:对解析:[判断题]84.1==true的返回值是true，这句话是否正确？A)正确B)错误答案:对解析:/[判断题]85.设计表格时，表头th标记中的文字内容会自动居中、加粗显示。A)正确B)错误答案:对解析:[判断题]86.Web的特点之一是易导航和图形化的界面。A)正确B)错误答案:对解析:[判断题]87.绝对定位的元素的父级元素一定要设置定位属性。A)正确B)错误答案:对解析:[判断题]88.设置表格table标记的frame属性值为?void?,则上下左右边框都显示。A)正确B)错误答案:错解析:将都显示改为都不显示[判断题]89.一个HTML5文档可以含有多对<body>标记。A)正确B)错误答案:错解析:[判断题]90.CSS背景复合属性中,既可以定义背景图片,也可以定义背景颜色。()A)正确B)错误答案:对解析:第4部分：问答题，共10题，请在空白处填写正确答案。[问答题]91.补全以下代码，以实现效果:<my-componentmsg="点击按钮后，我将显示在第二行"@__________________="parentHandler">点击</my-component>{{_____________________}}<scripttype="text/javascript">Vponent('my-component',{props:['_____________'],template:`<button@click="clickHandler"><slot></slot></b