本文编写于 117 天前,最后修改于 43 天前,其中某些信息可能已经过时。

Web前端开发初级模拟测试卷(六)

官方QQ群

PDF版点击查看

共55道题 总分:200分 形考总分:0分

一、单选题共30题,60分

1.阅读下面的JavaScript代码,输出结果是() B

function f(y) { var x=y*y; return x; } for(x=0;x< 5;x++) { y=f(x); document.write(y); }
  • A0 1 2 3 4
  • B0 1 4 9 16
  • C0 1 4 9 16 25
  • D以上答案都不对

2.在Javascript中,运行下面代码的结果是 A

function foo(x){ var num=5; bar=function(y){ return (x+y+(++num)); } } console.log(foo(2)); console.log(bar(10)); console.log(bar(10));
  • Aundefined,18,19
  • B17,18,19
  • C5,18,19
  • Dundefined,18,18

3.在JavaScript中,执行下面的代码后,num的值是() C

var str = "wang.wu@gmail.com"; var num = str.indexOf(".");
  • A-1
  • B0
  • C4
  • D13

4.以下哪条语句会产生运行错误() A

  • Avar obj = ();
  • Bvar obj = {};
  • Cvar obj = [];
  • Dvar obj = //;

5.下面代码输出什么() C

var a=0,b=0; for(;a<10,b<7;a++,b++){ g=a+b; } console.log(g);
  • A16
  • B10
  • C12
  • D6

6.请选择结果为真的表达式() C

  • Anull instanceof Object
  • Bnull === undefined
  • Cnull == undefined
  • DNaN == NaN

7.在HTML5中,哪个属性用于规定输入字段是必填的? B

  • Areadonly
  • Brequired
  • Cvalidate
  • Dplaceholder

8.HTML5的正确doctype是()? C

  • - *A*<!DOCTYPE html>
    - *B*<!DOCTYPE HTML5>
    - *C*<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 5.0//EN" "http://www.w3.org/TR/html5/strict.dtd">

    9.下列表达式成立的是() D

  • - *A*parseInt(12.5)==parseFloat(12.5)
    - *B*Number("123abc")==parseFloat("123abc")
    - *C*isNaN("abc")==NaN
    - *D*typeof NaN=="number"

10.以下不属于background-clip的值的是() D

  • Aborder-box
  • Bpadding-box
  • Ccontent-box
  • Dnone

11.设定一个元素按规定的动画执行,你需要运用什么规则? B

  • Aanimation
  • Bkeyframes
  • Cflash
  • Dtransition

12.在HTML中,通过( )可以实现鼠标悬停在div上时,元素执行旋转45度效果 A

  • - *A*div:hover{transform:rotate(45deg)}
    - *B*div:hover{transform:translate(50px)}
    - *C*div:hover{transform:scale(1.5)}
    - *D*div:hover{transform:skew(45deg)};

    13.下面代码输出正确的是() parseInt(3, 8) parseInt(3, 2) parseInt(3, 0) D

  • A3, 3, 3
  • B3, 3, NaN
  • C3, NaN, NaN
  • Dother

    14.在jQuery中,下列关于事件的说法错误的是( ) A

  • AjQuery中用onclick绑定点击事件
  • BjQuery中用on来给未来元素绑定事件
  • CjQuery中用hover来绑定鼠标经过事件
  • DjQuery中存在冒泡事件,故需要阻止冒泡

    15.让一个动画一直执行的属性是() B

  • Aanimation-direction
  • Banimation-iteration-count
  • Canimation-play-state
  • Danimation-delay

    16.关于flex说法正确的是() A

  • Aflex 属性用于指定弹性子元素如何分配空间
  • Bflex:1应该写在弹性元素上
  • C设置flex:1无意义
  • Dflex是指设置固定定位

    17.关于样式的优先级说法正确的是() C

  • A内联样式>!important>内部样式>外部样式>!important
  • B!important>内联样式>内部样式>外部样式
  • C以上都不正确

    18.下面关于文件路径的说法错误的是( ) B

  • A“../”是返回当前目录的上一级目录
  • B“../”是返回当前目录的下一级目录
  • C访问下一级目录直接输入相应的目录名即可
  • D文件路径指文件存储的位置

    19.以下说法不正确的是() A

  • AHTML5 标准还在制定中
  • BHTML5兼容以前HTML4下浏览器
  • C<canvas>标签替代Flash
  • D简化的语法

    20.在HTML中,下列有关邮箱的链接书写正确的是() D

  • - *A*<A href="telnet:zhangming@aptech.com">发送邮件</A>
    - *B*<A href="mail:zhangming@aptech.com">发送邮件</A>
    - *C*<A href="ftp:zhangming@aptech.com">发送邮件</A>
    - *D*<A href="mailto:zhangming@aptech.com">发送邮件</A>

