前端基础周测-04

一、单选题

 

1. 下列哪一项是css正确的语法构成？

A、 body:color=black

B、 {body;color:black}

C、 body {color: black;}  

D、 {body:color=black(body}

参考答案：C

 

 

2. 下列哪个css属性可以更改字体大小？

A、 text-size

B、 font-size

C、 text-style

D、 font-style 

参考答案：B

 

 

3. 如何去掉文本超级链接的下划线？

A、 a {text-decoration:no underline} 

B、 a {underline:none} 

C、 a {decoration:no underline} 

D、 a {text-decoration:none}

参考答案：D

 

 

4. 常用的网页图像格式有()和()

A、 gif，tiff

B、 tiff，jpg

C、 gif，jpg

D、 tiff，png

参考答案：C

 

 

==,===

5. 下面代码的输出是什么？

let a =666;

let b = new Number(666);

let c =666;

console.log(a==b);

console.log(a===b);

console.log(a===c);

A、 true false true

B、 false false true

C、 true false false

D、 false true true

参考答案：A

题目解析：

• new Number() 是一个内建的函数构造器,是一个对象。
• 当我们使用 == 操作符时，它只会检查两者是否拥有相同的值。因为它们的值都是 666，因此返回 true。
• 然后，当我们使用 === 操作符时，两者的值以及类型都应该是相同的。new Number() 是一个对象而不是 number，因此返回 false。

 

 

onChange,onFocus,onClick

6. 制作级联菜单功能时调用的是下拉列表框的（   ）事件

 

A、 onChange

B、 onFocus

C、 selected

D、 onClick

参考答案：A

题目解析：

• 这个布尔属性存在时表明这个选项是否一开始就被选中。如果 <option> 元素是 <select> 元素的子元素，并且 <select> 元素的 multiple 属性没有设置，则 <select> 元素中只有一个 <option> 元素可以拥有 selected 属性。

•  <select> 中的 multiple，这个布尔值属性表示列表中的选项是否支持多选。没有声明该值时，一次只能选中一个选项。声明这个属性后，大多数浏览器都会显示一个可滚动的列表框，而非一个下拉菜单。

•  onChange：该事件在表单元素的内容改变时触发( <input>, <keygen>, <select>, 和 <textarea>)。（表单事件）

• onFocus：元素获取焦点时触发。（表单事件）

• onClick：当用户点击某个对象时调用的事件句柄。（鼠标事件）

 

  

var,let,const

7. 下面代码的输出是什么？

function sayHi(){

console.log(name);

console.log(age);

var name =”Tom”;

let age=24;

}

A、 Tom和 undefined

B、 Tom 和 ReferenceError

C、 ReferenceError 和 24

D、 undefined 和 ReferenceError

参考答案：D

题目解析：

• 在函数中，我们首先使用var关键字声明了name变量

  变量在创建阶段会被提升（javascript 会在创建变量阶段为其分配内存空间）

  默认值为 undefined，

  实际执行到使用该变量的时候，还没为name变量赋值，仍为undefined

• let 关键字（和const）声明的变量也会存在变量提升

  但与 var 不同，初始化没有被提升，

  声明（初始化）他们之前，他们是不可访问的，“暂时死区”

  在变量声明变量之前尝试访问变量时，会抛出一个ReferenceError

 

　　

 关系型,关系数学模型,二维表

8. 关系型数据库中的关系就是

A、 表之间的关联

B、 二维表

C、 数据库之间的关联

D、 数据库和表的联系

参考答案：B知识点：关系型是以关系数学模型来表示的。

关系数学模型中以二维表的形式来描述。

二维表就是由行列组成的，知道行号列号就可以确定一个表中的数据，这是二维表的特点。

 

 

 

9. MySql安装后，默认占用端口是

A、 3306

B、 8066

C、 8086

D、 1503

参考答案：A

 

 

10. MySql安装时我们为了更好的处理中文，一般选用的编码是

A、 Iso-8859-1

B、 utf8

C、 Latin1

D、 Unicode

参考答案：B

 

 modify,alter

11. 在Mysql中修改表结构的命令是

A、 Modify table

B、 modify column

C、 modify column

D、 alter table

参考答案：D

知识点：

• 一、功能不同
  • 1、modify：只能修改字段的属性。
  • 2、alter：除了修改字段属性外，还可以做增加删除操作。
• 二、语法不同
  • 1、modify：修改字段名使用：ALTER TABLE [表名] MODIFY [列名] [数据类型]
  • 2、alter：数据库SQL语言的修改语句，可以用来修改基本表，表示格式为：ALTER TABLE<表名>[改变方式]。 
• 三、范围不同
  • 1、modify：只是alter功能下的一个功能模块。
  • 2、alter：包括“ADD ”、“DROP ”、“CHANGE ”、“MODIFY ”四个功能模块。

 

 

12. 下面关于文件路径的说法错误的是（ ）

A、 “../”是返回当前目录的上一级目录

B、 “../”是返回当前目录的下一级目录

C、 访问下一级目录直接输入相应的目录名即可

D、 文件路径指文件存储的位置

参考答案：B

 

 

 

13. 下列选项中定义标题最合理的是( )

A、 <span class="header">文章标题</span>

B、 <p><b>文章标题</b></p>

C、 <h2>标题</h2>

D、 <div>文章标题</div>

参考答案：C

 

 

text-transform,text-align ,text-indent,text-decoration

14. 每段文字都需要首行缩进两个字的距离，该设置什么属性（ ）

A、 text-transform

B、 text-align 

C、 text-indent

D、 text-decoration

参考答案：C

知识点：

• text-transform 属性指定如何将元素的文本大写。它可以用于使文本显示为全大写或全小写，也可单独对每一个单词进行操作。

• text-align 属性定义行内内容（例如文字）如何相对它的块父元素对齐。text-align 并不控制块元素自己的对齐，只控制它的行内内容的对齐。

• text-indent 属性能定义一个块元素首行文本内容之前的缩进量。

• text-decoration 这个 CSS 属性是用于设置文本的修饰线外观的（下划线、上划线、贯穿线/删除线  或 闪烁）。

 

 

box-shadow

15. 关于box-shadow说法正确的是（ ）

A、 设置文字投影

B、 第一个值是设置水平距离的

C、 第二个值是设置水平距离的

D、 第三个值是设置投影颜色的

参考答案：B

知识点：

• box-shadow 属性用于在元素的框架上添加阴影效果。你可以在同一个元素上设置多个阴影效果，并用逗号将他们分隔开。

• 属性：阴影的X轴偏移量、Y轴偏移量、模糊半径、扩散半径和颜色

 

 

transform

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

A、 div:hover{transform:rotate(45deg)}

B、 div:hover{transform:tanslate(50px)}

C、 div:hover{transform:scale(1.5)}

D、 div:hover{transform:skew(45deg)};

参考答案：A

知识点：

• transform属性允许你旋转，缩放，倾斜或平移给定元素。
  • rotate(angle) 定义 2D 旋转，在参数中规定角度。
  • translate(x,y) 定义 2D 转换（平移）。
  • scale(x,y) 定义 2D 缩放转换。
  • skew(x-angle,y-angle) 定义沿着 X 和 Y 轴的 2D 倾斜转换。

　　　　

 

instanceof,null,undefined,NaN

17. 请选择结果为真的表达式（       ）      

A、 null instanceof Object

B、 null === undefined

C、 null == undefined

D、 NaN == NaN

参考答案：C

题目解析：

• instanceof运算符，判断其左边对象是否为其右边类的实例，返回boolean类型的数据。
• undefined是一个表示"无"的原始值，转为数值时为NaN；当声明的变量还未被初始化时，变量的默认值为undefined。
  • 尽管null和undefined是不同的，但它们都表示“值的空缺”，两者往往可以互换，因此==运算符认为两者是相等的。
• null用来表示尚未存在的对象，常用来表示函数企图返回一个不存在的对象。
  • 使用type of 检测null会被认为是object类型。但是实际上null不是object的实例。
  • instance of是用来检测是不是原型链上的实例，null不是Object作为构造函数创建的，因此使用instance of返回false。
• NaN不等于任何数，连本身也不等于。

 

 

indexOf()

18. 在JavaScript中，执行下面的代码后，num的值是( )

var str = "wang.wu@gmail.com";

var num = str.indexOf(".");

A、 -1

B、 0

C、 4

D、 13

参考答案：C

知识点：

• indexOf() 方法可返回某个指定的字符串值在字符串中首次出现的位置。
• 如果没有找到匹配的字符串则返回 -1。
• 注意： indexOf() 方法区分大小写。

 

 

 

19. 阅读下面的JavaScript代码，输出结果是（ ）

function f(y) {

var x=y*y;

return x;

}

for(x=0;x< 5;x++) {

y=f(x);

document.writeln(y);

}

A、 0 1 2 3 4

B、 0 1 4 9 16

C、 0 1 4 9 16 25

D、 以上答案都不对

参考答案：B

 

 

getDay(),getDate(),getTime(),getFullYear()

20. 在以下选项中，关于JavaScript的Date对象描述正确的是

A、 getDay( )方法能返回Date对象的一个月中的一天，其值为1~31

B、 getDate( )方法能返回Date对象的一周中的一天，其值为0~6

C、 getTime( )方法能返回某一时刻(1970年1月1日)依赖的毫秒数

D、 getYear( )方法只能返回4位年份，长用于获取Date对象的年份

参考答案：C

知识点：

• getDay() 方法可返回一周（0~6）的某一天的数字。注意： 星期天为 0, 星期一为 1
• getDate() 方法可返回月份的某一天（1~31）。
• getTime() 方法可返回距 1970 年 1 月 1 日之间的毫秒数。
• getYear( )已废弃。 请使用 getFullYear() 方法代替。
• getFullYear() 方法可返回一个表示年份的 4 位数字。

 

 

 

 

二、多选题 （每题3分，共18分）

 

parseInt(),parseFloat(), isNaN()

1. 在JavaScript语法中，下列说法正确的是

A、 parseInt(43.12)返回值为43

B、 parseInt('abc43.12')返回值为NaN

C、 parseFloat('43.13abc')==parseInt(43.12) 返回true

D、 isNaN(parseFloat('45.13abc'))返回true

参考答案：A,B

知识点：

• parseInt(string, radix) 函数可解析一个字符串，并返回一个整数。
  • 如果 string 以 "0x" 开头，parseInt() 会把 string 的其余部分解析为十六进制的整数。
  • 如果 string 以 0 开头，那么 ECMAScript v3 允许 parseInt() 的一个实现把其后的字符解析为八进制或十六进制的数字。
  • 如果 string 以 1 ~ 9 的数字开头，parseInt() 将把它解析为十进制的整数。

• parseFloat() 函数可解析一个字符串，并返回一个浮点数。

• 该函数指定字符串中的首个字符是否是数字。

• 如果是，则对字符串进行解析，直到到达数字的末端为止，然后以数字返回该数字，而不是作为字符串。

• 如果字符串的第一个字符不能被转换为数字，那么 parseFloat() 会返回 NaN。　　

•  isNaN() 函数用于检查其参数是否是非数字值。
  • 如果参数值为 NaN 或字符串、对象、undefined等非数字值则返回 true, 否则返回 false。

 

 

Document 对象get相关方法

2. 下面哪些是JavaScript中document的方法？

A、 getElementById

B、 getElementsById

C、 getElementsByTagName

D、 getElementsByName

E、 getElementsByClassName

参考答案：A,C,D,E

 

 

块级元素，行内元素，内联块元素

3. 以下（ ）是块级元素

A、 div

B、 img

C、 input

D、 p

参考答案：A,D

知识点：

• 块级元素：<address>、<center>、<h1>~<h6>、<hr>、<p>、

　　　　　　　　<pre>、<ul>、<ol>、<dl>、<table>、<div>、<form>

• 行内（内联）元素：<span>、<a>、<br>、<b>、<strong>、<img>、

　　　　　　　　　　　　<input>、<textarea>、<select>、<sup>、<sub>、<em>、<del>

• 行内块元素：< img />、< input />、< td >

 

 

 

 属性

4. 请选出正确的选项( )

A、 属性要在开始标签中指定，用来表示该标签的性质和特性

B、 通常都是以“属性名=“值””的形式来表示

C、 一个标签可以指定多个属性

D、 指定多个属性时不用区分顺序。

参考答案：A,B,C,D

 

 

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

A、 document.getElementById(‘a’)是通过id值为a获取页面中的一个元素

B、 document.getElementsByName(“na”)是通过name属性值为na获取页面中的一个元素

C、 document.getElementsByTagName(“div”)是通过标签名获取去所有div;

D、 以上说法都不正确;

参考答案：A,C

 

 

 事件

6. 关于JavaScript事件说法不正确的是（ ）

A、 事件由事件函数、事件源、事件对象组成

B、 当前事件作用在哪个标签上,哪个标签就是事件源

C、 onclick 就是一个事件对象

D、 图片切换使用JavaScript的change事件

参考答案：C,D

知识点：

• 事件对象event：一个事件被触发时会自动创建一个事件对象event，事件对象是用来描述事件信息的。事件发生的对象：指事件源。
  • 事件对象有针对其的侦听器，事件对象有其属性，比如：target。
• 事件源：事件处理函数：就是事件过程中做的一些事。
  • 按钮被点击,那么事件源就是按钮

  • 文本框获得焦点. 那么事件源就是文本框 

  • 窗口被关闭,那么事件源就是窗口

• 侦听器：是一个方法，用以响应事件。

• 事件源-----产生----->事件------>被事件监听器发现------>进入事件处理代码

 

 

 

三、判断题 

 

1. padding:10px;只设置上边填充为10像素，其它三边为零像素。（ ）

A、 true

B、 false

 

参考答案：B

 

 

 

四、填空题 

 

 

1. 在网页中，必须使用  a超链接  标记来完成超级链接。

 

 

2.   background-color     CSS属性是用来更改背景颜色的。

 

 

3.                ol                   标记用来建立一个有序列表。

 

 

4.               <br/>              是换行符标签。

 

 

5. Javascript使用 location 对象来访问窗体加载时当前文档的URL。

 

 

6.               for-in              是一种特殊的循环表达式，它将根据对象中的属性进行循环。

 

 

 

7. 在MySql5.7中默认的数据库引擎是       INNODB            。

 

知识点：MySQL5.5之前的默认存储引擎是MyISAM，MySQL5.5之后改为InnoDB。

 

 

 

8. 使用delete删除所有记录以后，自动递增列将按照      删除前的最大值     开始计数。

 

 

 

9. 当一个表中定义了timestamp（时间戳）字段，那么在执行   update   和   insert   命令时自动记录操作的系统时间

 

 

 

五、简答题

 

1. 请写出5种行内元素以及5种块级元素？在css中如果进行行内与块级元素的切换？

参考答案：
<a><b><s><del><span><u><i>等

<h1><h2><h3><h4><h5><h6><div><table><p>等

使用display属性进行设置

Inline：将元素变成行内元素

Block：将元素变成块级元素

 

2. 在css中，盒子模型包含哪些内容？

参考答案： 外边距margin，内边距padding，边框border，内容content

 

3. 使用MySql进行分页查询，假设每页4行，写出第2两页的查询语句

参考答案：select * from book order by price limit 4,4;

 

4. 介绍js的基本数据类型

参考答案：Undefined、Null、Boolean、Number、String、ECMAScript 2015 新增:Symbol(创建后独一无二且不可变的数据类型 )