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-style
B . padding
C . z-index
D . Float

3、 在html 中，样式表按照应用方式可以分为三种类型，其中不包括（D）。
A. 内嵌样式表
B. 行内样式表
C. 外部样式表文件
D. 类样式

4 、有关下面代码片段的说法，（C）是正确的。
<style type="text/css">
 A{
  color:blue;
  text-decoration:none;
 } 
A:link{ color:blue; }
A:hover{ color:red; }
A:visited{ color:green; }
</style>
A. A样式与A:link样式效果相同
B. A:hover是鼠标正在按下时链接文字的样式
C. A:link是未被访问的链接样式
D. A:visited是鼠标正在按下时链接文字的样式

5、阅读以下代码段，则可知（  A  ）。
<input type="text" name="text">
<input type="radio" name="radio" value="女">
<input type="checkbox" name="checkbox" value="checkbox">
 <input type="file" name="file">
A. 上面代码表示的表单元素类型分别是：文本框、单选按钮、复选框、文件域
B. 上面代码表示的表单元素类型分别是：文本框、复选框、单选按钮、文件域
C. 上面代码表示的表单元素类型分别是：密码框、多选按钮、复选框、文件域
D. 上面代码表示的表单元素类型分别是：文本框、单选按钮、下拉列表框、文件域

6、 以下不属于块级标签的是（C）
A. div B. table C. img D. from

7、如何显示这样一个边框：上边框 10 像素、下边框 5 像素、左边框 20 像素、右边框 1 像素？（D）
A. border-width:10px 5px 20px 1px
B. border-width:10px 20px 5px 1px
C. border-width:5px 20px 10px 1px
D. border-width:10px 1px 5px 20px

8、下列哪种方式是用类选择器定义样式的（B）
A. p{color: red}       B. . one{color: red}       C. #two{color: red}     D. p,h1{color: red}

9、阅读下面的HTML及CSS代码，图片距最外面的DIV外边缘的距离是（ D ）。
<style type="text/css"> 
#outbox { border:10px solid #ff0000; width:400px; } 
#inbox { border:20px solid #ff0000; margin:10px; padding:10px; } 
</style> 
<div id="outbox"> 
<div id="inbox"><img src="flower.jpg" /></div> 
</div> 
A．10px         B．30px          C．40px         D．50px

10、在CSS3中，哪项表示选择 title 属性包含单词 "abc" 的全部元素。（D）
A. [title~=abc] B. [title = abc]
C. [title$ ="abc"] D. [title*="abc"]

11、将一个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. toSmallCase
B. toLowerCase
C. toLIttleCase
D. toUpperCase

14、如果在 HTML 页面中包含如下图片标签，则选项中的（）语句能够实现隐藏该图片的功能。 (D)
<img id=”pic” src=”Sunset.jpg” width=”400” height=”300”>
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． x<10
B． x<=10
C． x<20
D． .x<=20

17、在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. caption

21、在CSS中，为页面中的某个DIV标签设置样式div{width:200px;padding:0 20px; border:5px;}，则该标签的实际宽度为（  D  ）
A.200px         B.220px          C.240px      D.250px

22、以下哪个代码给元素设置背景裁切的属性（A）
A backound-clip B background-size c backound-over D backound-contain

23、弹性盒子中哪个不是 justify-content 的属性(C)
A. flex-start B. flex-end C.flex-center D.space-around

24、JavaScript 的数据类型不包括。（D）
A. 数值 B. 字符串值 C. 数组 D. 类

