JavaScript开发者应懂的33个概念，面试官最后应该说什么

• 📖 Tasks, microtasks, queues and schedules —— Jake Archibald

• 📖 Tasks, microtasks, queues and schedules（译） —— 掘金

视频

• 📺 What is the event loop anyway? —— 腾讯视频(英文字幕)

• 📺 Understanding The JavaScript Call Stack, Event Queue, Event Table, & Event Loop —— Bilibili

• 📺 JS 中的变量提升、堆栈内存及闭包详解 —— Acfun

• 📺 事件循环模型 —— PHP 中文网

• 📺 Javascript: the Call Stack explained — Coding Blocks India

• 📺 The JS Call Stack Explained In 9 Minutes — Colt Steele

• 📺 JavaScript Execution Stack — Codecademy

• 📺 What is the Call Stack? — Eric Traub

• 📺 The Call Stack — Kevin Drumm

• 📺 Understanding JavaScript Execution — Codesmith

• 📺 Call Stack & Event Loop — movies com

⬆️ 返回目录

---

2. 原始类型

---

文章

• 📖 原始数据 —— MDN

• 📖 [译]JavaScript 是怎样编码数字的 —— SegmentFault

• 📖 每一个 JavaScript 开发者应该了解的浮点知识 —— 颜海镜

• 📖 JavaScript 标准参考教程(基本语法之数值) —— 阮一峰

• 📖 The Secret Life of JavaScript Primitives —— Angus Croll

视频

• 📺 javascript 六种数据类型 —— 慕课网

• 📺 javascript 视频教程(数据类型) —— PHP 中文网

• 📺 JavaScript Reference vs Primitive Types — Academind

• 📺 JavaScript Primitive Types — Simon Sez IT

• 📺 Javascript Primitive and Reference Types — Baljeet Singh

• 📺 Value Types and Reference Types in JavaScript — Programming with Mosh

• 📺 JavaScript Primitive Data Types — Avelx

• 📺 Everything you never wanted to know about JavaScript numbers — Bartek Szopka

⬆️ 返回目录

---

3. 值类型和引用类型

---

文章

• 📖 ECMAScript 引用类型 —— W3school

• 📖 js 中的值类型和引用类型的区别 —— 博客园

• 📖 JavaScript 的值传递和引用传递 —— FunDebug

• 📖 Primitive Types & Reference Types in JavaScript —— Bran van der Meer

• 📖 JavaScript: Passing by Value or by Reference —— CSDN

• 📖 js 值引用和值复制 —— SegmentFault

• 📖 js- 引用和复制(传值和传址) —— CSDN

视频

• 📺 Javascript Pass by Value vs Pass by Reference — techsith

• 📺 JavaScript Value vs Reference Types — Programming with Mosh

⬆️ 返回目录

---

4. 隐式, 显式, 名义和鸭子类型

---

文章

• 📖 ECMAScript 类型转换 —— W3school

• 📖 JavaScript 的怪癖 1：隐式类型转换 —— justjavac

• 📖 JavaScript 运算符规则与隐式类型转换详解 —— 掘金

• 📖 聊一聊 JS 中的隐式类型转换 —— SegmentFault

• 📖 有趣的 JavaScript 隐式类型转换 —— 博客园

• 📖 JavaScript 显式类型转换与隐式类型转换 —— CSDN

• 📖 你不知道的 JavaScript（中卷）强制类型转换 —— 简书

• 📖 你懂 JavaScript 嗎？#8 強制轉型 —— cythilya

• 📖 动态类型语言和鸭子类型 —— 曾探

• 📖 Nominal & Structural Typing —— flow

• 📖 What exactly is Type Coercion in Javascript? —— stackoverflow

• 📖 You Don’t Know JS: Types & Grammar —— github

视频

• 📺 javascript 隐式转换 —— 慕课网

• 📺 Javascript 基础加强-类型转换 —— 黑马程序员

⬆️ 返回目录

---

## 5. == vs ===, typeof vs instanceof

文章

• 📖 JavaScript 中的相等性判断 —— MDN

• 📖 js 中 == 和 === 的区别 —— 掘金

• 📖 == vs === in Javascript —— CSDN

• 📖 深入理解 javascript 之 typeof 和 instanceof —— CSDN

• 📖 JavaScript 的 typeof 的用途 —— justjavac

• 📖 一张图看懂 Function 和 Object 的关系及简述 instanceof 运算符 —— 掘金

• 📖 浅谈 instanceof 和 typeof 的实现原理 —— 掘金

• 📖 typeof 和 instanceOf 的区别

⬆️ 返回目录

---

6. this, call, apply 和 bind

---

文章

• 📖 Javascript 的 this 用法 —— 阮一峰

• 📖 学会 JS 的 this 这一篇就够了，根本不用记 —— 简书

• 📖 [译] this（他喵的）到底是什么 — 理解 JavaScript 中的 this、call、apply 和 bind —— 掘金

• 📖 this、apply、call、bind —— 掘金

