笔试笔记（四）！

1、基于以下 HTML 结构，判断浏览器会发送多少个图片请求？D

• 6

• 0

• 4

• 3

1. 只要是img src引用的都会请求；

2. background: url()所属样式如果挂靠在某个元素上，就一定会请求；单独写了这么一个样式并不请求。

2、链接： https://www.nowcoder.com/questionTerminal/3ad01cd09fb64fe596c3a8051001a6ba
来源：牛客网

什么是 Web Worker ？ B

• 运行在后台的JavaScript程序，会影响页面的性能。

• 运行在后台的JavaScript程序，不会影响页面的性能。

• 都不正确

• 运行在后台的CSS程序，不会影响页面的性能。

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

当在 HTML 页面中执行脚本时，页面的状态是不可响应的，直到脚本已完成。 web worker 是运行在后台的JavaScript，独立于其他脚本，不会影响页面的性能。您可以继续做任何愿意做的事情：点击、选取内容等等，而此时 web worker在后台运行。

3、

对于li这个节点，下列哪个CSS选择器的优先级最高？ D

• li#app

• li.cnt

• li.cnt:hover

• #app.cnt

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

第一等：代表内联样式，如: style=””，权值为1000。
第二等：代表ID选择器，如：#content，权值为0100。
第三等：代表类，伪类和属性选择器，如.content，权值为0010。
第四等：代表类型选择器和伪元素选择器，如div p，权值为0001。
通配符、子选择器、相邻选择器等的。如、>、+,权值为0000。

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

给定下面的 HTML 代码：

…

…

…

…

…

…

怎么能够取得 ”wrapper” 中全部项的集合？ C

• $(‘#wrapper’).children();

• $(‘#wrapper’).html();

• $(‘#wrapper’).contents();

• $(‘#wrapper’).find(“all”);

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

$(‘#wrapper’).children();  //（只沿着 DOM 树向下遍历单一层级）查询直接的子元素。而不管子元素的子元素。

$(‘#wrapper’).html();  //返回的是dom结构。而不是集合

$(‘#wrapper’).contents();

$(‘#wrapper’).find(“all”);   //并没有all这个元素

5、 不换行必须设置哪些项？AC

• word-break

• letter-spacing

• white-space

• word-spacing

通过使用 word-break 属性，可以让浏览器实现在任意位置的换行。

值	描述
normal	使用浏览器默认的换行规则。
break-all	允许在单词内换行。
keep-all	只能在半角空格或连字符处换行。

white-space 属性设置如何处理元素内的空白。

值	描述
normal	默认。空白会被浏览器忽略。
pre	空白会被浏览器保留。其行为方式类似 HTML 中的 标签。
nowrap	文本不会换行，文本会在在同一行上继续，直到遇到 标签为止。
pre-wrap	保留空白符序列，但是正常地进行换行。
pre-line	合并空白符序列，但是保留换行符。
inherit	规定应该从父元素继承 white-space 属性的值。