2020腾讯阅文集团-前端笔试题

1.let [head, , …tail] = [1, 2, 3, 4];
console.log(head);//1
console.log(tail);//[3,4]

2.会加粗的元素：<strong> <h6> <th>
<dt>是自定义列表<dl>的列表组的组名标签，不会加粗
<dl>
<dt>项目组组名</dt>
<dd>项目组中的每一项</dd>
<dd>项目组中的每一项</dd>
</dl>

3.document.readyState属性用于描述document文档的加载状态，有三个取值：

• loading表示文档正在加载中；
• interactive表示文档已加载完毕，但图片，样式表，框架之类的子资源仍在加载。此时对应了DOMContentLoaded事件的触发；
  此时可以获取到DOM元素。
• complete表示文档和所有子资源都已经加载完毕。此时对应了load事件的触发。
  此时可以获取到样式表。

4.Math.hypot(3,4)
勾股定理，求斜边

5.console.log(Object.is({}, {})); //false
console.log(Object.is([], [])); //false
console.log(Object.is(NaN, NaN)); //true
console.log(Object.is(+0, -1)); //false

6.<script type=“module” src=".index.js">用于加载有通过import导入第三方文件的js文件。
等同于script标签中的defer属性，js文件会在页面渲染完后进行加载。

补充：页面渲染完毕后->加载defer脚本->触发DOMContentLoaded事件

7.父级元素不能作为绝对定位元素的包含块的情形：

• 包含块的概念：即某个元素的尺寸和位置受某个父级元素影响，这个父级元素就被称为这个元素的包含块。

• 确定一个元素的包含块的过程完全依赖于这个元素的 position 属性。

• 如果 position 属性为 absolute ，包含块就是由它的最近的 position 的值不是 static （也就是值为fixed, absolute, relative 或 sticky）的祖先元素的内边距区的边缘组成。

• 第一级父元素不能作为绝对定位元素的包含块的情形：

  • transform 或 perspective 的值是 none
  • filter的值为none
  • contain的值不为paint

8.响应focus聚焦行为的html标签

• 默认情况下：
  input标签，a标签，button标签可以响应focus聚焦行为，都具有onfocus和onblur事件，
  其都具有tab属性，使用键盘的TAB可以在其上进行切换跳转。

• 使普通元素具有tab属性的方法：设置tabindex属性
  为0表示优先级最低（低于默认的元素），大于0时，优先级高于所有默认的元素，但值越小优先级越高。
  <div tabindex=“1” οnfοcus=“alert(‘得到焦点’)” οnblur=“alert(‘失去焦点’)”>kkk</div>