1+X认证Web前端开发初级模拟试题及答案7套.docx

1+X认证Web前端开发初级模拟试题及答案7套一、单选题（共30小题，每小题2分，共60分）1、在HTML中，CSS样式中文本属性的说法错误的是（D）A. font-weight用于设置字体的粗细 B. font-family用于设置文本的字体类型 C. color用于设置文本的颜色 D. text-align用于设置文本的字体形状2、在HTML中,通常要通过定位，CSS属性中可以设置垂直叠放次序（C）A . list-styleB . paddingC . z-indexD . Float3、 在html 中，样式表按照应用方式可以分为三种类型，其中不包括（D）。A. 内嵌样式表B. 行内样式表C. 外部样式表文件D. 类样式4、有关下面代码片段的说法，（C）是正确的。 A color:blue; text-decoration:none; A:linkcolor:blue; A:hovercolor:red; A:visitedcolor:green; A.A样式与A:link样式效果相同 B.A:hover是鼠标正在按下时链接文字的样式 C.A:link是未被访问的链接样式 D.A:visited是鼠标正在按下时链接文字的样式5、阅读以下代码段，则可知（ A ）。 A.上面代码表示的表单元素类型分别是：文本框、单选按钮、复选框、文件域 B.上面代码表示的表单元素类型分别是：文本框、复选框、单选按钮、文件域 C.上面代码表示的表单元素类型分别是：密码框、多选按钮、复选框、文件域 D.上面代码表示的表单元素类型分别是：文本框、单选按钮、下拉列表框、文件域6、 以下不属于块级标签的是（C）A. div B. table C. img D. from7、如何显示这样一个边框：上边框 10 像素、下边框 5 像素、左边框 20 像素、右边框 1 像素？（D）A. border-width:10px 5px 20px 1pxB. border-width:10px 20px 5px 1pxC. border-width:5px 20px 10px 1pxD. border-width:10px 1px 5px 20px8、下列哪种方式是用类选择器定义样式的（B）A. pcolor: redB. .onecolor: redC. #twocolor: redD. p,h1color: red9、阅读下面的HTML及CSS代码，图片距最外面的DIV外边缘的距离是（ D ）。#outboxborder:10pxsolid#ff0000;width:400px;#inboxborder:20pxsolid#ff0000;margin:10px;padding:10px;A10pxB30pxC40pxD50px10、在CSS3中，哪项表示选择 title 属性包含单词 abc 的全部元素。（D）A. title=abc B. title = abc C. title$ =abc D. title*=abc11、将一个div 在鼠标放上去的时候向右偏移100px 旋转180度，以下代码正确的是（A）A . transform: translateX(100px) rotate(180deg);B. transform: translateX(-100px) rotate(-180deg);C. transform: translateY(100px) rotate(180deg);D. transform: translateY(-100px) rotate(-180deg);12、将删除指定元素的子节点，并返回被删除的节点对象，使用哪个方法。（D）A. insertBefore方法 B. cloneNode方法 C. appendChild方法 D. removeChild方法13、将s中所有的字母变成小写字母的方法是（B）A. toSmallCaseB. toLowerCaseC. toLIttleCaseD. toUpperCase 14、如果在 HTML 页面中包含如下图片标签，则选项中的（）语句能够实现隐藏该图片的功能。 (D) A.document.getElementById(“pic”).style.display=”visible”; B.document.getElementById(“pic”).style.display=”disvisible”; C.document.getElementById(“pic”).style.display=”block”; D.document.getElementById(“pic”).style.display=”none”;15、阅读以下程序 function replaceStr(inStr, oldStr, newStr) var rep = inStr; while (rep.indexOf(oldStr) -1) rep = rep.replace(oldStr, newStr); return rep; alert(replaceStr(how do you do,do,are);以下结果正确的是 (A)A. 弹出警示对话框，显示 how are you are。B. 弹出警示对话框，显示 how are you do。C. 弹出警示对话框，显示 how do you are。D. 弹出警示对话框，显示 how you do。16、有语句“var x=0;while(_) x+=2;”，要使 while 循环体执行 10 次，空白处的循环判定式应写为： ( C ) A x10B x=10 C x20 D .x=2017、在jquery中指定一个类，如果存在就执行删除功能，如果不存在就执行添加功能，下面哪一个是可以直接完成该功能的？（C）A、removeClass() B、 deleteClass()C、 toggleClass(class)D、 addClass()18、下面不属于ajax事件的是？ (C)A、ajaxComplete(callback) B、 ajaxSuccess(callback)C、$.post(url) D、ajaxSend(callback)19、在HTML 5中，哪个元素可以对页面的标题进行分组。（B）A. address元素 B. hgroup元素 C. section元素 D. nav元素20、以下哪个元素可以为figure标签添加标题。（C）A. title B. h3 C. figcaption D. caption21、在CSS中，为页面中的某个DIV标签设置样式divwidth:200px;padding:0 20px; border:5px;，则该标签的实际宽度为（ D ）A.200px B.220px C.240px D.250px22、以下哪个代码给元素设置背景裁切的属性（A）A backound-clip B background-size c backound-over D backound-contain23、弹性盒子中哪个不是 justify-content 的属性(C)A. flex-start B. flex-end C.flex-center D.space-around24、JavaScript 的数据类型不包括。（D）A. 数值 B. 字符串值 C. 数组 D. 类25、以下( )表达式产生一个 07 之间(含 0,7)的随机整数. ( C ) A.Math.floor(Math.random()*6) B.Math.floor(Math.random()*7) C.Math. floor(Math.random()*8) D.Math.ceil(Math.random()*8)26、在 HTML 文档对象模型中，history 对象的（）用于加载历史列表中的下一个 URL 页面。 ( C ) A next() B.back() C.forward() D.go(-1) 27、当浏览器窗口（包含宽度、高度）被调整后，触发以下哪项事件。（C）A. onsize事件 B. onload事件 C. onresize事件 D. onchange事件28、Javascript 中制作图片代替按钮的提交效果需要手动提交方法 submit()，以下调用正确的是（C）A.submit() B.myform.submit() C.document.myform.submit() D.window.myform.submit(); 29、查看一下代码 ，请问输出正确的是（A）var Test = foo:test, func:function () var self=this; console.log(this.foo); console.log(self.foo); (function () console.log(this.foo); console.log(self.foo); )(); ;Test.func();A test test undefined testB test undefined undefined testC test test undefined D test test test test30、以下哪个选项可以对元素定义不同的过渡动画效果。（D）A. animations属性 B. transform属性 C. position属性 D. transition属性 二、 多选题（共15小题，每小题2分，共30分）1、border-style 设置边框样式的属性有哪些。（ABD）A. dotted B. dashed C. double D. solid2、动画是使元素从一种样式逐渐变化为另一种样式的效果，使用什么来规定变化发生的时间的方式。（AB）A. form-to B. 0%-100% C. 0-100 D. 1-103、分析下面的HTML代码片段，则选项中的说法正确的是（AD） 姓名 成绩语文 数学 A. “姓名”单元个跨2列B. 该表格的边框宽度为10毫米C. 该表格共有2行3列D. 该表格中的文字均居中显示4、在HTML中，使用HTML元素的class属性，将样式应用于网页上某个段落的代码如下所示： 这是一个段落下面选项中，（AC）正确定义了上面代码引用的样式规则。A.pcolor:red B.#firstpcolor:red C.firstpcolor:red D.p#firstpcolor:red 5、在页面中，能够调取对话框是哪些方法。（ABC）。A. alert()方法 B. confirm()方法C. prompt()方法 D. cloneNode方法6、可以指定超出盒中内容的显示样式的属性是。（AD）A. overflow属性 B. font-overflow属性 C. box-overflow属性 D. text-overflow属性7、下列选项中，（）段 HTML 代码所表示的“返回”链接能够正确实现 IE 工具栏后退按钮的功能。 (AD) A. 返回 B. 返回 C. 返回 D. 返回8、在 HTML 页面中，定义了如下所示的 Javascript 函数，则正确调用该函数的 HTML 代码是（选择二项） (AB) function compute(op) alert(op); A. B. C. D.9、CSS中，盒模型的属性包括（ BCD ）A.visibleB.margin C.padding D.border10、jQuery中遍历节点的方法，错误的是（BCD）A. next() 取得匹配元素后面紧邻的同辈元素B. prev() 取得匹配元素的所有同辈元素C. siblings() 取得匹配元素前的所有同辈元素D. closest() 取得元素紧邻的后一个元素匹配11、分析下面的JavaScript代码段a=new Array(2,3,4,5,6); sum=0;for(i=2;ia.length;i+ ) sum +=ai;documentwrite(sum); 输出结果不正确的是( ABC )A20 B23456 C2，3，4，5，6 D1512、关于WEB标准以下说法正确的是（ ACD ）A. Web标准是一个复杂的概念集合，它由一系列标准组成B. 这些标准全部都由W3C起草与发布C. Web标准可以分为3个方面D. Web标准里的表现标准语言主要包括CSS13、下面选项中属于css3 新属性的是（BCD）A. text-align B. border-radius C. transition D. box-shadow14、下面关于css3 伪类描述正确的是（AB）A. p:first-of-type选择属于其父元素的首个;B.p:nth-child(2)选择属于其父元素的第二个子元素的每个;元素。C. p:only-of-type 选择属于其父元素的唯一子元素的每个;元素。D. p:only-child 选择属于其父元素唯一的;15、CSS中的选择器包括（ BCD ）A. 超文本标记选择器 B. 类选择器 C. 标签选择器 D. ID选择器三、判断题（共5小题，每小题2分，共10分。在每小题对应的括号内填入判断结果，用“”表示正确，用“”表示错误）1、是HTML5中新增的状态交互元素，用来表示页面中的某个任务完成的进度。（ ）2、在CSS中，border:1px2px3px4px表示设置某个HTML元素的上边框为1px、右边框为2px、左边框为3px、下边框为4px。（ ）3、在css3 代码transform: rotate(30deg)是逆时针旋转30度（）4、下面的javascript代码的执行 var x=45； if(x=60) document.writeln(要下雨了)； else if(x=50) document.writeln(天很阴)； else if(x=30) document.writeln(很舒适)； else if(x=00) document.writeln(很干燥)； 是很干燥（ ）5、 在jquery 中onclick( ) 方法是用来做点击事件的（ ）模拟卷8一、单选题（每小题2分，共30小题，共60分）1、在Bootstrap框架中，表单元素 要加上下列哪个类，才能给表单元素 添加圆角属性和阴影效果（）。A、.form-groupB、.form-horizontalC、.form-inlineD、.form-control2、Bootstrap框架中的 .img-responsive 类可以让图片支持响应式布局，它的实现原理是（）。A、设置max-width: 100%;和height: auto;B、设置max-width: 100%; 和height: 100%;C、设置width: auto; 和max-height: 100%;D、设置width: auto; 和height: auto;3、在移动端使用Bootstrap时，导航条在屏幕显示时会被折叠，实现显示和折叠功能的按钮需要如何处理（）。A、折叠按钮设置data-toggle=collapsed，折叠容器需要添加collapsed类B、折叠按钮设置data-toggle=collapse，折叠容器需要添加collapse类C、折叠按钮设置data-toggle=scroll，折叠容器需要添加collapse类D、折叠按钮设置data-spy=scroll，折叠容器需要添加collapse类4、在Bootstrap中实现.nav的内容按比例填充所有可用空间，应该加哪个类（）。A、.nav-centerB、.nav-fillC、.nav-leftD、.nav-right5、在Bootstrap中，使用tab标签页插件，要显示的内容要放在下方哪个容器里面（）。A、.contentB、.tab-groupC、.tab-bodyD、.tab-content6、以下哪个标签不是 HTML 5 的语义化标签（）。A、B、C、D、7、在使用css3盒模型时，box-sizing属性设置为（），元素的宽度只是该元素内容的宽度，而不包括边框和内边距的宽度。A、content-boxB、border-boxC、text-boxD、none8、实现一个css3线性渐变效果，渐变的方向是从右上角到左下角，起点颜色是从白色到黑色，以下写法正确的是（）。A、background:linear-gradient(225deg,rgba(0,0,0,1),rgba(255,255,255,1);B、background:linear-gradient(-135deg,hsla(120,100%,0%,1),hsla(240,100%,100%,1);C、background:linear-gradient(to top left,white,black);D、background: linear-gradient(to bottom left, white, black);9、使用css3过渡效果“transition:width.5sease-in.1s;”，其中“.5s”对应的属性是（）。A、transition-property：对象中的参与过渡的属性B、transition-duration：对象过渡的持续时间C、transition-timing-function ：对象中过渡的动画类型 D、transition-delay：对象延迟过渡的时间10、使用SQL语句创建数据库，数据库名为mytest，下列SQL语句写法是正确的是（）。A、create mytestB、create table mytestC、database mytestD、create database mytest11、下列哪项为查找结果按照学号降序排列（）。A、ORDER BY DESC StuNumB、ORDER BY StuNum DESCC、ORDER BY StuNum ASCD、ORDER BY ASC StuNum12、在视图上不能完成的操作是（）。A、查询B、在视图上定义新的视图C、更新视图D、在视图上定义新的表13、用于将事务处理写到数据库的命令是（）。A、insertB、rollbackC、commitD、savepoint14、关于PHP，下列说法错误的是（）。A、开发PHP网页所使用的脚本语言是PHP B、网页中的PHP代码同html标记符一样，必须用分隔符”将其括起来 C、PHP网页，运行时在客户端可查看到真实的PHP源代码 D、PHP和html可混合编程15、以下PHP变量名不正确的是（）。A、$_beijingB、$_BeijingC、$9BeijingD、$Beijing16、array_push()的作用是（）。A、将数组的第一个元素弹出B、将数组的最后一个元素弹出C、将一个或多个元素压入数组的末尾D、将一个或多个元素插入数组的开头17、以下关于继承的说法错误的是（）。A、一个类可以在声明中用extends关键字继承另一个类的方法和属性B、如果父类中的方法被声明为 final，则子类无法覆盖该方法C、PHP可以多重继承，一个类可以继承多个父类D、属性不能被定义为 final，只有类和方法才能被定义为 final18、执行以下代码，输出结果是（）。A、echo class a something echo class b somethingB、echo class b something echo class a somethingC、echo class a something D、echo class b something19、下面有关PHP中require()和include()的描述，说法错误的是（）。A、require函数通常放在 PHP 程序的最前面B、include函数一般是放在流程控制的处理部分中C、require_once 语句和 require 语句完全相同，唯一区别是 PHP 会检查该文件是否已经被包含过，如果是则不会再次包含D、require在引入不存文件时产生一个警告且脚本还会继续执行，而include则会导致一个致命性错误且脚本停止执行20、PHP用于存储用户会话信息的超级全局变量是（）。A、$_GETB、$_POSTC、$_FILESD、$_SESSION21、在PHP中用于存储cookie数据的超级全局变量是（）。A、$_COOKIESB、$_GETCOOKIESC、$_GETCOOKIED、$_COOKIE22、以下PHP代码，用来查询mysql数据库中的User表，若能正常连接数据库，则以下选项中能正确执行$sql的查询语句的是（）。execute($sql);C、$conn-query($sql);D、query($sql);23、使用composer下载laravel时，若不指定下载版本，默认下载哪个版本的laravel（）。A、最新版本B、稳定版本C、某一固定版本D、无法下载24、laravel中控制器所在文件路径是（）。A、app/Http/ControllerB、routes/Http/ControllerC、app/ControllerD、app/Http25、laravel的Blade模板中指定继承母模板的关键字是（）。A、sectionB、extendsC、includeD、yield26、以下laravel代码中$fillable作用是（）。class User extends Model / 定义模型关联的数据表(一个模型只操作一个表) protected $table = user; protected $fillable = user_account,user_password,email, create_time, del;A、设置允许写入的数据字段B、设置不允许写入的数据字段C、设置允许读取的数据字段D、设置不允许读取的数据字段27、下面选项中，创建XMLHttpRequest对象的语法正确的是（）。A、xmlhttp=new XMLHttpRequest();B、xmlhttp=new ActiveXObject(Microsoft.XMLHTTP);C、xmlhttp=new XMLHttpRequest(Microsoft.XMLHTTP);D、xmlhttp=new ActiveXObject();28、使用jQuery发送AJAX请求，关于请求的类型说法正确的是 （）。A、只能发送GET类型请求B、只能发送POST类型请求C、可以发送PUT类型请求D、可以发送GET或者POST类型请求29、浏览器客户端向服务器发送AJAX请求，服务器接收请求，处理完毕后，返回数据为“处理成功”，AJAX获取到服务器返回的数据时，以下关于AJAX响应属性正确的是（）。A、status = 403B、readyState = 4C、status = 404D、readyState = 330、下面选项中，将字符串姓名:张三,性别:男解析成JSON对象，写法正确的是（）。A、JSON.parses(姓名:张三,性别:男);B、JSON.stringify(姓名:张三,性别:男);C、JSON.parse(姓名:张三,性别:男);D、JSON.string(姓名:张三,性别:男);二、多选题（每小题2分，共15小题，共30分）1、在Bootstrap栅格系统中，适应移动端超小设备(576px)和移动端平板设备(768px)，使用的类前缀是（）。A、.col-md-B、.col-lg-C、.col-D、.col-sm-2、下列关于Bootstrap栅格系统说法正确的是（）。A、栅格系统每一行不能少于12列B、通过“行(row)”在水平方向创建一组“列(column)”C、“行(row)”必须包含在.container（固定宽度）或.container-fluid(100%宽度)中，以便为其赋予合适的排列（aligment）和内补(padding)D、如果一“行(row)”中包含了的“列(column)”大于12，多余的“列(column)”所在的元素将被作为一个整体另起一行排列3、在HTML 5中，用于播放视频与音频文件的元素是（）。A、元素B、元素C、元素D、元素4、为了适应移动设备，html页面可以用meta标签对viewport进行控制，meta标签内可以控制下面哪些属性（）。A、initial-scaleB、user-scalableC、max-widthD、min-width5、在css3单位中，哪些相对font-size属性来计算（）。A、vhB、emC、vwD、rem6、若用如下的SQL语句创建了一个SC表：CREATE TABLE SC(S# CHAR (6) NOT NULL，C#CHAR (3) NOT NULL，SCORE INTEGER，NOTE CHAR(20) 向SC表插入如下数据时，哪些数据可以被成功插入（）。A、(201009，111，60，必修)B、(200823，101，NULL，NULL)C、(NULL，103，80，选修)D、(201132，NULL，86，101)7、MySQL数据库中，创建唯一索引的方式有（）。A、Create indexB、Create tableC、创建表时设置主键约束D、创建表时设置唯一约束8、XAMPP套件中包括哪些内容（）。A、PHPB、ApacheC、MySQLD、Chrome9、PHP支持的复合数据类型是（）。A、Boolean 布尔类型B、Array 数组C、Resource 资源类型D、Object 对象10、在PHP中，以下哪些是不等运算符（）。A、B、!=C、D、11、PHP中可以实现循环的是（）。A、forB、breakC、whileD、waiting12、在PHP类定义中，对属性或方法的访问控制，是通过在前面添加关键字来实现的，以下属于访问控制关键字的选项是（）。A、publicB、privateC、protectedD、default13、以下Laravel路由配置代码，若相关的控制类以及方法，模板文件都存在，正确的是（）。A、Route:post(“/login”, “UserControllerlogin”);B、Route:get(“/index”, function() return view(“index”););C、Route:match(“get”, “post”, “/reg”, “UserControllerregist”);D、Route:any(“get”, “post”, “/user/id”, function($id) return “user ”.$id;);14、使用RESTful API规范设计用户管理模块接口，设计新增用户接口和查询用户接口时，分别选用动词为（）。A、POSTB、PUTC、GETD、DELETE15、在商品管理系统中，使用j