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

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

一、单选题共30题,60分

1.实现向右的红色三角形,样式实现正确的是( ) A

<div class="icon"></div>
A.icon{width:0; height:0; overflow:hidden; border:5px solid transparent; border-left-color:#f00; }

B.icon{width:0; height:0; overflow:hidden; border:5px solid #f00; border-left-color:transparent;}

C.icon{width:0; height:0; overflow:hidden; border:5px solid transparent; border-right-color:#f00;}

D.icon{width:0; height:0; overflow:hidden; border:5px solid #f00; border-right-color:transparent;}

2.p下面除了span以外所有标签,旋转45度( )

- *A*p :not(span){transform:rotate(45deg)}
- *B*p :not(span){translate:rotate(45deg)}
- *C*p not(:span){transform:rotate(45deg)}
- *D*p:not(span){rotate(45deg)}

3.jquery中遍历指定的对象和数组是哪个方法( ) A

  • A$.each( object, callback )
  • B$(selector).each(function())
  • Cforeach()
  • Dfor ...in

4.arguments是一个类似于数组的对象。对命名参数的引用可以使用参数名也可以使用( )的方式来进行引用:C

  • Afunction argument[n]
  • Barguments.n
  • Carguments[n]
  • Disfunction

5.下面代码的打印结果是( ) C

var cars = ['bmw','qq','byd','glof']; cars.splice(2,0,'polo'); console.log(cars);
  • A["bmw", "qq", "byd", "polo", "glof"]
  • B["bmw", "qq", "polo", "glof"]
  • C["bmw", "qq", "polo", "byd", "glof"]
  • D以上都不对

6.下面是兄弟选择器的选项是( ) B

  • A#ul2+p
  • B#ul2~p
  • C#ul2>p
  • D#ul2 p

7.以下是画布可以画图像的是( ) C

  • Avideo
  • Baudio
  • Ccanvas
  • Dheader

8.在jQuery中,不属于鼠标事件的是( ) C

  • Amouseover
  • Bmouseenter
  • Ckeydown
  • Dmousemove

9.input标签的值是用哪个属性来描述的( ) D

  • Atype
  • Bdisabled
  • Cid
  • Dvalue

10.以下哪个的优先级最高( ) C

  • Aclass
  • Bid
  • C!important
  • D行内

11.下面代码的打印结果是( )D

 for(var i=0;i<=30;i+=5){ if(i%3==0){ continue; } console.log(i); }
  • A5,10,15,20,25,30
  • B5,15
  • C5,15,25
  • D5,10,20,25

12.想要给个a标签设置width和height,需要给a标签添加哪个样式( ) D

  • Adisplay:inline;
  • Boverflow:hidden;
  • Cfont-size:0;
  • Ddisplay:block;

13.设置主轴方向的弹性盒子元素的对齐方式可以使用( )属性实现 B

  • Aalign-content
  • Bjustify-content
  • Calign-self
  • Dalign-items

14.参数序号从1开始的是哪个选择器( ) B

  • Anth-of-type
  • Bnth-child
  • C:first
  • D:eq

15.以下代码执行结果正确的是( ) B

var a = 2; switch (a) { case 1: alert("1"); case 2: alert("2"); case 3: alert("3");

default: alert('4'); }

  • A分别弹出1234
  • B分别弹出 234
  • C程序报错
  • D只弹出 2

16.flex-grow的作用是( ) D

  • A弹性盒子元素对齐方式
  • B弹性盒子元素的排列方式
  • C弹性盒子元素显示次序
  • D弹性盒子元素如何分配剩余空间

17.以下哪个方法是对数组进行排序( ) A

  • Asort
  • Breverse
  • Cpop
  • Dslice

18.以下哪些不是块标签的是( ) A

  • Aspan
  • Bp
  • Cdiv
  • Dul

19.以下能生效的样式选项是( ) C

<style> p{ color:yellow; } .classB{ color:red; } .classA{ color:blue; } </style> <p class='classB classA'> 123 </p>
  • Ayellow
  • Bred
  • Cblue
  • Dblack

20.meta标签中name属性值是关键字的是( ) C

  • Adescription
  • Bauthor
  • Ckeyword
  • Dgenerator

21.javascript怎样将一个checkbox设为无效,假设该checkbox的id为checkAll ( ) B

  • Adocument.getElementById("checkAll").enabled = false;
  • Bdocument.getElementById("checkAll").disabled = true;
  • Cdocument.getElementById("checkAll").enabled = true;
  • Ddocument.getElementById("checkAll").disabled = "disabled";

22.以下这段代码的作用是( ) A

@media screen and (min-width:960px) and (max-width:1200px){ body{ background:yellow; } }
  • A是当宽度大于960px小于1200px的时候body的背景色为yellow
  • B是当宽度大于960px的时候body的背景色为yellow
  • C以上写法都不正确
  • D是当宽度小于1200px的时候body的背景色为yellow

23.实现点击文本也能控制复选框,以下设置正确的是( ) B

  • - *A*<input type="checkbox" name="music" /><label for="music">音乐</label>
    - *B*<input type="checkbox" id="music" /><label for="music">音乐</label>
    - *C*<input type="checkbox" name="music" /><label id="music">音乐</label>
    - *D*<input type="checkbox" id="music" /><label name="music">音乐</label>

24.如果按下的是回车键:js中正确的判断方式是( ) C

  • Aif(event.keyCode == 39)
  • Bif(event.keyCode == 38)
  • Cif(event.keyCode == 32)
  • Dif(event.keyCode == 31)

25.哪一个标记用于使HTML文档中表格里的单元格在同行进行合并( ) C

  • Acellspacing
  • Bcellpadding
  • Crowspan
  • Dcolspan

26.如何清除ul的浮动( ) B

  • Aul li:last-child{clear:both}
  • Bul:after{content:"";clear:both;display:block}
  • Cul{clear:both}
  • Dul:before{content:"";clear:both;display:block}

27.var v; 该语句定义了一个变量v,它的值是?正确答案是( ) B

  • A1
  • Bundefined
  • C0
  • Dnull

28.placeholder的作用是( ) A

  • A为文本框设置默认提示文字
  • B为文本框设置对齐样式
  • C为文本框设置默认值
  • D以上说法都不正确

29.正确答案是( ) A

var size="true";console.log(typeof size);
  • Astring
  • Bnumber
  • Cundefined
  • Dboolean

30.在当前页面index.html中插入与index.html处于同一级的img文件夹下的logo.jpg,正确的导入写法是( )A

  • - *A*<img src="img/logo.jpg">
    - *B*<img href="img/logo.jpg">
    - *C*<img src="../img/logo.jpg">
    - *D*<img href="../img/logo.jpg">

    二、多选题共15题,30分

    1.div span{margin-left:10px;}通过以下哪些语句可以将第一个span元素的margin取消( ) AC

    • Aiv span:first-child{margin:0}
    • Bdiv span:nth-child(0){margin:0;}
    • Cdiv span:nth-child(1){margin:0}
    • Ddiv span{margin:0}

2.以下语句语法正确的有( ) AC

  • - *A*document.getElementsByTagName("body")[0].innerHTML = "HELLO"
    - *B*document.getElementById("box").style.border-top="1px solid #f00"
    - *C*document.getElementsByTagName("div")[0].innerHTML = '<b>hello</b>';
    - *D*document.getElementsByTagName("body").style.paddingTop = "10px";

3.以下哪些属性属于弹性盒子的( ) AB

  • Aflex-shrink
  • Bflex-grow
  • Cborder
  • Dmargin

4.以下是单独可以不用闭合的标签是( ) ABCD

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

5.#wrap{width:600px;height:200px;background:#ccc;position:absolute;}实现wrap在浏览器中水平和垂直都居中,需要设置的样式有( ) BC

  • Amargin-left:-300px;margin-top:-100px;
  • Bleft:300px;top:100px;
  • Cleft:50%;top:50%;
  • Dmargin-left:-300px;margin-top:100px;

6.背景background属性包括( ) ABD

  • Abackground-size
  • Bbackground-origin
  • Ctext-align
  • Dbackground-clip

7.假设btn是获取到的按钮,点击按钮调用checkCity这样一个函数,以下写法正确的有哪些( ) BC

  • Abtn.onclick = function(){checkCity;}
  • Bbtn.onclick = function(){checkCity();}
  • Cbtn.onclick = checkCity;
  • Dbtn.onclick = checkCity()

8.HTML5新增的标签有哪些( ) ABCD

  • Aheader
  • Bnav
  • Cfooter
  • Dsection

9.以下哪些语句可以打印1-100之间所有的奇数( ) AD

  • Afor(var i=1;i<=100;i++){if(i%2==1){console.log(i);}}
  • Bfor(var i=1;i<=100;i+=1){console.log(i);}
  • Cfor(var i=1;i<=100;i++){if(i%2==0){console.log(i);}}
  • Dfor(var i=1;i<=100;i+=2){console.log(i);}

10.img标签有文字提示特性的属性( ) AC

  • Atitle
  • Btite
  • Calt
  • Dheight

11.以下哪些元素属于块元素( ) BCD

  • Aa
  • Bnav
  • Cheader
  • Dul

12.下面选项中 jquery焦点事件的有( ) AC

  • Ablur()
  • Bselect()
  • Cfocus()
  • Donfocus()

13.在jQuery中,通过jQuery对象.css( )可实现样式控制,以下说法正确的是( ) AB

  • Acss( )方法会去除原有样式而设置新样式
  • B正确语法:css(“属性”,”值”)
  • Ccss( )方法不会去除原有样式
  • D正确语法:css(“属性”)

14.以下哪些样式可以隐藏元素( ) ACD

  • Avisibility:hidden;
  • Bdisplay:show;
  • Cdisplay:none;
  • Dopacity:0;

15.哪些是动画效果( ) AB

  • Atransition
  • Banimation
  • Cstatic
  • Drelative

三、判断题共5题,10分

1.此句可以实现当文本框获得焦点时添加盒阴影效果。( ) 对

input[type="text"]:focus{box-shadow:2px 2px 2px blue;}
  • A
  • B

2.var a=b=6; b=3 console.log(a)的值为3吗( ) 错

  • A
  • B

3.在jquery中指定的元素后面追加内容是after吗( ) 对

  • A
  • B

4.margin-top与padding-top对行内元素都起作用( ) 错

  • A
  • B

5.CSS中transition是用来控制元素变形样式的( ) 错

  • A
  • B

答案解析

1. 2. 3. 4. 5.
6. 7. 8. 9. 10.
11. 12. 13. 14. 15.
16. 17. 18. 19. 20.
21. 22. 23. 24. 25.
26. 27. 28. 29. 30.
31. 32. 33. 34. 35.
36. 37. 38. 39. 40.
41. 42. 43. 44. 45.
46. 47. 48. 49. 50.

1+x 证书 Web 前端开发初级理论考试(试卷8 )的更多相关文章

  1. 1+x证书Web 前端开发初级——理论考试(试卷1)

    1+x证书Web 前端开发初级——理论考试(试卷1) 一.单选题(每小题 2 分,共 30 小题,共 60 分) 1.HTML 语言中,设置表格中文字与边框距离的标签是() A.<table b ...

  2. 1+x 证书 Web 前端开发中级理论考试(试卷 8 )含答案

    1+x 证书 Web 前端开发中级理论考试(试卷 8 ) 官方QQ群 转载请注明来源:妙笔生花个人博客http://blog.zh66.club/index.php/archives/438/ 一.单 ...

  3. 1+x 证书 Web 前端开发中级理论考试(试卷 7 ) 答案

    1+x 证书 Web 前端开发中级理论考试(试卷 7 ) 答案 转载请注明来源:妙笔生花个人博客http://blog.zh66.club/index.php/archives/438/ 官方QQ群 ...

  4. 1+x 证书 Web 前端开发中级理论考试(试卷 6 )

    1+x 证书 Web 前端开发中级理论考试(试卷 6 ) 官方QQ群 1+x 证书 web 前端开发初级对应课程分析 http://blog.zh66.club/index.php/archives/ ...

  5. 1+x证书Web前端开发中级理论考试(试卷1)

    2019年下半年 Web前端开发中级 理论考试 (考试时间19:00-20:30 共150分钟,测试卷1) 本试卷共3道大题,满分100分. 请在指定位置作答. 一.单选题(每小题2分,共30小题,共 ...

  6. 1+x 证书 web 前端开发初级对应课程分析

    响应国家号召 1+X 证书 Web 前端开发考试样题 官方QQ群 1+x 证书 web 前端开发初级对应课程分析 http://blog.zh66.club/index.php/archives/19 ...

  7. 1+X证书web前端开发中级对应课程分析

    官方QQ群 1+x 证书 Web 前端开发 JavaScript 专项练习 http://blog.zh66.club/index.php/archives/198/ 1+x 证书 Web 前端开发初 ...

  8. 响应国家号召 1+X 证书 Web 前端开发考试模拟题

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

  9. 1+x证书Web前端开发HTML+CSS专项练习测试题(八)

    1+x证书Web前端开发HTML+CSS专项练习测试题(八) 官方QQ群 1+x 证书 Web 前端开发 HTML+CSS 专项练习测试题(八) http://blog.zh66.club/index ...

随机推荐

  1. 1、netty入门说明

    netty中的例子,基本模式都是:server -> Initializer -> Handler . 在server中去启动线程,打开端口,设置initializer,和一些启动的参数配 ...

  2. Netfilter,获取http明文用户名和密码

    目录 Netfilter简介 实验-target端 内核模块的操作 初始化netfilter 解析http包,获取用户名和密码 实验-hack端 遇到的问题 @ Netfilter简介 Netfilt ...

  3. socket简单介绍

    一 三种类型的套接字: 1.流式套接字(SOCKET_STREAM)     提供面向连接的可靠的数据传输服务.数据被看作是字节流,无长度限制.例如FTP协议就采用这种. 2.数据报式套接字(SOCK ...

  4. 连接 sql

    java连接sqlserver 1 创建 Dynamic Web Project项目 在WebContent/WEB-INF/lib中添加sqljdbc42.jar 2 在class文件里连接数据库 ...

  5. CodeForces - 460C(二分+差分)

    题意 https://vjudge.net/problem/CodeForces-460C 一个长度为 n 的序列 a ,你有 m 次操作的机会,每次操作是将其中连续的 w 个元素增加 1 .最大化最 ...

  6. IntelliJ IDEA安装与使用

    官网:https://www.jetbrains.com/ 点击 点击下载 点击

  7. ReactNative: 使用像素密度类PixelRatio进行适配

    一.简介 现在设备显示屏的清晰度越来越高,尤其是iOS移动设备上的高清适配,Retina显示屏.在开发中,为了保证图片在不同的设备上显示的效果保持一致,往往需要准备多套图片,比如iOS开发中的@1x, ...

  8. SpringBoot+JWT+Shiro+MybatisPlus实现Restful快速开发后端脚手架

    一.背景 前后端分离已经成为互联网项目开发标准,它会为以后的大型分布式架构打下基础.SpringBoot使编码配置部署都变得简单,越来越多的互联网公司已经选择SpringBoot作为微服务的入门级微框 ...

  9. JMeter压测“java.net.BindException: Address already in use: connect”解决方法

    之前在windows机上用JMeter压测,50并发下出现大量接口报“java.net.BindException: Address already in use: connect”错误. 从字面的意 ...

  10. SSM框架之Spring(2)IOC及依赖注入

    Spring(2)IOC及依赖注入 基于xml配置文件的实现 1.IOC (控制反转-Inversion Of Control) 控制反转(Inversion of Control,缩写为IoC),是 ...