第十篇 1+X考证 Web前端测试题(新)

news2024/9/27 5:49:35

 单选题

1、关于HTML和CSS以下说法错误的是( D

A、HTML标签中属性的值一定要用双引号或单引号括起来
B、HTML空元素要有结束的标签或于开始的标签后加上"/"
C、结构与样式完全分离时,结构代码中不涉及任何的样式元素,如font、bgColor等
D、CSS的选择器命名可以以数字开头
[ D: 如 id 和 class(类) 选择器不能以数字开头,以数字开头在在Mozilla/Firefox 浏览器中不起作用 ]
2、在Bootstrap中,以下哪一个类用于固定宽度并支持响应式布局的容器( D
A、containerFluid
B、center
C、containers
D、container
[ 排除CB, 知识点:container是固定宽度,containerFluid是100%宽度 ]
3、HTTP状态码的解释错误的是( B
A、500代表程序错误
B、404表示请求的服务器资源权限不够
C、200表示服务器响应成功
D、301表示临时跳转
4、下列关于Bootstrap栅格系统描述错误的是( C
A、"行(row)"必须包含在 .container (固定宽度)或 .container-fluid (100% 宽度)中,以便为其赋予合适的排列(alignment)和内补(padding)
B、通过为"列(column)"设置 padding 属性,从而创建列与列之间的间隔(gutter)
C、"列(column)"不应当作为"行(row)"的直接子元素
D、栅格系统中的列是通过指定1到12的值来表示其跨越的范围
[ 知识点:栅格系统是由列和通过一系列的行(row)和列(colum)的组合来创建布局的,你的内
容应当放置于“列(column)”内,并且,只有“列(column)”可以作为行(row)”的直接子元素。
官网文档 |  全局 CSS 样式 · Bootstrap v3 中文文档 | Bootstrap 中文网 ]
5、下面哪一项不是Ajax技术的优点( D
A、基于标准化,不需要下载插件
B、异步方式通信,响应快
C、页面无需刷新,用户体验好
D、支持浏览器back按钮
6、下面对HTTP状态码的说法错误的是( C
A、4开头的消息表示请求错误或者无法被执行
B、5开头的消息表示服务器错误
C、2开头的消息表示请求失败
D、3开头的消息表示重定向
[ 知识点:1开头信息,2开头是成功;

可以看一下详细的HTTP状态码 : HTTP 状态码 | 菜鸟教程 ]

7、下面哪种注释方式是PHP、JavaScript、CSS三种技术共有的( C
A、#
B、;
C、/* */
D、//
8、http服务默认端口是( D
A、8080
B、81
C、21
D、80
9、Bootstrap提供了一系列的对齐样式,表示不换行的样式是( D
A、text-center
B、text-justify
C、text-auto
D、text-nowrap
10、Bootstrap中下面哪个( A )类用于固定宽度并支持响应式布局的容器
A、container
B、containers
C、center
D、containerFluid
11、Bootstrap4内置了一套响应式、移动设备优先的流式栅格系统,随着屏幕设备或视口尺寸的增加,系统会自动分为最多( C )列
A、8
B、10
C、12
D、16
12、在Bootstrap中,( B )不是媒体特性的属性
A、width
B、background
C、device-width
D、orientation
[ 知识点:在<head>标签中添加 viewport (视口) 支持响应式布局的标签 ]
<meta name="viewport" content="width=device-width, initial-scale=1.0,shrink-to-fit=no">

13、下列关于GET与POST描述错误的是( B

A、POST请求传输量大,相比GET请求更适用于传输数据量大的参数
B、POST请求一定会被缓存
C、GET请求传递参数需要在URL中显示
D、POST请求一般对数据长度没有要求
14、Bootstrap中,通过添加( A )类可以让表格更加紧凑,单元格中的内补(padding)均会减
半 .
A、.table-condensed
B、.table-hover
C、.table-bordered
D、.table-striped
[ 知识点:.table-hover类可以让 <tbody> 中的每一行对鼠标悬停状态作出响应 ;.table-bordered类为表格和其中的每个单元格增加边框;.table-striped类可以给 <tbody> 之内的每一行增加斑马条纹样式。 ]
15、如果在HTML文档的开始部分没有使用doctype怎么办( B
A、浏览器在标准模式下解析渲染页面
B、浏览器使用怪异模式渲染页面
C、浏览器显示错误提示页面
D、浏览器停止工作
16、BootStrap内置了一套响应式、移动设备优先的流式栅格系统,随着屏幕设备或视口尺寸的增加,系统会自动分为最多( D )列
A、10
B、16
C、8
D、12
17、以下哪个技术不是Ajax技术体系的组成部分( B  )
A、XMLHttpRequest
B、DHTML
C、JSON
D、XML
18、关于flex说法错误的是( B
A、任何一个容器都可以使用flex弹性布局
B、设置flex:1无意义
C、flex是弹性布局
D、设置flex布局以后,子元素的float和clear等样式全部失效
19、定义Bootstrap内联表单,需要向form标签添加( B  )类
A、.form-horizontal
B、.form-inline
C、.form-group
D、.form-vertical
[ 知识点:为 <form> 元素添加 .form-inline 类可使其内容左对齐并且表现为inline-block级别的控件。 ]
20、在Bootstrap中,通过在 <img> 标签添加( A )类能够让图片支持响应式设计
A、.img-responsive
B、.img-thumbnail
C、.img-rounded
D、.img-circle
[ 知识点:.img-responesive类可以让图片支持响应式布局 ]
21、在某文件夹中,有img目录和css目录及一个index.html文件。在css目录中有一个type.css
文件和一个media.css文件。如何在index.html中表示type.css文件的路径( C
A、/type.css
B、img/type.css
C、css/type.css
D、../css/type.css
22、下列说法正确的是( C
A、在HTML标签中使用style属性设置样式优先级最低
B、在CSS文件中能够直接编写HTML代码
C、CSS能够以外部文件的方式被HTML引用
D、无法在HTML文件中直接编写CSS代码
[ 知识点:使用style属于内部样式,优先级为内联>内部>外部 ]
23、在jQuery中想要找到所有元素的同辈元素,下面哪一个是可以实现的( D
A、find(expr)
B、next()
C、eq(index)
D、siblings(expr)
[ 知识点: find(expr):搜索所有与指定表达式匹配的元素;next():取得一个包含匹配的元素集合
中每一个元素紧邻的后面同辈元素的元素集合,不是后面所有的同辈元素,但可以使用nextAll;
eq(index):获取当前链式操作中第N个jQuery对象 ]
24、HTML中以下哪个标签是无序列表( C
A、div
B、ol
C、ul
D、dl
25、关于socket说法错误的是( B
A、socket是对TCP/IP协议的封装和应用
B、socket和http一样,是一种协议
C、socket通常称为“套接字”,用于描述IP地址和端口
D、服务器和客户端能够通过socket进行交互
26、以下哪个选项可以使元素的上内边距为10px( C
A、margin:10px;
B、padding:5px 10px;
C、padding:10px
D、margin:10px 5px;
27、对于终端设备(宽度≥576px),Bootstrap设置的class前缀是( B  )
A、.col-xs-
B、.col-sm-
C、.col-md-
D、.col-lg-
[ 知识点:在bookstrap3是超小是768,但bookstrap4的超小是576,附上3&4 : 如下 ]

28、HTTP状态码的解释错误的是( D
A、301表示临时跳转
B、200表示服务器响应成功
C、500代表程序错误
D、404表示请求的服务器资源权限不够

多选题

1、下列关于HTML描述错误的是( BCD

A、HTML中,<script>标签可以放置JavaScript代码

B、HTML中,<head>中的内容通常可以省略

C、PHP文件不可以放置HTML代码

D、仅使用HTML无法制作网页

2、以下JavaScript实现继承的方式,正确的是( ACD )

A、组合继承

B、关联继承

C、构造函数继承

D、原型链继承

3、Bootstrap提供了一些类来定义按钮的样式,下列哪些是正确的样式( ABCD

A、.btn-info

B、.btn

C、.btn-success

D、.btn-default

4、BootStrap提供了一系列表格的样式,请找出鼠标高亮和边框表格( AC

A、.table_bordered

B、.table-responsive

C、.table_hover

D、.table_striped

5、在JavaScript中定义数组的正确方法有( ABC

A、var a = new Array();

B、var a = new Array(1,2,3);

C、var a = new Array(1);

D、var a = new Array = 1,2,3;

6、在Bootstrap4中,栅格系统的标准用法正确的是( ABC )

A、<div class= "container "><div class= "row "></div></div>

B、<div class= "col-md-1"><div class= "row "></div></div>

C、<div class= "row "><div class= "container "></div></div>

D、<div class= "row "><div class= "col-md-1 "></div></div>

7、下面哪些项是Ajax技术的特点( ABD  )

A、页面无需刷新,用户体验好

B、基于标准化,不需要下载插件

C、支持浏览器back按钮

D、异步方式通信,响应快

8、Bootstrap中,下列哪些属于媒体查询的关键词( ABC

A、not

B、only

C、and

D、or

9、Bootstrap的核心功能特点有( AB )

A、面向对象

B、响应式布局

C、支持路由

D、跨设备、跨浏览器

10、下列叙述正确的是( ABD

A、JavaScript负责解决交互性问题

B、HTML负责网页的结构

C、CSS负责网页的内容

D、CSS负责网页的美化

11、下列属于CSS文本属性的是( ABC
A、font-size
B、text-align
C、text-transform
D、line-through
[ 解析:line-through属于text-transform的属性值之一,中划线 ]
12、Bootstrap中,关于flex-direction属性正确的是( ACD

A、row-reverse

B、col

C、column-reverse

D、row

13、关于JSON,说法正确的是( ABC  )
A、JSON是JavaScript对象的字符串表示法
B、JSON是一种轻量级的数据交换格式
C、JSON对象由花括号括起来的逗号分割的成员构成
D、JSON依赖于jQuery框架

14、下列关于JavaScript说法正确的有( AC )

A、JavaScript是弱类型语言

B、JavaScript中没有数组

C、JavaScript中没有int类型

D、JavaScript中循环方法包含 for、foreach、while等

15、关于form表单正确的说法是( BD

A、form表单只能用于get请求提交

B、form表单可以使用target属性制定URL打开的方式

C、form表单通常只能提交匿名数据

D、form表单用于向服务器传输数据

16、以下哪些是JavaScript的基本数据类型( ABC

A、Boolean

B、String

C、Number

D、Array

[ 知识点:javascript的基本数据类型有 Boolean(布尔型),String(字符串类型),Number(数字类型),Null(空),Undefined(未定义),还有一个是ES6引入的一种新的原始数据类型,Symbol 表示独一无二的值; ]

17、下列选项中,哪些是Ajax的特点( ABC
A、减轻服务器的负担
B、可以无刷新进行页面更新
C、可以调用外部数据
D、可以不使用JavaScript脚本
18、Bootstrap4中可以改变按钮大小的类是( AD  )
A、btn-sm
B、btn-md
C、btn-xs
D、btn-lg
[ 知识点:在Bookstrap4中,.btu-lg 或 .btn-sm 类可以设置按钮的不同尺寸;在Bookstrap3中,.btu-lg、.btu-sm 或 .btu-xs 就可以获得不同尺寸的按钮,这里需要注意问的是关于Bookstrap的版本。  ]

判断题

1、jQuery通常不需要额外引入文件就可以直接使用。 ( F

2、JavaScript中var关键字声明的变量只在代码块作用域有效。 ( F 

3、如果不使用CSS就无法在HTML页面中设置文字颜色。  ( F )

[ 解析:可以使用javascript操作; ]

4、xmlhttp.open("GET","ajax_test.html",true),这条Ajax语句的最后一个参数true表示发送异步请求。  ( T )


补充:

1、关于Ajax说法正确的是( C
A、Ajax的传输方式和form表单没有任何区别
B、open方法在GET方式下必须设置信息头
C、onreadystatechange是设置一个事件驱动发送数据
D、responseText一定能接收字符串类型的数据

2、Bootstrap中,下面可以实现列偏移的类是( D

A、.col-md-move-*

B、.col-md-push-*

C、.col-md-pull-*

D、.col-md-offset-*

3、在HTML5中,元素( C )用于组合标题元素

A、<group>

B、<header>

C、<hgroup>

D、<headings>

4、在Bootstrap中关于弹性布局的属性错误的是( B )

A、flex-wrap

B、flex-container

C、flex

D、justify-content

[ 解析:flex-container是CSS3的内容; ]

5、URL http://www.baidu.com 中的端口值为( C )

A、3306

B、21

C、80

D、8080

6、Ajax是“Asynchronous JavaScript and XML”的缩写,关于Ajax说法错误的是( A

A、Ajax和JavaScript没什么关系

B、Ajax使用XML和XSLT进行数据交换及相关操作

C、Ajax使用XMLHttpRequest进行异步数据查询、检索

D、Ajax使用DOM进行动态显示及交互

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/127195.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Qt之软键盘的实现

文章目录前言一、基于中文汉字数据库1、核心代码2、效果二、基于谷歌拼音输入引擎1、核心代码2、效果前言 Qt5.8版本开始推出了基于QML实现的软键盘功能&#xff0c;在此之前&#xff0c;并没有官方版本的软键盘。本篇主要介绍Qt实现软键盘的两种方案&#xff0c;一种基于中文汉…

[python][GUI]pyside6

------------------------------------------------------------------------------------------------------------------ #非常好资料和教程&#xff1a; 1. Module Index - Qt for Python 2. muziing/PySide6-Code-Tutorial: 可能是最好的PySide6中文教程&#xff01;用代…

Spring boot 日志直接推送到elasticsearch上

Spring boot 日志直接推送到elasticsearch前言核心依赖elasticsearch配置文件1.url格式如下2.index索引前缀 "xxx"3.maxMessageSize参数数据内容最大值&#xff0c;本文未使用&#xff08;默认值-1全部数据接收&#xff09;如下4.BasicAuthentication.java 重写该类用…

详解opencv库函数ellipse()

opencv库函数ellipse()函数可以画扇形&#xff0c;也可以画椭圆。画扇形时只需要将椭圆的长短轴长度设为相同并给定扇形的圆心角即可。 # 参数 1.目标图片 2.椭圆圆心 3.长短轴长度 4.偏转角度 5.圆弧起始角度 6.终止角度 7.颜色 8.是否填充 cv2.ellipse(img_p, (500, 2…

[python] PyMouse、PyKeyboard用python操作鼠标和键盘

1、PyUserInput 简介 PyUserInput是一个使用python的跨平台的操作鼠标和键盘的模块&#xff0c;非常方便使用。支持的平台及依赖如下&#xff1a; Linux - XlibMac - Quartz, AppKitWindows - pywin32, pyHook 支持python版本&#xff1a;我用的是3.6.7 2、安装 直接源码安装…

越南猫年来袭!2023Lazada年货节热销品趋势

距离2023年春节倒计时23天&#xff01;大家是否对春节假期已经满怀期待了&#xff1f;越南人也和我们一样正期盼着新年到来&#xff0c;越南所有的传统节日都是按照农历来算的&#xff0c;其中春节也是越南重大的节日。春节将至&#xff0c;提前置办年货成了越南人和华人必不可…

MySQL 表的增删改查(进阶篇②)· 联合查询 内连接 外连接 · 自连接 · 子查询 exists · 合并查询 union

接进阶篇①&#xff0c;我们继续学习。 一、联合查询1.1 内连接1.2 外连接1.3 内连接和左右外连接的区别二、自连接三、子查询3.1 单行子查询3.2 多行子查询使用 in 范围匹配多行另一种写法 exists两种写法的区别3.3 在 from 子句中使用子查询四、合并查询unionunion all一、联…

随谈_前端与后端

文章目录一、前言二、前后端分别是什么&#xff1f;2.1. 前端&#xff08;front end&#xff09;2.2. 后端&#xff08;back end&#xff09;一、前言 最近在学习Vue&#xff0c;打算边学边用&#xff0c;开发一个网页系统。 Vue的话&#xff0c;网上介绍很多&#xff0c;简单…

容器安全的三大挑战

容器凭借其经济高效的优势改变了应用程序的交付方式&#xff0c;随着容器的普遍使用&#xff0c;管理应用程序基础设施的 IT 劳动力和资源也显著减少。然而&#xff0c;在保护容器和容器化生态系统时&#xff0c;软件团队遇到了许多障碍。尤其是习惯于更传统的网络安全流程和策…

MYSQL学习之路

MYSQL架构示意图 MYSQL8.0开始移除了查询缓存这个模块&#xff1b; 查询缓存&#xff1a;适合读多写少的任务&#xff1b; 建议&#xff1a;将 have_query_cache 设置为No&#xff0c;在需要使用查询缓存的语句上显式声明&#xff1b; select SQL_CACHE * from test;WAL(Write …

mysql sql优化、查看索引、创建索引

1.索引遵循原则 仅在被频繁检索的字段上创建索引。针对大数据量的表创建索引&#xff0c;而不是针对只有少量数据的表创建索引。通常来说&#xff0c;经常查询的记录数目少于表中总记录数据的 15% 时&#xff0c;可以创建索引。这个比例并不绝对&#xff0c;它与全表扫描速度成…

java:jackson 一:Jackson Annotation

java&#xff1a;jackson 一&#xff1a;Jackson Annotation 1 前言 参考文档地址&#xff1a; https://www.baeldung.com/jacksonhttps://www.baeldung.com/jackson-annotations2 使用 2.1 Jackson Serialization Annotations jackson 序列化注解 2.1.1 JsonAnyGetter T…

产业互联网是以大数据、云计算、AI等为代表的数字技术的出现为标志

事实上&#xff0c;以往&#xff0c;我们所经历的那个互联网玩家频出的年代&#xff0c;其实就是一个以互联网技术为主导的年代。在那样一个年代里&#xff0c;互联网技术几乎是解决一切痛点和难题的万能解药&#xff0c;几乎是破解一切行业痛点和难题的杀手锏。任何一个行业&a…

数据可视化③:大学生就业数据分析

大学生就业是和我们息息相关的话题&#xff0c;每一位大学生都关注着&#xff0c;我们常常在网络上看到有关大学生就业的话题&#xff0c;比如毕业季的一些讨论。在大一的创新创业课中&#xff0c;我们也了解到自己所学的专业和以后如何就业&#xff0c;往哪方面就业。但我们了…

深度学习目标检测_IOU、Precision、Recall、AP、mAP详解

文章目录背景IOU&#xff1a;Intersection Over Unionprecision&#xff08;精度&#xff09;和recall&#xff08;召回率&#xff09;TP、TN 、FP 、FNAP和mAP首先回顾两个概念PR曲线AP(Average Precision&#xff09;mAP(mean Average Precision)背景 目标检测的任务是找出图…

[oeasy]python0035_ 整合shell编程_循环_延迟_清屏

整合shell编程 回忆上次内容 用\r 可以让输出位置回到行首原位刷新时间 如果想要的是大字符效果 需要使用 figlet但同时还希望能刷新这可能吗&#xff1f;&#x1f914; 建立脚本 我们得熟悉一下shell 先新建一个test.sh vi test.sh python3 show_time.py python3 show_time.…

如何通过GB35114国密标准接入到LiveGBS GB28181/GB35114监控平台

1.1 安装LiveGBS GB28181/GB35114视频平台 1.2 获取设备端证书给平台 我们用LiveNVR做为设备端向LiveGBS注册&#xff0c;这里先将LiveNVR的证书导出&#xff0c;并给LiveGBS端。 本地自签名证书是LiveNVR自己给自己签发的证书。如果需要用第三方机构的证书&#xff0c;可点击…

【软件测试】资深测试的总结,有限时间找最有价值bug......

目录&#xff1a;导读前言一、Python编程入门到精通二、接口自动化项目实战三、Web自动化项目实战四、App自动化项目实战五、一线大厂简历六、测试开发DevOps体系七、常用自动化测试工具八、JMeter性能测试九、总结&#xff08;尾部小惊喜&#xff09;前言 测试团队的新同事&a…

Mybatis进阶之自定义TypeHandler

实际应用开发中的难免会有一些需求要自定义一个TypeHandler &#xff0c;比如这样一个需求&#xff1a;前端传来的性别是 男, 女&#xff0c;但是数据库定义的字段却是tinyint 类型&#xff08; 1:男 2:女&#xff09;。此时可以自定义一个年龄的类型处理器&#xff0c;进行转换…

Linux学习笔记——Linux实用操作(一)

04、Linux实用操作 4.1、各类小技巧&#xff08;快捷键&#xff09; 学习目标&#xff1a; 掌握各类实用小技巧 强制停止退出、登出历史命令搜索光标移动 1、Ctrlc强制停止 Linux某些程序的运行&#xff0c;如果想要强制停止它&#xff0c;可以使用快捷键Ctrlc 命令输入…