21.设置盒子圆角的属性是() C

  • Abox-sizing
  • Bbox-shadow
  • Cborder-radius
  • Dborder

22.在HTML中,( )用来表示特殊字符引号 D

  • A®
  • B©
  • C"进
  • D “”

23.关于box-shadow说法正确的是() B

  • A设置文字投影
  • B第一个值是设置水平距离的
  • C第二个值是设置水平距离的
  • D第三个值是设置投影颜色的

24.将div类名以'c'开头元素添加文字为红色,书写正确的是() A

  • Adiv[class^=c]{color:red}
  • Bdiv[class$=c]{color:red}
  • Cdiv[class=c]{color:red}
  • Ddiv[class*=c]{color:red}

25.在jQuery中,能够操作HTML代码及其文本的方法是( ) C

  • Aattr()
  • Btext()
  • Chtml()
  • Dval()

26.每段文字都需要首行缩进两个字的的距离,该设置什么属性() C

  • Atext-transform
  • Btext-align
  • Ctext-indent
  • Dtext-decoration

27.以下关于jQuery 节点的说法中错误是 C

  • AjQuery中用$(".box").insertBefore(ele1,ele2)给指定ele2前添加ele1元素
  • BjQuery中用$(".box").append(ele)给box类后添加ele元素
  • CjQuery中用$(".box").appendTo(ele)给box类后添加ele元素
  • DjQuery中用$(".box").insertAfter(ele1,ele2)给ele2后添加ele1元素

28.在以下选项中,关于JavaScript的Date对象描述正确的是 C

  • AgetDay( )方法能返回Date对象的一个月中的一天,其值为1~31
  • BgetDate( )方法能返回Date对象的一周中的一天,其值为0~6
  • CgetTime( )方法能返回某一时刻(1970年1月1日)依赖的毫秒数
  • DgetYear( )方法只能返回4位年份,长用于获取Date对象的年份

29.在HTML中,下面()不属于HTML文档的基本组成部分 。 A

  • - *A*<STYLE></STYTLE>
    - *B*<BODY></BODY>
    - *C*<HTML></HTML>
    - *D*<HEAD></HEAD>

    30.下列选项中定义标题最合理的是 C

  • - *A*<span class="header">文章标题</span>
    - *B*<p><b>文章标题</b></p>
    - *C*<h2>标题</h2>
    - *D*<div>文章标题</div>

二、多选题共15题,30分

1.请选出正确的选项() ABCD

  • A属性要在开始标签中指定,用来表示该标签的性质和特性
  • B通常都是以“属性名=“值””的形式来表示
  • C一个标签可以指定多个属性
  • D指定多个属性时不用区分顺序。

2.下面哪些是HTML5 新增的表单元素? AC

  • Adatalist
  • Boptgroup
  • Coutput
  • Dlegend

3.嵌入在HTML文档中的图像格式可以是()? ACD

  • A *.gif
  • B *.tif
  • C *.bmp
  • D *.jpg

