笔试笔记（五）！

1、下列哪个样式定义后,内联(非块状)元素可以定义宽度和高度 C

• display:inline

• display:none

• display:block

• display:inherit

值	描述
none	此元素不会被显示。
block	此元素将显示为块级元素，此元素前后会带有换行符。
inline	默认。此元素会被显示为内联元素，元素前后没有换行符。
inline-block	行内块元素。（CSS2.1 新增的值）
list-item	此元素会作为列表显示。
run-in	此元素会根据上下文作为块级元素或内联元素显示。
compact	CSS 中有值 compact，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。
marker	CSS 中有值 marker，不过由于缺乏广泛支持，已经从 CSS2.1 中删除。
table	此元素会作为块级表格来显示（类似 <table>），表格前后带有换行符。
inline-table	此元素会作为内联表格来显示（类似 <table>），表格前后没有换行符。
table-row-group	此元素会作为一个或多个行的分组来显示（类似 <tbody>）。
table-header-group	此元素会作为一个或多个行的分组来显示（类似 <thead>）。
table-footer-group	此元素会作为一个或多个行的分组来显示（类似 <tfoot>）。
table-row	此元素会作为一个表格行显示（类似 <tr>）。
table-column-group	此元素会作为一个或多个列的分组来显示（类似 <colgroup>）。
table-column	此元素会作为一个单元格列显示（类似 <col>）
table-cell	此元素会作为一个表格单元格显示（类似 <td> 和 <th>）
table-caption	此元素会作为一个表格标题显示（类似 <caption>）
inherit	规定应该从父元素继承 display 属性的值。

内联元素加上display：block;后被块级化。块级元素一般是其他元素的容器，可容纳内联元素和其他块状元素，块状元素排斥其他元素与其位于同一行，宽度(width)高度(height)起作用。因此，可以定义其宽度和高度。

2、css属性overflow属性定义溢出元素内容区的内容会如何处理：

    参数是scroll时候，必会出现滚动条。
    参数是auto时候，子元素内容大于父元素时出现滚动条。
    参数是visible时候，溢出的内容出现在父元素之外。
    参数是hidden时候，溢出隐藏。

3、Flash提供了ExternalInterface接口与JavaScript通信，ExternalInterface有两个方法，call和addCallback，call的作用是让Flash调用js里的方法，addCallback是用来注册flash函数让js调用。

4、alt和title：

alt是html标签的属性，而title既是html标签，又是html属性。

title标签这个不用多说，网页的标题就是写在<title></title>这对标签之内的。
title作为属性时，用来为元素提供额外说明信息。例如，给超链接标签a添加了title属性，把鼠标移动到该链接上面是，就会显示title的内容，以达到补充说明或者提示的效果。
而alt属性则是用来指定替换文字，只能用在img、area和input元素中（包括applet元素），用于网页中图片无法正常显示时给用户提供文字说明使其了解图像信息。

5、html5标签：

 <audio> 标签定义声音，比如音乐或其他音频流。 。
<canvas> 标签定义图形，比如图表和其他图像。<canvas> 标签只是图形容器，您必须使用脚本来绘制图形。

<article>标签定义外部的内容。比如来自一个外部的新闻提供者的一篇新的文章，或者来自 blog 的文本，或者是来自论坛的文本。亦或是来自其他外部源内容。
<menu> 标签定义命令的列表或菜单。<menu> 标签用于上下文菜单、工具栏以及用于列出表单控件和命令。
command 元素表示用户能够调用的命令。<command> 标签可以定义命令按钮，比如单选按钮、复选框或按钮。只有当 command 元素位于 menu 元素内时，该元素才是可见的。否则不会显示这个元素，但是可以用它规定键盘快捷键。

6、

只要 协议 、 域名 、 端口 有任何一个 不同, 都被当作是 不同 的域

7、链接：https://www.nowcoder.com/questionTerminal/ca2472f3581c467fb81a7a77b47ab740
来源：牛客网

下面这个JS程序的输出是什么：A

1 2 3 4 5 6 7 8 9 10 11 12

function Foo() {     var i = 0 ;     return function() {         console.log(i++);     } }   var f1 = Foo(),     f2 = Foo(); f1(); f1(); f2();

• 0 1 0

• 0 1 2

• 0 0 0

• 0 0 2

