回顾过往，前端面试官有三个年头了，《2023年我的前端面试准备》在小伙伴们的催促声中姗姗来迟。 2021年我的前端面试准备 2022年我的前端面试准备 本篇文章会持续更新，也会同步到公众号前端面试官

最近在学习前端性能优化方面的知识，看了很多大佬的文章，感觉文章多了比较零散，学习效率不高，所以就整合了一下大佬们写的性能优化的东西，从页面的渲染过程来建立自己的一个前端性能优化的体系。

说白了，就是把项目里面依赖的第三方库，比如react, vue, echarts, moment 这些不会经常变动的包，提前打包好。

只要你有优化代码的习惯，那么在工作场景中会经常接触倒各种设计模式，只是你当时不知道它是哪种设计模式，当你接触倒设计模式后，才会发现自己的某段代码被称为某种设计模式。一起来复习一下曾经接触到的设计模式吧

单例模式是创建型设计模式的一种。针对全局仅需一个对象的场景，如线程池、全局缓存、window 对象等。 JavaScript 是一门非正规面向对象的语言，并没有类的定义。而单例模式要求一个 “唯一” 和 “全局访问” 的对象，在 JavaScript 中类似全局对象，刚好满足单…

js是单线程，就像学生排队上厕所，学生需要排队一个一个上厕所，同理js任务也要一个一个顺序执行。如果一个任务耗时过长，那么后一个任务也必须等着。那么问题来了，假如我们想浏览新闻，但是新闻包含的超清图片加载很慢，难道我们的网页要一直卡着直到图片完全显示出来？因此聪明的程序员将任务…

CommonJs、AMD 、CMD、 UMD、 ES MODULE 欢迎你，几种模块化规范解读、扫盲

一个函数既可以当做普通函数来执行，也可以被当做构造函数执行，本文通过执行流程为大家来看普通函数和构造函数的区别。

作为 JavaScript 的入门级知识点，JS 数据类型在整个 JavaScript 的学习过程中其实尤为重要。