笔试笔记（四）！

最新推荐文章于 2022-10-23 15:18:05 发布

Angie_Q

最新推荐文章于 2022-10-23 15:18:05 发布

阅读量373

点赞数

本文链接：https://blog.csdn.net/Angie_Q/article/details/77103852

版权

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 代码：

     <div class=”wVideo”>…</div>…<!—more wVideo items here --> 
   

     </div> 
   

     怎么能够取得 ”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 中的 <pre> 标签。
nowrap	文本不会换行，文本会在在同一行上继续，直到遇到 <br> 标签为止。
pre-wrap	保留空白符序列，但是正常地进行换行。
pre-line	合并空白符序列，但是保留换行符。
inherit	规定应该从父元素继承 white-space 属性的值。