2017做到的笔试题及答案

firebug自动完成上一个属性的快捷键是：

https://wenku.baidu.com/view/e687bfabb84ae45c3a358c51.html·

自动完成下一个属性 Tab

自动完成上一个属性 Shift+Tab

html空元素

http://www.cnblogs.com/Aaxuan/p/6094463.html

行内元素：a、b、span、img、input、strong、select、label、em、button、textarea

块级元素：div、ul、li、dl、dt、dd、p、h1-h6、blockquote

空元素:br、meta、hr、link、input、img

块级元素的特点：

1.总在新行上开始，占据一整行

2.默认情况下，其宽度自动填满其父元素宽度

3.宽度始终是与浏览器宽度一样，与内容无关

4.它可以容纳内联元素和其他块元素

5.display属性为block

块级元素的垂直相邻外边距margin会合并。

行内元素的特点：

1.和其他元素都在一行上

2.高，行高及外边距和内边距部分可改变

3.宽度只与内容有关

4.行内元素只能容纳文本或者其他行内元素

5.display属性为inline

水平方向的padding-left、padding-right、margin-left、margin-right都产生边距效果，

但竖直方向的padding-top、padding-bottom、margin-top、margin-bottom却不会产生边距效果。

不可以设置宽高，其宽度随着内容增加，高度随字体大小而改变，内联元素可以设置外边界，但是外边界不对上下起作用，只能对左右起作用。

 

空元素的特点：

没有内容的 HTML 内容被称为空元素。空元素是在开始标签中关闭的。

<br /> 就是没有关闭标签的空元素（<br /> 标签定义换行）。

在 XHTML、XML 以及未来版本的 HTML 中，所有元素必须被关闭。

在开始标签中添加斜杠，比如 <br />，是关闭空元素的正确方法，HTML、XHTML 和 XML 都接受这种方式。

即使 <br> 在所有浏览器中都是有效的，但使用 <br /> 其实是更长远的保障。

不属于css文本属性的是

CSS文本属性：

文本对齐属性(text-align)

这个属性用来设定文本的对齐方式。有以下值：

• left (居左，缺省值) 

• right (居右) 

• center (居中) 

• justify (两端对齐)

文本修饰属性(text-decoration)

这个属性主要设定文本划线的属性。有以下值：

• none (无，缺省值) 

• underline (下划线) 

• overline (上划线) 

• line-through (当中划线)

文本缩进属性(text-indent)

这个属性设定文本首行缩进。其值有以下设定方法：

• length (长度，可以用绝对单位(cm, mm, in, pt, pc)或者相对单位 (em, ex, px)) 

• percentage (百分比，相当于父对象宽度的百分比)

行高属性(line-height)

这个属性设定每行之间的距离。其值有以下设定方法：

• normal (缺省值) 

• length (长度，可以用绝对单位(cm, mm, in, pt,pc)或者相对单位 (em, ex, px)) 

• percentage (百分比，相当于父对象高度的百分比)

在font属性里缩写line-height值紧跟着font-size值，使用斜杠隔开<font-size>/<line-height>

文字间距属性(letter-spacing)

这个属性用来设定文字之间的距离。

• normal (缺省值) 

• length (长度，可以用绝对单位(cm, mm, in, pt, pc)或者相对单位 (em, ex, px))

JavaScript返回哪些数据类型

返回数据类型

　　undefined

　　string

　　boolean

　　number

　　symbol(ES6)

　　Object

　　Function

强制类型转换

Number(参数)把任何类型转换成数值类型

parseInt（参数1，参数2）将字符串转换成整数

parseFloat()将字符串转换成浮点数字

string(参数)：可以将任何类型转换成字符串

Boolean()可以将任何类型的值转换成布尔值

input的max属性支持的类型

max属性：带有指定范围的数字输入字段：

max 和 min 属性适用于以下 <input> 类型：number, range, date, datetime, datetime-local, month, time 以及 week。

语法 ：

<input max=" number|date ">

值	描述
number	数字值。规定输入字段允许的最大值。
date	日期。规定输入字段允许的最大值。

常见的网页图像格式

常用的图片格式有JPG、GIF、PNG。

jquery如何获取from里的第二个input元素

$(“form input”).eq(1);

:eq() 选择器选取带有指定 index 值的元素。

index 值从 0 开始，所有第一个元素的 index 值是 0（不是 1）。