• 📖 使用 call、apply 和 bind 解决 js 中烦人的 this，事件绑定时的 this 和传参问题 —— 博客园

• 📖 call、apply 和 bind 的原生实现 —— github

视频

• 📺 JavaScript 关于 this 关键字解释 —— 爱奇艺

• 📺 JS 关于作用域闭包和 this 的综合面试题 —— 百度视频

• 📺 js 面向对象闭包数组 12.函数中的 this —— 乐视视频

• 📺 1.3.10-this 指向及 this 应用 —— 乐视视频

• 📺 珠峰培训 JavaScript 开发课程：关于 this 关键字、闭包作用域 —— 网易云课堂

⬆️ 返回目录

---

7. 函数作用域, 块级作用域和词法作用域

---

文章

• 📖 变量作用域与解构赋值 —— 廖雪峰

• 📖 学习 Javascript 闭包（Closure） —— 阮一峰

• 📖 JavaScript 中词法作用域、闭包与跳出闭包 —— SegmentFault

• 📖 JavaScript 深入之词法作用域和动态作用域 —— 掘金

• 📖 深入理解闭包之前置知识 → 作用域与词法作用域 —— 掘金

• 📖 What is lexical scope? —— stackoverflow

• 📖 You Don’t Know JS: Scope & Closures —— Kyle Simpson

⬆️ 返回目录

---

8. 闭包

---

文章

• 📖 闭包 —— MDN

• 📖 ECMAScript 闭包（closure）—— w3school

• 📖 学习 Javascript 闭包（Closure） —— 阮一峰

• 📖 闭包 —— 廖雪峰

• 📖 一次性搞懂 JavaScript 闭包 —— 简书

• 📖 JavaScript 闭包 —— SegmentFault

• 📖 js 匿名自执行函数中闭包的高级使用 —— 掘金

• 📖 高效使用 JavaScript 闭包 —— 掘金

• 📖 深入理解 JavaScript 原型与闭包 —— 王福朋

视频

• 📺 JavaScript 闭包和闭包面试题 —— 爱奇艺

• 📺 js 面向对象闭包数组 11.闭包 —— 乐视

• 📺 白贺翔_函数(闭包) —— 乐视

⬆️ 返回目录

---

9. map, reduce, filter 等高阶函数

---

文章

• 📖 高阶函数 —— 廖雪峰

• 📖 ES5 中新增的 Array 方法详细说明 —— 张鑫旭

• 📖 一张图看懂 JavaScript 中数组的迭代方法：forEach、map、filter、reduce、every、some —— 掘金

• 📖 Transducing（上）－《JavaScript 轻量级函数式编程》 —— SegmentFault

• 📖 JavaScript 函数式编程（三） —— @BuptStEve

⬆️ 返回目录

---

10. 表达式和语句

---

文章

• 📖 js 表达式与语句 —— 博客园

• 📖 JS 表达式和语句的区别 —— SegmentFault

• 📖 JavaScript 中的表达式（expression）和语句/声明（statement） —— CSDN

• 📖 重讀 Axel 的 Javascript 中的 Expression vs Statement 一文 —— SegmentFault

• 📖 Expressions versus statements in JavaScript —— Dr. Axel

⬆️ 返回目录

---

11. 变量提升

---

文章

• 📖 JavaScript 变量提升 —— 菜鸟教程

• 📖 ES6 变量作用域与提升：变量的生命周期详解 —— 掘金

• 📖 [翻译] JavaScript Scoping and Hoisting —— SegmentFault

• 📖 JavaScript Scoping and Hoisting —— Ben Cherry

⬆️ 返回目录

---

12. Promise

---

文章

• 📖 使用 promises —— MDN

• 📖 Promise —— MDN

• 📖 Promise — 廖雪峰

• 📖 JavaScript Promise：去而复返 —— 司徒正美

• 📖 (上面的原文)JavaScript Promise：简介 —— Web Fundamentals

• 📖 1 分钟读完《10 分钟学会 JavaScript 的 Async/Await》 —— justjavac

• 📖 JavaScript Promise 迷你书（中文版）

• 📖 JavaScript 进阶之路——认识和使用 Promise，重构你的 Js 代码 —— 博客园

视频

• 📺 Promise 入门 —— 慕课网

⬆️ 返回目录

---

13. 立即执行函数, 模块化, 命名空间

---

文章

• 📖 Javascript 模块化编程（一）：模块的写法 —— 阮一峰

• 📖 javascript 模块化编程-详解立即执行函数表达式 —— 简书

• 📖 Javascript 的匿名函数与自执行 —— 掘金

• 📖 前端模块化——技术选型 —— SegmentFault

• 📖 谈谈 Js 前端模块化规范 —— SegmentFault

• 📖 函数声明与函数表达式的区别 —— 伯乐在线

⬆️ 返回目录

---

14. 递归

---

文章

• 📖 求解释 js 递归 —— SegmentFault

• 📖 JavaScript 中的递归 —— 掘金

• 📖 递归（上）－《JavaScript 轻量级函数式编程》 —— 掘金

