箭头函数为什么不能当作构造函数使用？因为在实例化new的过程就是构造函数给实例绑定this的过程，箭头函数没有自己的this，并且在实例化new的时候，创建的空对象的隐式原型__proto__指向构造函数的显式原型prototype，但是箭头函数也没有prototype，所以箭头函数不能作为构造函数。

箭头函数和普通函数的区别？1.箭头函数没有自己的this，用的都是上层作用域的this。2.箭头函数不支持call、apply函数的支持3.箭头函数不能使用arguments4.箭头函数没有prototype属性5.箭头函数不能当作构造函数使用

1.如果属性在对象的原型链上找不到为什么不显示null当属性在对象的原型链上找不到时，不会显示 null，而是显示 undefined，这是因为 null 和 undefined 是两个不同的概念。null 表示一个空的或者不存在的对象，它是一个特殊的对象值，表示变量或属性没有被赋值。而 undefined 表示一个没有定义或者没有赋值的值，通常是变量或属性被声明但没有被初始化。

1.什么是ployfillPolyfill 是一块代码（通常是 Web 上的 JavaScript），用来为旧浏览器提供它没有原生支持的较新的功能。即Polyfill是一个js库，主要抚平不同浏览器之间对js实现的差异。比如，html5的storage(session,local), 不同浏览器，不同版本，有些支持，有些不支持。相当于打补丁， web 发展太快，随着 web 需求不断增长，而且要求越来越高，这是很多浏览器跟不上 js 的脚步了。所以少不了 polyfill 来打补丁。如：document.querySelectorAll()现在大多数浏览器都已经支持该方法，但是仍然存在一些比较...

symbol： symbol是一个ES6标准种新增的一种基本数据类型，在JavaScript中，共有七种基本数据类型：string、number、bigint、boolean、null、undefined、symbol。并且除了null和undefined之外，每个基本类型都有其包装对象。 Symbol() 函数会返回 symbol 类型的值。 如果你真的想创建一个 Symbol 包装器对象 (Symbol wrapper object)，你可以使用 Object() 函数：全局共享的 Symbol上面使用 Symbol() 函数的语法，不会在你的整个代码库中创建一个可用的全...

1.如何去拷贝对象？浅拷贝和深拷贝浅拷贝 ： 只是将数据中所有的数据引用下来，依旧指向同一个存放地址，拷贝之后的数据修改之后，也会影响到原数据的中的对象数据。深拷贝： 将数据中所有的数据拷贝下来，对拷贝之后的数据进行修改不会影响到原数据。2.浅拷贝方法1.for in实现（Symbol类型不可以拷贝）将父对象的属性，通过赋值拷贝给子对象。 function copy(origin) { let target = {}; for (let i in origin) { target[i] = origin[i]; } return target; } 2.Object....

position属性：absolute：根据第一个有定位的父元素，一直层层向上找，直到找到有定位的父元素，不管他的父元素用的是absolute还是relative，只要找到有定位的，他就可以定位。relative：相对定位，相对于自身的位置做定位的。fixed：相对于浏览器的窗口sticky：粘性定位（新出的），它结合relative和fixed两个来定位的。重点新出的sticky属性：这是一个结合了 position:relative 和 position:fixed 两种定位功能于一体的特殊定位，适用于一些特殊场景。什么是结合两种定位功能于一体呢？元...

1.当一个元素设置为padding-bottom：100%，具体值怎么计算的？padding，margin不管设为任何方向的百分比，都是根据父元素的宽度来计算的。所以padding-bottom：100%是根据父元素的width乘以百分比100%计算的值。

1.什么是BFCBFC：块级格式上下文2.哪些元素会创建BFC：根元素float的值不为none，即值为left，right等overflow的值不为visible，即值为hidden、auto、scroll等display的值为inline-block、table-cell、table-caption、flex、inline-flex的元素 display：table也认为可以生成BFC，其实这里的主要原因在于Table会默认生成一个匿名的table-cell，正是这个匿名的table-cell生成了BFC。position的值为absolute或fixed3.BFC作...

1.通过overflow：hidden如何清除浮动：overflow：hidden会创建一个BFC;BFC元素特点就是内部元素不会影响外部。所以父元素在创建高度的时候，会把子元素的高度也会计算进去，这就解决了父元素高度塌陷问题。

解决清楚浮动的本质：就是解决浮动导致的父元素高度塌陷。方案1：使用clear：both，会在元素的结尾添加一个元素，然后用clear：both来解决清除浮动。方案2：使用伪元素，使用::after添加一个伪元素，再结合content来解决清除浮动。方案3：使用overflow：hidden，因为overflow：hidden创建了BFC，BFC特点就是内部元素不会影响到外部。

1.伪类和伪元素的区别伪类的受体是文档树中已有的元素， 而伪元素则创立了一个DOM外的元素，表示文档树之外的元素伪类用于添加元素的特殊效果， 而伪元素则是添加元素的内容伪类使用一个冒号（例如:hover）， 常见伪类：hover，visited，active css3标准伪元素使用两个冒号（例如::before)，css2中的没有区分伪类和伪元素的用法，因此css2中伪元素也可以使用一个冒号。 常见的伪元素：before，after伪元素需要配合content属性使用PC端更推荐单冒号...

1.HTML生命周期有哪些？ HTML生命周期有：DomContentLoad、load、beforeunload/unload。 DomContentLoaded：在DOM执行结束的时候；（JS可以访问所有的Dom节点，初始化界面，但是像img和样式表等外部资源可能并没有下载完成） load：页面的所有资源（css样式表，图片等）都加载完成；（此事件触发时也是获得图片等） beforeunload：当用户关闭页面时，会触发beforeunload； unload：当页面关闭之后，会触发unload事件； beforeunload会经常有一个需求：当用户关闭页面，会做一个弹窗提示，提示是否离开...

1.mouseover和mouseenter的区别mouseover：当鼠标移入元素或其子元素都会触发事件，所以有一个重复触发，冒泡的过程。 对应的移除事件是mouseout。mouseenter：当鼠标移入元素本身（不包含元素的子元素）会触发事件，也就是不会冒泡。 对应的移除事件是mouseleave