经常与其他元素/选择器一起使用，来选择指定的组中特定序号的元素

input类型

email

email 类型用于应该包含 e-mail 地址的输入域。

在提交表单时，会自动验证 email 域的值。

E-mail: <input type="email" name="user_email" />

url

url 类型用于应该包含 URL 地址的输入域。

在提交表单时，会自动验证 url 域的值。

Homepage: <input type="url" name="user_url" />

number

number 类型用于应该包含数值的输入域。

您还能够设定对所接受的数字的限定：

Points: <input type="number" name="points" min="1" max="10" />

请使用下面的属性来规定对数字类型的限定：

属性	值	描述
max	number	规定允许的最大值
min	number	规定允许的最小值
step	number	规定合法的数字间隔（如果 step="3"，则合法的数是 -3,0,3,6 等）
value	number	规定默认值

range

range 类型用于应该包含一定范围内数字值的输入域。

range 类型显示为滑动条。

<input type="range" name="points" min="1" max="10" />

Date pickers (date, month, week, time, datetime, datetime-local)

HTML5 拥有多个可供选取日期和时间的新输入类型：

• date - 选取日、月、年
• month - 选取月、年
• week - 选取周和年
• time - 选取时间（小时和分钟）
• datetime - 选取时间、日、月、年（UTC 时间）
• datetime-local - 选取时间、日、月、年（本地时间）

Date: <input type="date" name="user_date" />

search

search 类型用于搜索域，比如站点搜索或 Google 搜索。

search 域显示为常规的文本域。

color

Web - 客户端存储的几种方式

Cookie

Web Storage

IndexedDB

FileAPI

在最新版的MDN和w3c中FileAPI相关的文档只看到了FileReader相关介绍，这个API可以结合File表单和Formdata 从而实现异步上传文件。因为没有FileWriter相关文档说明，我们这里暂时认为 FileAPI不能实现客户端存储这个要求 。

边框css可以包含哪些

样式、宽度和颜色

axure输出原型预览的快捷键

https://zhidao.baidu.com/question/1306832836490844659.html

F5

event.preventdefault()--->取消事件的默认动作

event.stopPropagation()--->阻止冒泡

event.cancelBubble()--->阻止冒泡[ie]

event.returnValue = false--->

1. event.returnValue的作用就是：当捕捉到事件(event)时，判断为false，则阻止当前事件继续运行，window.event.returnValue = false;之后的语句将都不会执行。
2. return false 不是阻止事件继续向顶层元素传播，而是阻止浏览器对事件的默认处理。

document load 和 document ready的区别

页面加载完成有两种事件

1.load是当页面 所有资源 全部加载完成后（包括DOM文档树，css文件，js文件，图片资源等），执行一个函数

问题： 如果图片资源较多，加载时间较长，onload后等待执行的函数需要等待较长时间，所以一些效果可能受到影响

2.$(document).ready()是当 DOM文档树加载完成 后执行一个函数 （ 不包含图片，css等 ）所以会比load较快执行

tips: 在原生的jS中不包括ready()这个方法，只有load方法就是onload事件

(1) 解析HTML结构。 (2) 加载外部脚本和样式表文件。 (3) 解析并执行脚本代码。 (4) 构造HTML DOM模型。 //ready (5) 加载图片等外部文件。 (6) 页面加载完毕。 //load

call和apply区别

call方法:  多个参数

语法：call([thisObj[,arg1[, arg2[,   [,.argN]]]]]) 

定义：调用一个对象的一个方法，以另一个对象替换当前对象。 

说明： 

call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 

如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。 

• 调用call的对象必须是个函数function
• call的第一个参数将会是function改变上下文后指向的对象，如果不传，将会默认是全局对象window
• 第二个参数开始可以接收任意个参数，这些参数将会作为function的参数传入function
• 调用call的方法会立即执行

apply方法：  两个参数

语法：apply([thisObj[,argArray]]) 

定义：应用某一对象的一个方法，用另一个对象替换当前对象。 

说明： 

如果 argArray 不是一个有效的数组或者不是 arguments 对象，那么将导致一个 TypeError。 

如果没有提供 argArray 和 thisObj 任何一个参数，那么 Global 对象将被用作 thisObj， 并且无法被传递任何参数

描述css reset的作用和用途

Reset重置浏览器的css默认属性 浏览器的品种不同，样式不同，然后重置，让他们统一