• 📖 递归（下）－《JavaScript 轻量级函数式编程》 —— 掘金

• 📖 尾调用和尾递归 —— 掘金

• 📖 几个经典递归问题用 js 实现 —— CSDN

• 📖 递归函数的几个例子 —— CSDN

⬆️ 返回目录

---

15. 算法

---

文章

• 📖 十大经典排序算法总结（JavaScript 描述） —— 掘金

• 📖 在 JavaScript 中学习数据结构与算法 —— 掘金

• 📖 JS 中可能用得到的全部的排序算法 —— 掘金

• 📖 JS 家的排序算法 —— 简书

• 📖 前端常见算法的 JS 实现 —— SegmentFault

• 📖 前端面试中的常见的算法问题 ——蒲小花的博客

视频

• 📺 Javascript 实现二叉树算法 —— 慕课网

⬆️ 返回目录

---

16. 数据结构

---

文章

• 📖 来我们浅谈一下 js 的数据结构 —— 简书

• 📖 JavaScript 中的算法与数据结构 —— 简书

• 📖 学 JS 必看-JavaScript 数据结构深度剖析 —— 大道至简的博客

• 📖 js 中基础数据结构数组去重问题 —— 掘金

视频

• 📺 📺 JavaScript 数据结构-运算符 —— 乐视

⬆️ 返回目录

---

17. 消息队列和事件循环

---

文章

• 📖 并发模型与事件循环 —— MDN

• 📖 JavaScript 运行机制详解：再谈 Event Loop —— 阮一峰

• 📖 深入理解 JavaScript 事件循环 —— 博客园

• 📖 深入浅出 Javascript 事件循环机制 —— 知乎

• 📖 JS 事件循环机制（event loop）之宏任务、微任务 —— SegmentFault

• 📖 JavaScript：彻底理解同步、异步和事件循环 —— SegmentFault

• 📖 从浏览器多进程到 JS 单线程，JS 运行机制最全面的一次梳理 —— 掘金

⬆️ 返回目录

---

18. setTimeout, setInterval 和 requestAnimationFrame

---

文章

• 📖 Window setTimeout() 方法 —— 菜鸟教程

• 📖 Window setInterval() 方法 —— 菜鸟教程

• 📖 关于 setTimeout —— 掘金

• 📖 你不知道的 Javascript：有趣的 setTimeout —— 掘金

• 📖 原来你是这样的 setTimeout —— 掘金

• 📖 setTimeout() 和 setInterval() 本质区别在哪里？ —— SegmentFault

• book: window.requestAnimationFrame —— MDN

• 📖 requestAnimationFrame 知多少？ —— 博客园

• 📖 CSS3 动画那么强，requestAnimationFrame 还有毛线用？ —— 张鑫旭

• 📖 「JavaScript 定时器」setInterval、setTimeout 和 requestAnimationFrame 浅析 —— SegmentFault

• 📖 翻译：setInterval 与 requestAnimationFrame 的时间间隔测试 —— SegmentFault

• 📖 阿里前端面试题：requestAnimationFrame 实现类似 setInterval 的计时器 —— SegmentFault

视频

自我介绍一下，小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但对于培训机构动则几千的学费，着实压力不小。自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！

因此收集整理了一份《2024年Web前端开发全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，基本涵盖了95%以上前端开发知识点，真正体系化！

由于文件比较大，这里只是将部分目录大纲截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频，并且后续会持续更新

如果你觉得这些内容对你有帮助，可以添加V获取：vip1024c （备注前端）

总结

秋招即将开始，校招的朋友普遍是缺少项目经历的，所以底层逻辑，基础知识要掌握好！

而一般的社招，更是神仙打架。特别强调，项目经历不可忽视；几乎简历上提到的项目都会被刨根问底，所以项目应用的技术要熟练，底层原理必须清楚。

这里给大家提供一份汇集各大厂面试高频核心考点前端学习资料。涵盖 HTML，CSS，JavaScript，HTTP，TCP协议，浏览器，Vue框架，算法等高频考点238道（含答案）！

资料截图 ：

高级前端工程师必备资料包

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！

秋招即将开始，校招的朋友普遍是缺少项目经历的，所以底层逻辑，基础知识要掌握好！

而一般的社招，更是神仙打架。特别强调，项目经历不可忽视；几乎简历上提到的项目都会被刨根问底，所以项目应用的技术要熟练，底层原理必须清楚。

这里给大家提供一份汇集各大厂面试高频核心考点前端学习资料。涵盖 HTML，CSS，JavaScript，HTTP，TCP协议，浏览器，Vue框架，算法等高频考点238道（含答案）！

资料截图 ：

高级前端工程师必备资料包

一个人可以走的很快，但一群人才能走的更远。不论你是正从事IT行业的老鸟或是对IT行业感兴趣的新人，都欢迎扫码加入我们的的圈子（技术交流、学习资源、职场吐槽、大厂内推、面试辅导），让我们一起学习成长！
[外链图片转存中…(img-sv2DfqqS-1712730487485)]