4.关于语义化说法不正确的是() ABC

  • A语义化的HTML有利于机器的阅读
  • BTable 属于过时的标签,遇到数据列表时,需尽量使用 div 来模拟表格
  • C语义化是HTML5带来的新概念,此前版本的HTML无法做到语义化
  • DHeader、article、address都属于语义化明确的标签

5.下面哪些是javascript中document的方法? ACDE

  • AgetElementById
  • BgetElementsById
  • CgetElementsByTagName
  • DgetElementsByName
  • EgetElementsByClassName

6.background-origin的值有哪些() BCD

  • Anone
  • Bborder-box
  • Ccontent-box
  • Dpadding-box

7.以下标签书写正确的是()? BCD

  • - *A*<p/>
    - *B*<br/>
    - *C*<hr/>
    - *D*<img/>

    8.下列关于获取页面元素说法正确正确的是( ) AC

  • Adocument.getElementById(‘a’)是通过id值为a获取页面中的一个元素
  • Bdocument.getElementsByName(“na”)是通过name属性值为na获取页面中的一个元素
  • Cdocument.getElementsByTagName(“div”)是通过标签名获取去所有div;
  • D以上说法都不正确;

    9.关于javascript事件说法不正确的是() BCD

  • A事件由事件函数 事件源 事件对象组成
  • B当前事件作用在哪个标签上,哪个标签就是事件源
  • Conclick 就是一个事件对象
  • D图片切换使用javascript的change事件

    10.下列选项中属于jQuery属性选择器的是( ) AC

  • - *A*$("img[src$='.gif ']")
    - *B*$("img")
    - *C*$("[class][title]")
    - *D*$("div>span")

11.文字溢出显示省略号应该拥有那些属性() ABCD

  • Aoverflow: hidden;
  • Bwhite-space: nowrap;
  • Ctext-overflow: ellipsis;
  • Dwidth:500px

12.在JavaScript语法中,下列说法正确的是 AB

  • AparseInt(43.12)返回值为43
  • BparseInt('abc43.12')返回值为NaN
  • CparseFloat('43.13abc')==parseInt(43.12) 返回true
  • DisNaN(parseFloat('45.13abc'))返回true

13.网页的<body>元素中包含以下HTML代码:

 <div id="box"> <h2 id='top1' name='header1'>标题1</h2> <h2 id='top2' name='header2'>标题2</h2> </div> 

下列能弹出"标题1"的jQuery代码是( )。 AB

  • Aalert($('#top1').text());
  • Balert($('[name=header1]').text());
  • Calert($('[name='header1']').text());
  • Dalert($('#header1').text());

14.关于media说法正确的是() ABC

  • A@media 查询,你可以针对不同的媒体类型定义不同的样式
  • B@media 可以设计响应式页面
  • C当你重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。
  • D可以用media属性在link中使用

15.以下()是块级元素 AD

  • Adiv
  • Bimg
  • Cinput
  • Dp

三、判断题共5题,10分

1.在jquery中addClass()可以增加多个样式,各个样式间用:隔开 错

  • A
  • B

2.CSS Sprites整理起来更为方便,同一个按钮不同状态的图片也需要一个个切割出来并个别命名 错

  • A
  • B

3.padding:10px;只设置上边填充为10像素,其它三边为零像素 错

  • A
  • B

4.slideUp()方法通过高度变化(向上减小)来动态地隐藏所有匹配的元素 对

  • A
  • B

5.H5就是HTML5的简称 错

  • A
  • B

四、客观填空题共5题,100分

1.阅读下列说明、效果图和代码,进行静态网页开发,填写(1)至(12)代码。
【说明】
用html+css+js制作了一个简易时钟效果图如5-1,可以通过获取当前时间实时更新时钟的刻度及时间显示。
项目名称为clock,包含首页clock.html、css文件夹、js文件夹,其中,css文件夹包含style.css文件; js文件夹包含script.js。
【效果图】

【代码 首页clock.html】

