2022年1+X证书认证Web前端开发(初级）测试题及答案2套.docx

《2022年1+X证书认证Web前端开发(初级）测试题及答案2套.docx》由会员分享，可在线阅读，更多相关《2022年1+X证书认证Web前端开发(初级）测试题及答案2套.docx（15页珍藏版）》请在淘文阁 - 分享文档赚钱的网站上搜索。

1、1+X证书认证Web前端开发（初级）测试题一、单项选择题（共30小题，每题2分，共60分）1、在HTML中，CSS样式中文本属性的说法错误的选项是（D）A. font-weight用于设置字体的粗细font-family用于设置文本的字体类型B. color用于设置文本的颜色text-align用于设置文本的字体形状2、在HTML中，通常要通过定位，CSS属性中可以设置垂直叠放次序（C）A. list-styleB . paddingC . z-indexD . Float3、在html中，样式表按照应用方式可以分为三种类型，其中不包括（D）。A.内嵌样式表B.行内样式表C.外部样式表文件D.

2、类样式4、有关下面代码片段的说法，（C）是正确的。A）color:bluc;text-decoration :none;）A:link color:blue; A:hover color:red; A:visited colo亡green; A样式与AJink样式效果相同A. A:hover是鼠标正在按下时链接文字的样式A:link是未被访问的链接样式B. A:visited是鼠标正在按下时链接文字的样式 5、阅读以下代码段，那么可知（A ）。input type=radio name=radio value二女A.上面代码表示的表单元素类型分别是：文本框、单项选择按钮、复选框、文件域B.上面

3、代码表示的表单元素类型分别是：文本框、复选框、单项选择按钮、文件域C.上面代码表示的表单元素类型分别是：密码框、多项选择按钮、复选框、文件域 D.上面代码表示的表单元素类型分别是：文本框、单项选择按钮、下拉列表框、文件域6、以下不属于块级标签的是（C）A. div B. table C. img D. from 7、如何显示这样一个边框：上边框10像素、下边框5像素、左边框20像素、右边 框1像素？（D）A. border-width:10px 5px 20px Ipx B. border-width:10px 20px 5px Ipx C. border-width:5px 20px lOp

4、x Ipx D. border-width:lOpx Ipx 5px 20px 8、以下哪种方式是用类选择器定义样式的（B）A. p color: red B. one color: red C. #two color: red D. p,hl color: red 9、阅读下面的HTML及CSS代码，图片距最外面的DIV外边缘的距离是（D ）。#outbox border: 1 Opx solid #ff()()()(); width:400px; #inbox border:20px solid#ffOOOO; margin:!Opx; padding:!Opx; A. lOpx B. 3

5、()px C. 40px D. 5()px 10、在CSS3中，哪项表示选择title属性包含单词“abc”的全部元素。（D）A. titlc-=abcC. title$ =abcA. titlc-=abcC. title$ =abcB. title = abcD. title*=,abcu11、将一个div在鼠标放上去的时候向右偏移100Px旋转180度，以下代码正确的选项是（A）A . transform: translateX( 1 OOpx) rotate( 180deg);transform: lranslateX(-1 OOpx) rotate(-180deg);B. transf

6、orm: translaleY(lOOpx) rotate(180deg);transform: translateY(-1 OOpx) rotate(-180dcg);12、将删除指定元素的子节点，并返回被删除的节点对象，使用哪个方法。（D）A. insertBefbre 方法C. appcndChild 方法B. insertBefbre 方法C. appcndChild 方法C. cloneNode 方法D. removeChild 方法13、将s中所有的字母变成小写字母的方法是（B）A. toSmallCasetoLowerCaseB. toLIttleCasetoUpperCase

7、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.getElemcntById(pic).style.display=none;15、阅读以下程序function replaceStr(inSt

8、r, oldStr, newStr) var rep = inStr;while (rep.indexOf(oldStr) -I) rep = rep.replace(oldStr, newStr);return rep;alert(replaceStr(how do you do,do Jare);以下结果正确的选项是(A)A.弹出警示对话框，显示how are you are。B.弹出警示对话框，显示how are you do0C.弹出警示对话框，显示how do you areoD.弹出警示对话框，显示how you doo16有语句“var x=0;whiIe() x+=2;”，要使

9、while循环体执行1()次，空白处的循环 判定式应写为：(C)A. x10x=I0B. x20.x border-style设置边框样式的属性有哪些。(ABD)A. dotted B. dashed C. double D. solid 2、动画是使元素从一种样式逐渐变化为另一种样式的效果，使用什么来规定变化发生 的时间的方式。（AB）A. form-to B.0%-100% C. 0-100 D. 1-103、分析下面的HTML代码片段，那么选项中的说法正确的选项是（AD） td colspan=2 align=center”姓名 成绩 语文 数学 A. “姓名”单元个跨2列B.该表格的边

10、框宽度为10毫米C.该表格共有2行3列D.该表格中的文字均居中显示 4、在HTML中，使用HTML元素的class属性，将样式应用于网页上某个段落的代码 如下所示：p class=firslp这是一个段落下面选项中，（AC ）正确定义了上面代码引用的 样式规那么。A.pcolor:redB.#firstp color:red C.firstp color:redD.p#firstp color:red 5、在页面中，能够调取对话框是哪些方法。(ABC)。A. alert。方法B. confirm。方法C. prompt。方法D. cloneNode 方法6、可以指定超出盒中内容的显示样式的属性

11、是。(AD)A. overflow 属性B. font-overflow 属性C. box-overflow 属性 D. text-overflow 属性7、以下选项中，()段HTML代码所表示的“返回”链接能够正确实现IE工具栏后退 按钮的功能。(AD)A. 返回返回B. a hrcfjavascript: location 返回返回8、在HTML页面中，定义了如下所示的Javascript函数，那么正确调用该函数的HTML 代码是(选择二项)(AB)function compute(op)alert(op);)A.B.C.D.9、CSS中，盒模型的属性包括(BCD )A.visibleB.

12、marginC.paddingD. border 10、jQuery中遍历节点的方法，错误的选项是(BCD) A. next()取得匹配元素后面紧邻的同辈元素B. prev()取得匹配元素的所有同辈元素siblings()取得匹配元素前的所有同辈元素C. closesK)取得元素紧邻的后一个元素匹配11 分析下面的JavaScript代码段a=new Array(2,3,4,5,6); sum=0;for(i=2;ia.length;i+ )sum +=ai;document, write(sum);输出结果不正确的选项是(ABC ).A. 20 B. 23456 C. 2, 3, 4, 5,

13、 6 D. 1512、关于WEB标准以下说法正确的选项是(ACD )A. Web标准是一个复杂的概念集合，它由一系列标准组成B.这些标准全部都由W3C起草与发布C. Web标准可以分为3个方面Web标准里的表现标准语言主要包括CSS13、下面选项中属于css3新属性的是(BCD)A. text-align B. border-radius C. transition D. box-shadow14、下面关于css3伪类描述正确的选项是(AB)p:first-of-type选择属于其父元素的首个;A. p:nth-child(2)选择属于其父元素的第二个子元素的每个;元素。B. p:only-o

14、f-type选择属于其父元素的唯一子元素的每个;元素。C. p:only-child选择属于其父元素唯一的;15、CSS中的选择器包括(BCD )A.超文本标记选择器B.类选择器C.标签选择器 D. ID选择器三、判断题(共5小题，每题2分，共10分。在每题对应的括号内填入 判断结果，用表示正确，用“x”表示错误)1、progress是HTML5中新增的状态交互元素，用来表示页面中的某个任务完成的进 度。(4)2、在CSS中，border: Ipx 2Px 3px 4Px表示设置某个HTML元素的上边框为Ipx、右边 框为2px、左边框为3px、下边框为4px。( x )3、在 css3 代码

15、 transform: rolate(30deg)是逆时针旋转 30 度(x)4、下面的javascript代码的执行var x=45 ；if(x=60)document. writein(要下雨了 )；Ielse if(x=50)document, writein(天很阴”)； else if(x=30)document, wrileln(很舒适)；(else if(x=OO)document, writein(很干燥)；)是很干燥(x )5、在jquery + onclick()方法是用来做点击事件的(x)1+X证书认证Web前端开发（初级）测试题一、单项选择题（每题2分，共30小题, 共

16、60分）1、在Bootstr即框架中，表单元素inpul要加上以下哪个类，才能给表单元素input 添加圆角属性和阴影效果O oA、.form-group B、.form-horizontal C、.form-inline D .form-control2、Bootstr叩框架中的.img-responsive类可以让图片支持响应式布局，它的实现原理是 （）OA、设置 max-width: 100%;和 height: auto;B、设置 max-width: 100%;和 height: 100%;C、设置 width: auto;和 max-height: 100%;D、设置 width:

17、 auto;和 height: auto;3、在移动端使用Bootstrap时，导航条在屏幕显示时会被折会，实现显示和折叠功能的 按钮需要如何处理（）oA、折叠按钮设置data-toggle=，collapsed,折叠容器需要添加collapsed类B、折叠按钮设置data-toggle=，collapse1折叠容器需要添加collapse类C、折叠按钮设置dala-toggle=，scroll，折叠容器需要添加collapse类D、折叠按钮设置data-spy=scrn,折叠容器需要添加collapse类4、在Bootstrap中实现.nav的内容按比例填充所有可用空间，应该加哪个类（）。A

18、、.nav-centerB、.nav-fillC .nav-leftD、.nav-right5、在Bootstrap中，使用tab标签页插件，要显示的内容要放在下方哪个容器里面（）。A、.contentB、.tab-groupC、.tab-bodyD、.tab-content6、以下哪个标签不是HTML5的语义化标签()oA、B、C、D、7、在使用css3盒模型时，box-sizing属性设置为(),元素的宽度只是该元素内容的宽 度，而不包括边框和内边距的宽度。A、content-boxB、border-boxC、text-boxD、none8、实现一个css3线性渐变效果，渐变的方向是从右上

19、角到左下角，起点颜色是从白色 到黑色，以下写法正确的选项是()0A、background:linear-gradient(225deg,rgba(0,0,0,1 ),rgba(255,255,255,1);B、background:linear-gradient(-135deg,hsla(l 20,100%,0%, 1 ),hsla(240,100%, 100%,1);C、background:linear-gradient(to top lefuwhite,black);D、background: lincar-gradicnt(to bottom left, white, black);9

20、、使用 css3 过渡效果 atransition: width .5s ease-in .Is;,其中.5s”对应的属性是()。A transition-property：对象中的参与过渡的属性transition-duration：对象过渡的持续时间C transition-timing-function :对象中过渡的动画类型D transition-delay：对象延迟过渡的时间10、使用SQL语句创立数据库，数据库名为my test,以下SQL语句写法是正确的选项是()。A、create mytestB、create table mytestC database mytestD、cr

21、eate database mytest11、以下哪项为查找结果按照学号降序排列()。A、ORDER BY DESC StuNumB、ORDER BY StuNum DESCC、ORDER BY StuNum ASCD、ORDER BYASC StuNum12、在视图上不能完成的操作是()oA、查询 B、在视图上定义新的视图C、更新视图D、在视图上定义新的表13、用于将事务处理写到数据库的命令是()。D savepointA、insertB、rollbackC、commit14、关于PHP,以下说法错误的选项是()oA、开发PHP网页所使用的脚本语言是PHPB、网页中的PHP代码同hlml标记

22、符一样，必须用分隔符“ ”和“,”将其括起来C、PHP网页，运行时在客户端可查看到真实的PHP源代码D、PHP和html可混合编程 15、以下PHP变量名不正确的选项是()oA、$_beijingB、$_BeijingC、$9BeijingD、$Beijing16、array_push()的作用是()。A、将数组的第一个元素弹出B、将数组的最后一个元素弹出C、将一个或多个元素压入数组的末尾 D、将一个或多个元素插入数组的开头17、以下关于继承的说法错误的选项是()。A、一个类可以在声明中用extends关键字继承另一个类的方法和属性B、如果父类中的方法被声明为final,那么子类无法覆盖该方法

23、C、PHP可以多重继承，一个类可以继承多个父类D、属性不能被定义为final,只有类和方法才能被定义为final 18、执行以下代码，输出结果是()。A、echo class a something echo class b somethingB、echo class b something echo class a somethingC、echo class a somethingD、echo class b something 19、下面有关PHP中require。和include。的描述，说法错误的选项是()。A require函数通常放在PHP程序的最前面B、include函数一般是放

24、在流程控制的处理局部中C require_once语句和require语句完全相同，唯一区别是PHP会检查该文件是否已 经被包含过，如果是那么不会再次包含D、require在引入不存文件时产生一个警告且脚本还会继续执行，而include那么会导致一 个致命性错误且脚本停止执行20、PHP用于存储用户会话信息的超级全局变量是()oA、$_GET B、$_POST C、$_FILES D、$_SESSION21、在PHP中用于存储cookie数据的超级全局变量是()。A、$_COOKIESB、$_GETCOOKIESC、$_GETCOOKIED、$_COOKIE22、以下PHP代码，用来查询mys

25、ql数据库中的User表，假设能正常连接数据库，那么以 下选项中能正确执行$sql的查询语句的是()。execute($sql);C、$conn-query($sql);D、query($sql);23、使用composer下载laravel时，假设不指定下载版本，默认下载哪个版本的laravel ()。A、最新版本 B、稳定版本 C、某一固定版本 D、无法下载24、laravel中控制器所在文件路径是()0A、叩p/ /ControllerB、routes/ /ControllerC、app/ControllerD、叩p/ 25、laravel的Blade模板中指定继承母模板的关键字是()。

26、A、sectionB、extendsC、includeD、yield26以下laravel代码中$fHlable作用是()。class User extends Model (/定义模型关联的数据表(一个模型只操作一个表)protected Stable = user;protected $ fillable = user-accountVuser-password,email, create_time del; A、设置允许写入的数据字段B、设置不允许写入的数据字段C、设置允许读取的数据字段D、设置不允许读取的数据字段 27、下面选项中，创立XMLHUpRequesl对象的语法正确的选项是(

27、)。A、xml =new XML Request();B、xml =new ActiveXObject(,Microsoft.XML n);C、xml =ncw XML Rcqucst(nMicrosoft.XML M,);D、xml =new ActiveXObject();28、使用jQuery发送AJAX请求，关于请求的类型说法正确的选项是()。A、只能发送GET类型请求B、只能发送POST类型请求C、可以发送PUT类型请求D、可以发送GET或者POST类型请求29、浏览器客户端向服务器发送AJAX请求，服务器接收请求，处理完毕后，返回数据 为“处理成功”，AJAX获取到服务器返回的数据

28、时，以下关于AJAX响应属性正确的 是()。A、status = 403 B、ready State = 4 C、status = 404 D、ready State = 330、下面选项中，将字符串姓名“张三性别“男解析成JSON对象， 写法正确的选项是()0A、JSON.parses(“姓名“名张三性别男B、JSON.stringifyCT“姓名“张三性别“男C、JSON.parse(“姓名“:“张三性别“男D、JSON.string(“姓名张三性别男巧;”二、多项选择题(每题2分，共15小题,共30分)1、在Boolstrap栅格系统中，适应移动端超小设备(576px)和移动端平板设备(

29、768px), 使用的类前缀是O oA、.col-md- B、.col-lg- C .col- D、.col-sm-2、以下关于Bootstrap栅格系统说法正确的选项是()。A、栅格系统每一行不能少于12列B、通过“行(row)”在水平方向创立一组“列(column)”C、“行(row)”必须包含在 ainer (固定宽度)或 ainer-fluid(100%宽度)中，以便 为其赋予合适的排列(aligmcnt)和内补(padding)D如果一行(row)”中包含了的“列(column)”大于12,多余的“列(column)”所在 的元素将被作为一个整体另起一行排列3、在HTML5中，用于播

30、放视频与音频文件的元素是()。A、video元素B、audio元素C、music元素 D、vmove元素4、为了适应移动设备，html页面可以用mela标签对viewport进行控制，meta标签内可 以控制下面哪些属性()0A、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

31、 INTEGER, NOTE CHAR(20)向SC表插入如下数据时，哪些数据可以被成功插入()oA、(,201009, lir, 60,必修)B、(200823, 101, NULL, NULL)C、(NULL, 303，80,选修)D、(201132, NULL, 86, 101)7、MySQL数据库中，创立唯一索引的方式有()。A、Create indexB、Create tableC、创立表时设置主键约束C、创立表时设置主键约束D、创立表时设置唯一约束8、XAMPP套件中包括哪些内容()0A、PHPB、ApacheC、MySQLD、Chrome9、PHP支持的复合数据类型是()oA、B

32、oolean布尔类型C、Resource资源类型B、Array 数组D、Object 对象1()、在PHP中，以下哪些是不等运算符()oA、*B、!=C 11、PHP中可以实现循环的是()oA、forB、breakC、whileD、waiting12、在PHP类定义中，对属性或方法的访问控制，是通过在前面添加关犍字来实现的， 以下属于访问控制关键字的选项是O oA、publicB、privateC、protectedD、default13、以下Laravel路由配置代码，假设相关的控制类以及方法，模板文件都存在，正确的 是()。A、Route:post(/login”, UserConlrol

33、lerlogin)；B、Route: :get(t7index, function() return view(uindex,);J);C Route:match(4getM, 4tpostM, t7regv, MUserControllerregistM);D、Route:any(ttgef, upost,，l, urlB、typeC、dataD success三、判断题（每题2分，共5小题, 共10分。在每题后对应括号内填入 判断结果，正确的选项填写“，”，错 误的选项填写“义”）1、Bootstrap 插件全部依赖 jQuery （）。2、某元素hidden属性为true时，元素属于不可见状态，元素内的内容也不会被浏览器 创立（）O3、盒阴影box-shadow中“阴影模糊值”可以为负数（）。4、MySQL可使用source命令导入本地sql脚本文件（）。5、PHP可以使用“scanf”来打印输出结果（）。