前端面试题

观察者模式和发布订阅模式，在查阅资料时，有些文章中是将两者区分开来，还有些文章直接说两者就是一样的，就是一种模式。

Webpack 是在 node 下运行的，只能识别 .js 和 .json 格式的文件，如果碰到其他后缀名的文件，Webpack 不能直接进行解析，因此在编译阶段就需要各种

当一个函数作为参数在方法中调用时，这个函数就叫做叫做回调函数，如果在回调函数中再传入一个函数，层层嵌套回调，这样就会形成回调地狱

大致分为以下几个步骤1. 解析HTML，构建DOM树2. 解析CSS，生成CSS规则树3. 合并DOM树和CSS规则树，生成render树4. 布局render树（Layout/reflow）

箭头函数时ES6中新增的API，相比普通的函数语法上更简洁，除了书写语法上的不同，箭头函数和普通函数主要还有以下几点区别

执行环境（execution content，为简单起见，有时也称为“环境”），是 JavaScript 中最为重要的概念。执行环境定义了变量或函数有权访问的其他数据，决定了它们各自的行为。每个执行环

面向对象语言中 `this` 表示当前对象的一个引用 但在 JavaScript 中 `this` 不是固定不变的，函数中的 `this` 是在调用时绑定的，完全取决于函数调用的位置，即函数执行的

new 运算符创建并初始化一个新对象。关键字 `new` 后跟随一个函数调用。这里的函数称为`构造函数（constructor）`，构造函数初始化一个新创建的对象

每个从`Symbol()`返回的symbol值都是唯一的。一个symbol值能作为对象属性的标识符；这是该数据类型仅有的目的。

很多面经中其实都有类似的题目，给出的答案是 **Number类型运算存在精度丢失的问题**，因此会造成 0.1 + 0.2 !== 0.3如果你在面试中这样回答，然后候面试过接着问 0.5 +

图片懒加载是很常用的页面优化方式，在一定程度上节省了服务器的开销，有非常多已经成熟的库可以使用，当知道了原理以后实现起来难度也不是很大，今天就来手动的实现一下

call,apply,bind三兄弟的作用类似都是可以改变函数执行的**上下文**，即改变函数运行时的**this**指向