什么是作用域？作用域链又是什么？

一省：HTML

4. html行内标签和块级标签有哪些？

行内标签：<a>、<b>、<i>、<s>、<u>、<em>、<del>、<ins>、<span>、<strong>

块级标签：<p>、<h1~h6>、<ul>、<ol>、<dl>、<li>、<dd>、<dt>、<div>、<form>、<table>

行内块标签：<img>、<input>、<textarea>、<select>、<td>、<label>

区别：

特点	行内	块级	行内块
排列	一行多个	一行一个	一行多个
宽高	不可设置	可以设置	可以设置
默认宽度	内容撑开	100%	内容撑开

二省： CSS

4. css常用的伪类和伪元素有哪些？它们的区别是什么？

1. 伪类：CSS 伪类是添加到选择器的关键字，用于指定所选元素的特殊状态。常用：

:hover //鼠标滑过的效果
:active //a标签点击的效果
:focus //表单元素聚焦的效果
:first-child //选中第一个子元素 

2. 伪元素：伪元素是一个附加至选择器末的关键词，允许你对被选择元素的特定部分修改样式。

::after //在某元素之后插入内容
::before //在某元素之前插入内容
::first-line //将样式添加到文本的首行

区别： 伪类是单冒号，伪元素是双冒号；伪类和伪元素的主要区别在于实现效果的过程中有没有创造新元素。

三省：JavaScript

4. 什么是作用域？作用域链又是什么？

1. 作用域：作用域是当前的执行上下文，js中作用域分为全局作用域和函数作用域。

• 全局作用域：函数作用域和块级作用域之外的作用域。
• 函数作用域：函数内部的作用域。
• 额外作用域：let、const产生的块级作用域（花括号包括的作用域）。

var str = "hello" //全局作用域
function fn() {
  var name = "Jack" // 函数作用域
}

{
  let name = "Lily" // 块级作用域
}

2. 作用域链：是在使用变量时，从内到外，自下而上（作用域）查找的链条。