25、以下( )表达式产生一个 0~7 之间(含 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 test
B test undefined undefined test
C test test undefined
D test test test test

30、以下哪个选项可以对元素定义不同的过渡动画效果。（D）
A. animations属性 B. transform属性
C. position属性 D. transition属性

二、 多选题（共15小题，每小题2分，共30分）
1、border-style 设置边框样式的属性有哪些。（ABD）
A. dotted B. dashed C. double D. solid

2、动画是使元素从一种样式逐渐变化为另一种样式的效果，使用什么来规定变化发生的时间的方式。（AB）
A. form-to B. 0%-100% C. 0-100 D. 1-10

3、分析下面的HTML代码片段，则选项中的说法正确的是（AD）
<table border="10"> <tr> <td colspan=2 align="center">姓名</td></tr> <tr> <td rowspan=2 align="center">成绩</td><td align="center">语文</td></tr> <tr><td colspan=2 align="center">数学</td></tr> <table>
A. “姓名”单元个跨2列
B. 该表格的边框宽度为10毫米
C. 该表格共有2行3列
D. 该表格中的文字均居中显示

4、在HTML中，使用HTML元素的class属性，将样式应用于网页上某个段落的代码如下所示：
<p class=”firstp”>这是一个段落</p> 下面选项中，（ AC    ）正确定义了上面代码引用的样式规则。
A.<sytle type=”text/css”>p{color:red}</sytle>
B.<sytle type=”text/css”>#firstp{color:red}</sytle>
C.<sytle type=”text/css”>.firstp{color:red}</sytle>
D.<sytle type=”text/css”>p#firstp{color:red}</sytle>

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. <a href=”javascript:history.go(-1)”>返回</a>
B. <a href=”javascript:location.back()”>返回</a>
C. <a href=”javascript: location go(-1)”>返回</a>
D. <a href=”javascript:history.back()”>返回</a>

8、在 HTML 页面中，定义了如下所示的 Javascript 函数，则正确调用该函数的 HTML 代码是（选择二项） (AB)
function compute(op){
alert(op);
}
A.<input name=”a” type=”button” onclick=”compute(this.value)” value=”+”>
B.<input name=”b” type=”button” onclick=”compute(‘-‘)” value=”-”>
C.<input name=”c” type=”button” onclick=”compute(“*”)” value=”*”>
D.<input name=”d” type=”button” onclick=”compute(/ )” value=”/”>

9、CSS中，盒模型的属性包括（ BCD  ）
A.visible        B.margin          C.padding        D.border

10、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;i<a.length;i++ )
sum +=a[i];
document．write(sum); 输出结果不正确的是( ABC )．
A．20 B．23456 C．2，3，4，5，6 D．15

12、关于WEB标准以下说法正确的是（   ACD  ）
A. Web标准是一个复杂的概念集合，它由一系列标准组成
B. 这些标准全部都由W3C起草与发布
C. Web标准可以分为3个方面
D. Web标准里的表现标准语言主要包括CSS

13、下面选项中属于css3 新属性的是（BCD）
A. text-align B. border-radius C. transition D. box-shadow

14、下面关于css3 伪类描述正确的是（AB）
A. p:first-of-type  选择属于其父元素的首个<p>;
B.  p:nth-child(2) 选择属于其父元素的第二个子元素的每个<p>;元素。
C. p:only-of-type  选择属于其父元素的唯一子元素的每个<p>;元素。
D. p:only-child 选择属于其父元素唯一的<p>;   

15、CSS中的选择器包括（ BCD ）
A. 超文本标记选择器     B. 类选择器        C. 标签选择器    D. ID选择器

三、判断题（共5小题，每小题2分，共10分。在每小题对应的括号内填入判断结果，用“√”表示正确，用“×”表示错误）
1、<progress>是HTML5中新增的状态交互元素，用来表示页面中的某个任务完成的进度。（ √ ）
2、在CSS中，border:1px 2px 3px 4px表示设置某个HTML元素的上边框为1px、右边框为2px、左边框为3px、下边框为4px。（ × ）
3、在css3 代码transform: rotate(30deg)是逆时针旋转30度（×）
4、下面的javascript代码的执行
<script type="text/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("很干燥")；
}
<script> 是很干燥（ × ）
5、 在jquery 中onclick( ) 方法是用来做点击事件的（ ×）
模拟卷8
一、单选题（每小题2分，共30小题，共60分）
1、在Bootstrap框架中，表单元素 <input> 要加上下列哪个类，才能给表单元素 <input> 添加圆角属性和阴影效果（）。
A、.form-group B、.form-horizontal C、.form-inline D、.form-control

2、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-center B、.nav-fill C、.nav-left D、.nav-right

5、在Bootstrap中，使用tab标签页插件，要显示的内容要放在下方哪个容器里面（）。
A、.content B、.tab-group C、.tab-body D、.tab-content

6、以下哪个标签不是 HTML 5 的语义化标签（）。
A、<header></header> B、<section></section>
C、<marquee></marquee> D、<article></article>

7、在使用css3盒模型时，box-sizing属性设置为（），元素的宽度只是该元素内容的宽度，而不包括边框和内边距的宽度。
A、content-box B、border-box C、text-box D、none

8、实现一个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 .5s ease-in .1s;”，其中“.5s” 对应的属性是（）。
A、transition-property：对象中的参与过渡的属性
B、transition-duration：对象过渡的持续时间
C、transition-timing-function ：对象中过渡的动画类型
D、transition-delay：对象延迟过渡的时间

10、使用SQL语句创建数据库，数据库名为mytest，下列SQL语句写法是正确的是（）。
A、create mytest B、create table mytest
C、database mytest D、create database mytest

11、下列哪项为查找结果按照学号降序排列（）。
A、ORDER BY DESC StuNum B、ORDER BY StuNum DESC
C、ORDER BY StuNum ASC D、ORDER BY ASC StuNum

12、在视图上不能完成的操作是（）。
A、查询 B、在视图上定义新的视图 C、更新视图 D、在视图上定义新的表

13、用于将事务处理写到数据库的命令是（）。
A、insert B、rollback C、commit D、savepoint