<!DOCTYPE html>
<html >
<head>
<meta charset="UTF-8">
<title>clock</title>


<link rel="stylesheet" href="css/style.css" type="text/css" />


</head>
<body>


<div>


<div>
<div id="date" class="date box"></div>
<div>
<div class="marker twelve"></div>
<div class="marker three"></div>
<div class="marker six"></div>
<div class="marker nine"></div>
<div id="minute-hand" class="hand minute-hand"></div>
<div id="hour-hand" class="hand hour-hand"></div>
<div id="second-hand" class="hand second-hand"></div>
<div id="centre"></div>
<div id="digital-time" class="digital-time box"></div>
</div>
</div>


</div>


<script  src="js/script.js"></script>


</body>
</html>


【代码 script.js】

//声明一个7个长度的数组days

1

days[0]= '星期日';
days[1]= '星期一';
days[2]= '星期二';
days[3]= '星期三';
days[4]= '星期四';
days[5]= '星期五';
//往数组days后面添加一个元素,值为星期六;

2

var dateDisplay = document.getElementById('date');
var hourHand = document.getElementById('hour-hand');
var minuteHand = document.getElementById('minute-hand');
var secondHand = document.getElementById('second-hand');
var digitalTime = document.getElementById('digital-time');


var clock = function() {
//获取当前时间
var timeNow =
3
;


var day = timeNow.getDay();
dateDisplay.innerHTML = days[day];


//获取当前时间的秒
var seconds =
4
;
var sRot = seconds * 6 - 90;
//获取当前时间的分钟
var minutes =
5
;
var mRot = (minutes * 6) + (seconds / 10) - 90;


//获取当前时间的小时
var hours =
6
;
var hRot = (hours % 12 * 30) + (minutes / 2) - 90;


hourHand.style.transform = "rotate("+hRot+"deg)";
minuteHand.style.transform = "rotate("+mRot+"deg)";
secondHand.style.transform = "rotate("+sRot+"deg)";
//给digitalTime的内容赋值
digitalTime.
7
= format(hours)+":"+format(minutes)+":"+format(seconds);


}


function format(num) {
//三元运算符,如果小于10则在num前面加个0,否则返回num
return
8
;
}


(function run() {
//调用clock方法

9
;
//定义定时器1秒后执行调用自己

10
(function() {
11
(); },
12
);
})();

【问题】
根据注释,补全代码,在(1)至(12)处填入正确的内容。

试题五.ziphttp://www.x-academy.net/UploadFile/UploadFile/2019/11/21/6370994541221672847062304.zip

  1. 阅读下列说明、效果图和代码,进行静态网页开发,填写(1)至(12)代码。
    【说明】

现要求制作一个简单的抽奖页面,已知几个参选人的图片,通过点击开始按钮开始随机切换头像,点击停止时停止切换并将获奖头像放大到右边的框中,设计如下效果图。
项目名称为lucky,包含首页index.html、css文件夹、images文件夹、js文件夹,其中,css文件夹包含index.css文件,images文件夹包含0-6共7张jpg图片;js文件夹包含jquery.min.js 和index.js文件。
【效果图】

【代码:index.html】

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>lucky</title>    
    <link rel="stylesheet" type="text/css" href="css/index.css">


    <script src="js/jquery.min.js"></script>
    <script src="js/index.js"></script>
</head>
<body>
    <!-- 小像框 -->
    <div class="sBorder">
        <img id="img1ID" src="images/1.jpg"/>
    </div>
    <!-- 大像框 -->
    <div class="bBorder">
        <img id="img2ID" src="images/1.jpg"/>
    </div>
    <!-- 开始按钮 -->
    <input id="startID" type="button" value="点击开始">
    <!-- 停止按钮 -->
    <input id="stopID" type="button" value="点击停止">
</body>
</html>


【代码:index.js】