转载牛客网解析：首先返回的function函数赋值给全局变量f1，因此function函数就被储存在了内存中，因为foo函数是function函数的父函数，于是foo函数和局部变量i也被存在了内存。之后f1（）被调用了两次，第一次调用时i=0，因为是i++，先输出i的值0，然后再++；第二次调用是i=1，所以先输出1；而f2是一个新的变量，因此i的值初始化为0。
Js的闭包，返回的function付给f1、f2 ，f1对应着一个内存，f2对应着另一个i的内存，俩个i并不在同一个作用域。

8、JS变量命名规则：第一个字符必须是一个字母、下划线（_）或一个美元符号（$）；其他字符可以是字母、下划线、美元符号或数字。

9、下面有关javascript系统方法的描述，错误的是？B

• parseFloat方法：该方法将一个字符串转换成对应的小数

• isNaN方法：该方法用于检测参数是否为数值型，如果是，返回true，否则，反回false。

• escape方法： 该方法返回对一个字符串编码后的结果字符串

• eval方法：该方法将某个参数字符串作为一个JavaScript执行

链接： https://www.nowcoder.com/questionTerminal/27020e2dff79429f93676725a717abd1
来源：牛客网

NaN,即非数值（Not a Number）是一个特殊的数值，这个数值用来表示一个本来要返回数值的操作数未返回数值的情况（这样就不会抛出错误了）。

针对NaN的特点，ECMAScript定义了isNaN（）函数。这个函数接受一个参数，该参数可以是任何类型，而函数会帮我们确定这个参数是否“不是数值”。isNaN（）在接受一个值后，会尝试将这个值转换为数值。某些不是数值的值会直接转换为数值，例如字符串“10”或Boolean值。而任何不能被转换为数值的值都会导致这个函数返回true。

10、下面有关JavaScript中 call和apply的描述，错误的是？ B

• call与apply都属于Function.prototype的一个方法，所以每个function实例都有call、apply属性

• 两者传递的参数不同，call函数第一个参数都是要传入给当前对象的对象，apply不是

• apply传入的是一个参数数组，也就是将多个参数组合成为一个数组传入

• call传入的则是直接的参数列表。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。

链接： https://www.nowcoder.com/questionTerminal/41cdfbc12f69419cbb84a8d0f644117f
来源：牛客网

call（）方法和apply（）方法的作用相同，他们的区别在于接收参数的方式不同。对于call（），第一个参数是this值没有变化，变化的是其余参数都直接传递给函数。（在使用call（）方法时，传递给函数的参数必须逐个列举出来。使用apply（）时，传递给函数的是参数数组）如下代码做出解释：

function add(c, d){
return this.a + this.b + c + d;
}
var o = {a:1, b:3};
add.call(o, 5, 7); // 1 + 3 + 5 + 7 = 16
add.apply(o, [10, 20]); // 1 + 3 + 10 + 20 = 34

11、

border-style:none;//无边框         

border-width:0;//边框宽度为0px  

2.区别

（1）性能差异

border:0;浏览器对border-width、border-color进行渲染，占用内存。

border:none;浏览器不进行渲染，不占用内存。

12、下面有关CSS sprites说法错误的是？C

• 允许你将一个页面涉及到的所有零星图片都包含到一张大图中去

• 利用CSS的“background-image”，“background-repeat”，“background-position”的组合进行背景定位

• CSS Sprites虽然增加了总的图片的字节，但是很好地减少网页的http请求，从而大大的提高页面的性能

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

CSS Sprites在国内很多人叫css精灵，是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去，这样一来，当访问该页面时，载入的图片就不会像以前那样一幅一幅地慢慢显示出来了。
利用CSS的“background-image”，“background- repeat”，“background-position”的组合进行背景定位，background-position可以用数字精确的定位出背景图片的位置。
利用CSS Sprites能很好地减少网页的http请求，从而大大的提高页面的性能，这也是CSS Sprites最大的优点，也是其被广泛传播和应用的主要原因；
CSS Sprites能减少图片的字节，曾经比较过多次3张图片合并成1张图片的字节总是小于这3张图片的字节总和。所以C错误
解决了网页设计师在图片命名上的困扰，只需对一张集合的图片上命名就可以了，不需要对每一个小元素进行命名，从而提高了网页的制作效率。
更换风格方便，只需要在一张或少张图片上修改图片的颜色或样式，整个网页的风格就可以改变。维护起来更加方便。