14、关于PHP，下列说法错误的是（）。
A、开发PHP网页所使用的脚本语言是PHP
B、网页中的PHP代码同html标记符一样，必须用分隔符”<”和”>”将其括起来
C、PHP网页，运行时在客户端可查看到真实的PHP源代码
D、PHP和html可混合编程

15、以下PHP变量名不正确的是（）。
A、$_beijing B、$_Beijing C、$9Beijing D、$Beijing

16、array_push()的作用是（）。
A、将数组的第一个元素弹出 B、将数组的最后一个元素弹出
C、将一个或多个元素压入数组的末尾 D、将一个或多个元素插入数组的开头

17、以下关于继承的说法错误的是（）。
A、一个类可以在声明中用extends关键字继承另一个类的方法和属性
B、如果父类中的方法被声明为 final，则子类无法覆盖该方法
C、PHP可以多重继承，一个类可以继承多个父类
D、属性不能被定义为 final，只有类和方法才能被定义为 final

18、执行以下代码，输出结果是（）。
<?PHP
class a{
function __construct(){
echo "echo class a something";
}
}
class b extends a{
function __construct(){
echo "echo class b something";
}
}
$a = new b();
?>
A、echo class a something echo class b something
B、echo class b something echo class a something
C、echo class a something
D、echo class b something

19、下面有关PHP中require()和include()的描述，说法错误的是（）。
A、require函数通常放在 PHP 程序的最前面
B、include函数一般是放在流程控制的处理部分中
C、require_once 语句和 require 语句完全相同，唯一区别是 PHP 会检查该文件是否已经被包含过，如果是则不会再次包含
D、require在引入不存文件时产生一个警告且脚本还会继续执行，而include则会导致一个致命性错误且脚本停止执行

20、PHP用于存储用户会话信息的超级全局变量是（）。
A、$_GET B、$_POST C、$_FILES D、$_SESSION

21、在PHP中用于存储cookie数据的超级全局变量是（）。
A、$_COOKIES B、$_GETCOOKIES
C、$_GETCOOKIE D、$_COOKIE

22、以下PHP代码，用来查询mysql数据库中的User表，若能正常连接数据库，则以下选项中能正确执行$sql的查询语句的是（）。
<?php
……
$conn = new mysqli($servername, $username, $password, $dbname);
$sql ="select * from User";
（ ）;
A、mysqli_query($conn, $sql); B、$conn->execute($sql);
C、$conn->query($sql); D、query($sql);

23、使用composer下载laravel时，若不指定下载版本，默认下载哪个版本的laravel（）。
A、最新版本 B、稳定版本 C、某一固定版本 D、无法下载

24、laravel中控制器所在文件路径是（）。
A、app/Http/Controller B、routes/Http/Controller
C、app/Controller D、app/Http

25、laravel的Blade模板中指定继承母模板的关键字是（）。
A、@section B、@extends C、@include D、@yield

26、以下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 = 403 B、readyState = 4 C、status = 404 D、readyState = 3

30、下面选项中，将字符串""{""姓名"":""张三"",""性别"":""男""}""解析成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、<video>元素 B、<audio>元素 C、<music>元素 D、<move>元素

4、为了适应移动设备，html页面可以用meta标签对viewport进行控制，meta标签内可以控制下面哪些属性（）。
A、initial-scale B、user-scalable C、max-width D、min-width

5、在css3单位中，哪些相对font-size属性来计算（）。
A、vh B、em C、vw D、rem

6、若用如下的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 index B、Create table
C、创建表时设置主键约束 D、创建表时设置唯一约束

8、XAMPP套件中包括哪些内容（）。
A、PHP B、Apache C、MySQL D、Chrome

9、PHP支持的复合数据类型是（）。
A、Boolean 布尔类型 B、Array 数组
C、Resource 资源类型 D、Object 对象

10、在PHP中，以下哪些是不等运算符（）。
A、≠ B、!= C、<> D、><

11、PHP中可以实现循环的是（）。
A、for B、break C、while D、waiting

12、在PHP类定义中，对属性或方法的访问控制，是通过在前面添加关键字来实现的，以下属于访问控制关键字的选项是（）。
A、public B、private C、protected D、default

13、以下Laravel路由配置代码，若相关的控制类以及方法，模板文件都存在，正确的是（）。
A、Route::post(“/login”, “UserController@login”);
B、Route::get(“/index”, function(){ return view(“index”);});
C、Route::match([“get”, “post”], “/reg”, “UserController@regist”);
D、Route::any([“get”, “post”], “/user/{id}”, function($id){ return “user ”.$id;});

14、使用RESTful API规范设计用户管理模块接口，设计新增用户接口和查询用户接口时，分别选用动词为（）。
A、POST B、PUT C、GET D、DELETE

15、在商品管理系统中，使用j