var imgs = ["images/0.jpg","images/1.jpg", "images/2.jpg", "images/3.jpg", "images/4.jpg","images/5.jpg","images/6.jpg"];
        var startId;//开始定时器的id
        var index;//随机角标
        $(function () {
            //jquery定义开始按钮
            var startBtn=
1
;
            //jquery定义停止按钮
            var stopBtn=
2
; 
            //jquery定义小相框图片
            var smallImg=
3
; 
            //jquery定义大相框图片
            var bigImg=
4
; 
            //处理按钮是否可以使用的效果
            startBtn.prop("disabled",false);
            stopBtn.prop("disabled",true);
            //1. 给开始按钮绑定单击事件
            startBtn.click(function () {
                // 1.1 定义循环定时器 20毫秒执行一次
                startId =
5
(function () {
                    //处理按钮是否可以使用的效果
                    startBtn.prop("disabled",true);
                    stopBtn.prop("disabled",false);
                    //1.2通过Math的方法生成随机角标 0-6,并且取小,如0.01-0.99都取0
                    index = Math.
6
(Math.
7
() * 7);
                    //1.3将imgs数组的随机数下标值赋给小相框的src属性
                    smallImg.prop("src",
8
);
                },20);
            });


            //2. 给结束按钮绑定单击事件
            stopBtn.click(function () {
                //处理按钮是否可以使用的效果
                startBtn.prop("disabled",false);
                stopBtn.prop("disabled",true);
                // 2.1 停止定时器
               
9
(startId);
                // 2.2 给大相框设置src属性并隐藏
                bigImg.prop("src",
10
).
11
();
                //2.3 1秒钟的运行时间显示
                bigImg.
12
(1000);
            });
});

【问题】
根据注释,补全代码,在(1)至(12)处填入正确的内容。

试题三.ziphttp://www.x-academy.net/UploadFile/UploadFile/2019/11/21/6370994482345755154551562.zip

  1. 阅读下列说明、效果图和代码,进行静态网页开发,填写(1)至(8)代码。
    【说明】

网页中有一个文本框text1和一个按钮button1,下面有一个段落p,里面有一大段文字。请编写js代码实现如下功能。
在文本框text1中输入一个要查找的关键字,然后点击按钮button1,实现下面段落文字中所有与要查找的关键字匹配的文字变成黄底突出显示。实际效果图如图4-1。
项目名称为search,包含首页search.html、js文件夹,其中, js文件夹包含search.js。
【效果图】

【代码 search.html】
<!DOCTYPE html>
<html>
<head>
    <title>search</title>
    <meta charset="utf-8">
