前端经典面试题汇总_前端面试题库

css 重绘与回流

重绘：当节点需要更改外观而不会影响布局。
回流：DOM结构的修改引发DOM几何尺寸变化的时候，发生回流。
常见的几何属性：有width、height、padding、margin、left、top、border 或者是DOM节点发生增减移动。

减少重绘和回流的方法：
使用css3新增属性：translate 替代top等方向值。
避免使用style，而是采用class。

箭头函数和普通函数的区别？

普通函数this：

this总是代表它的直接调用者。
在默认情况下，没找到直接调用者，this指的是window。
在严格模式下，没有直接调用者的函数中的this是undefined。
使用call，apply，bind绑定，this指的是绑定的对象。

箭头函数this :

在使用=> 定义函数的时候，this指的是定义时所在的对象，而不是使用时所在的对象；

不能用于构造函数，即不能使用new命令，否则会抛出错误；
不能使用arguments对象；
不能使用yield 命令。

let var const 区别

var 没有块级作用域，支持变量提升
let 有块级作用域，不支持变量提升。不允许重复声明，有暂时性死区。不能通过window.变量名进行访问。
const 有块级作用域，不支持变量提升，不允许重复声明，有暂时性死区。声明一个常量一旦声明就不能改变，改变报错。
1
2
3

实现一个new的伪代码

实现步骤：
1. 创建一个对象
2. 连接原型
3. 绑定this
4. 返回该对象

function _new(){
   
	let obj = new Object();
	let Con = [].shift.call(arguments);
	obj.__proto__ = Con.apply(obj,arguments);
	
1
2
3
4
5
6
7
8
9
10
11