前端知识_基础篇

1.执行上下文和执行栈

执行上下文分为：全局、函数、eval执行上下文

1）全局执行上下文（浏览器环境下，为全局的window）;
2) 函数执行上下文，每当一个函数被调用的时候，就会为该函数创建一个新的上下文。

执行上下文的生命周期

1）创建阶段
生成变量对象、建立作用域链、 this绑定
2) 执行阶段
完成对变量的分配，最后执行代码

执行栈

是一种先进后出的数据结构，用来存储代码运行的所有执行上下文
1）当 JS 引擎第一次遇到js脚本时，会创建一个全局的执行上下文并且压入当前执行栈
2）每当JS 引擎遇到一个函数调用，它会为该函数创建一个新的执行上下文并压入栈的顶部
3）当该函数执行结束时，执行上下文从栈中弹出，控制流程到达当前栈中的下一个上下文
4）一旦所有代码执行完毕，JS 引擎从当前栈中移除全局执行上下文

2.作用域

作用域：是用来访问变量的，最大的用处就是隔离变量，不同的作用域下同名变量不会有冲突。

作用域类型

1. 全局作用域
2. 函数作用域：在函数定义的时候就就决定了。
3. Es6中新增了块级作用域

区别
作用域: 静态的, 函数声明时就确定了, 一旦确定就不会变化了。
执行上下文: 动态的, 执行代码时动态创建, 当执行结束消失。
联系: 执行上下文环境是在对应的作用域中的。

3.var、let、const的区别

1）变量提升：var存在变量提升，let和cons不存在变量提升，即在变量只能在声明之后使用，否在会报错。
2）let和const 存在块级作用域,var不存在块级作用域。
3) 初始值设置；
4）重复声明：var可以进行重复声明，后面放入同名变量会覆盖前面声明的变量。const和let不允许重复声明变量。

4.call、apply、bind

• 同：显示改变this指向；
• 异：call和apply会立即执行函数，只是apply的参数是一个数组；bind改变this指向后会返回一个新的函数；

5.重绘和回流

5.1 重绘：元素改变样式，并与影响其他元素。

• 由于只改变自身样式，不会影响其他元素。

5.2 回流：由于元素的大小和位置改变，影响了其他元素，触发重新布局，导致渲染树重新计算

• 添加、删除dom元素后，影响了其他元素；
• 位置、尺寸发生变化，影响了其他元素；
• 回流是根据浏览器视口大小来计算元素的位置和大小的，则浏览器窗口尺寸发生了变化也会引起回流。
  回流一定会导致重绘，重绘不一定导致回流