</head>
<body>
<input type="text" id="text1" /><input type="button" value="查找" id="button1"/>
<p>时光飞逝,日月如梭,白马过隙,管中窥豹,可见一斑,今天天气真好,好像有点头疼。</p>
<script src="js/search.js"></script>
</body>
</html>
【代码 search.js】
function searchKey() {
    //js中获取id为text1的文本框的值
    var v =
1
, 
    //根据标签名获取元素
p1 = document.
2
("p");
    p1[0].innerHTML=p1[0].innerHTML.replace(/<[^>]+>/g,'');
    if (v) {
        //js中定义正则的方法以及替换第一个变量,并将替换的元素加上黄颜色的背景
        p1[0].innerHTML=p1[0].innerHTML.replace(new
3
('('+v+')','gi'),'<span style="
4
:
5
;">
6
</span>')
    }
}
//点击调用方法
document.getElementById("button1").
7
=
8
; 

【问题】
根据注释,补全代码,在(1)至(8)处填入正确的内容。

【问题】
根据注释,补全代码,在(1)至(8)处填入正确的内容。

试题四.ziphttp://www.x-academy.net/UploadFile/UploadFile/2019/11/21/6370994510657763031074403.zip

  1. 阅读下列说明、效果图和HTML及CSS代码,进行静态网页开发,填写(1)至(10)代码。
    【说明】

接到领导通知需要制作一个公用的头部静态html,现在提供的设计效果图及部分实现代码。
项目名称为header,包含header.html、css文件夹、img文件夹,其中,css文件夹包含header.css文件;img文件夹包含h5logo.png、hotline.gif、top_02.gif、top_bg.gif图片。
【效果图】

【代码:头部header.html】

<!DOCTYPE html>
<html>
<head>
    <title>公共头部</title>
    <meta charset="utf-8">
    <!--填入合适的属性值 -->    
<link rel="stylesheet" type="text/css" href="css/header.css" />
</head>
<body>
<!-- 根据上下文填入合适的属性名 -->    
<div 
1
="header">
    <div class="top_nav">
        <div class="logo">
<a href="#" target="_blank"><img src="images/h5logo.png" alt="HTML5"/></a>
</div>
        <div class="top_nav_01">
            <div class="service"><img src="images/hotline.gif"/></div>
            <div class="top_nav_02">
                <ul>
                    <li class="li_line"><a href="#">HOME</a></li>
                    <li class="li_line"><a href="#">HTML5</a></li>
                    <li class="li_line"><a href="#">CSS3</a></li>
                    <li class="li_line"><a href="#">JAVASCRIPT</a></li>
                    <li class="li_line"><a href="#">JQUERY</a></li>
                    <li class="li_line"><a href="#" >VUE</a></li>
                    <li class="li_line"><a href="#">ANGULAR</a></li>
                    <li class="li_line"><a href="#" >REACT</a></li>
                    <li class="li_line"><a href="#" >LAYUI</a></li>
                    <li><a href="#" >FLUTTER</a></li>
                </ul>
            </div>
        </div>
    </div>
</div>
</body>
</html>

【代码:CSS文件header.css】


*{padding:0px;margin:0px;}
body{margin:0px auto;background-color:#fff;font-size:12px;font-family:Verdana, Geneva, sans-serif}
img{border:0px;padding:0px;margin:0px;}
div{padding:0px;margin:0px auto;overflow:hidden;}
/*清理默认li样式*/
li{

2
:
3
;
}
#header{
background:url(../images/top_bg.gif) repeat-x;
height:76px;
width:100%;
/*margin水平居中*/
margin:0 
4
;
}
.top_nav{width:980px;height:76px;overflow:hidden;}
.logo{float:left;margin:20px 0 0 10px;display:inline
}
.top_nav_01{
width:720px;
height:76px;
overflow:hidden;
/*浮动靠右*/


 
5
:
6
;
}
.service{height:40px;width:280px;float:right;}
.top_nav_02{width:720px;height:32px;overflow:hidden; line-height:30px;font-size:12px;color:#000; text-align:center; float:right}
.top_nav_02 ul{float:right;}
.top_nav_02 li{
    /*内边距为上下0px,左右12px*/

7
:
8
;
float:left;
/*转换成块级元素*/
display:
9
;
}
.top_nav_02 li a{ color:#000; text-decoration:none}
/*鼠标悬浮样式*/
.top_nav_02 li a:
10
{ 
color:#000; 
text-decoration:underline;
}
.li_line{background:url(../images/top_02.gif) no-repeat right center;}
  1. 阅读下列说明、效果图,进行静态网页开发,填写(1)至(8)代码。
    【说明】

李华用html的表格打印了2019年下学期的课程表,周三有体育课标红,完成的整体效果如图2-1。
项目名称为table,包含首页table.html、css文件夹,其中,css文件夹包含table.css文件。
请根据图中的效果和提供的代码,在对应代码处将空缺代码补全。
【效果图】

【代码:table.html】

<!DOCTYPE html>
<html>
<head>
    <title>table</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="css/table.css">
</head>
<body>
    <div class="table">
        <table>
            <!—表头标签-->
            <
1
>
                <tr>
                    <!—跨6列合并成一行 -->
                    <th 
2
="6">2019年下学期课程表</th>
                </tr>
                <tr>
                        <th>星期一</th>
                        <th>星期二</th>
                        <th>星期三</th>
                        <th>星期四</th>
                        <th>星期五</th>
                        <th>周末</th>
                </tr>
            </
3
>
            <tbody>
                <tr>    
                    <td>语文</td>
                    <td>数学</td>
                    <td>英语</td>
                    <td>语文</td>
                    <td>英语</td>
                    <!—跨3行合并成一列 -->
                    <td 
4
="3">休息</td>
                </tr>
                <tr>    
                    <td>数学</td>
                    <td>历史</td>
                    <td>语文</td>
                    <td>数学</td>
                    <td>语文</td>
                </tr>
                <tr>    
                    <td>政治</td>
                    <td>语文</td>
                    <td>体育</td>
                    <td>英语</td>
                    <td>数学</td>
                </tr>
            </tbody>
        </table>
    </div>
</body>
</html>


【代码:table.css】



*{
margin:0;
padding:0;
overflow:hidden;
}
.table{
    width:500px;
    margin:20px auto;    
}
table{
    width:490px;
}
/*同时给table、th、td加样式*/

5
{
    /*边框为1px实体*/
    border:1px 
6
#ccc;
    margin:5px;
}
/*第三个td加上红色样式*/
td:
7
(
8
){
    color:red;    
}

1+x 证书 web 前端开发初级对应课程分析
http://blog.zh66.club/index.php/archives/194/

1+X 证书 Web 前端开发中级对应课程分析
http://blog.zh66.club/index.php/archives/195/

1+x证书Web前端开发初级理论考试样题2019
http://blog.zh66.club/index.php/archives/149/

1+x证书Web前端开发初级实操考试样题2019
http://blog.zh66.club/index.php/archives/150/

1+x证书Web前端开发中级理论考试样题2019
http://blog.zh66.club/index.php/archives/151/

1+x证书Web前端开发中级实操考试样题2019
http://blog.zh66.club/index.php/archives/152/

1+x 证书 Web 前端开发初级理论教案
http://blog.zh66.club/index.php/archives/322/

1+x 证书 Web 前端开发中级理论教案
http://blog.zh66.club/index.php/archives/320/

1+x 证书 Web 前端开发中级理论考试(试卷 1)
http://blog.zh66.club/index.php/archives/153/

1+x 证书 Web 前端开发中级理论考试(试卷 2 )
http://blog.zh66.club/index.php/archives/154

1+x 证书 Web 前端开发中级理论考试(试卷 3 )
http://blog.zh66.club/index.php/archives/170/

1+x 证书 Web 前端开发中级理论考试(试卷 4 )
http://blog.zh66.club/index.php/archives/191/

1+x 证书 Web 前端开发中级理论考试(试卷 5 )
http://blog.zh66.club/index.php/archives/297/

1+x 证书 Web 前端开发中级理论考试(试卷 6)
http://blog.zh66.club/index.php/archives/319/

1+x 证书 Web 前端开发初级理论考试(试卷 7 )
http://blog.zh66.club/index.php/archives/412/

1+x 证书 Web 前端开发初级理论考试(试卷 8 )http://blog.zh66.club/index.php/archives/414/

1+x 证书 Web 前端开发初级级理论考试(试卷 2 )
http://blog.zh66.club/index.php/archives/176/

1+x 证书 Web 前端开发初级级理论考试(试卷 3 )
http://blog.zh66.club/index.php/archives/299/

1+x 证书 Web 前端开发初级级理论考试(试卷 4 )
http://blog.zh66.club/index.php/archives/315/

《Web 前端开发》等级考试样题~以国家 “1+X” 职业技能证书为标准,厚溥推出 Web 前端开发人才培养方案
http://blog.zh66.club/index.php/archives/156/

pdf版查看链接三套完整版
http://blog.zh66.club/usr/uploads/2019/12/4294434490.pdf
http://blog.zh66.club/usr/uploads/2019/12/2430725541.pdf
http://blog.zh66.club/usr/uploads/2019/12/761774577.pdf