2024.08.31 更新前端面试问题总结 获取更多面试相关问题可以访问：https://github.com/pro-collection/interview-question/issues

从20年至今，每一年的大环境都不太一样，行业的起伏关系到企业，企业的兴衰，关系到每一个你我，面试有亘古不变、老生常谈的基础，也有当下环境应运而生的新问题。《2024年我的前端面试准备》

前端进阶的必看的模块热更新原理。了解hmr的运行机制，有助于对我们项目运行原理的理解，对项目优化有新的认知~

Fiber是react团队花费两年的时间重构的架构，那么你知道如何将jsx转化为fiber链表，又是如何将链表链接起来的？fiber中又保存了哪些信息吗？..。

对开发者而言，我们希望webpack这个工具可以给我们带来流畅的开发体验。比如，当不断修改代码时，我们希望代码的变更能及时的通知浏览器刷新页面，而不是手动去刷新页面。更进一步的我们希望，代码的修改只会局部更换某个模块，而不是整个页面的刷新。这样可以使我们不需要在等待刷新中浪费很…

在上一篇文章里《【ES6基础】迭代器（iterator）》，笔者介绍了迭代器及相关实例，我们要实现一个迭代器要写不少的代码。幸运的是，ES6引入了一个新的函数类型——生成器函数（Generator function），让我们能够更轻松更便捷的实现迭代器的相关功能。 生成器第一次…

我们每增加一个异步请求，就会多添加一层回调函数的嵌套，这样下去，可读性会越来越低，也不易于以后的代码维护。过多的回调也就让我们陷入“回调地狱”。接下来会大概介绍一下规避回调地狱的方法。 回调嵌套所带来的一个重要的问题就是代码不易阅读与维护。因为普遍来说，过多的嵌套（缩进）会极大…

Symbol是ES6新增的数据类型，是一种基础数据类型，MDN 中的对Symbol类型的描述为：数据类型 “symbol” 是一种原始数据类型，该类型的性质在于这个类型的值可以用来创建匿名的对象属性。该数据类型通常被用作一个对象属性的键值——当你想让它是私有的时候。 symbo…

由于 JavaScript(ES5) 缺乏类，但可用构造函数和原型对象给对象带来与类相似的功能。 构造函数的函数名首字母应大写，以此区分其他函数。 尽管 Person 构造函数没有显式返回任何东西，但 new 操作符会自动创建给定类型的对象并返回它们。 每个对象在创建时都自动拥…