五年前端三年面试

这里是 Johnny 的前端知识地图，名曰 五年前端三年面试，记录自己的编程知识，包括不限于 JavaScript、React、大前端、后端、浏览器、HTTP、Git、Docker、Linux、性能优化等

文档自19年动笔整理，部分内容还没填充好，看到轻忽略

深入理解 JavaScript 系列

• 深入理解JavaScript-JavaScript 是什么？

• 深入理解JavaScript——JavaScript 由什么组成

• 深入理解JavaScript——一切皆对象

• 深入理解JavaScript——Object（对象）

• 深入理解JavaScript——new 做了什么

• 深入理解JavaScript——Object.create

• 深入理解JavaScript——拷贝的秘密

• 深入理解JavaScript——原型

• 深入理解JavaScript——继承

• 深入理解JavaScript——JavaScript 中的始皇

• 深入理解JavaScript——instanceof——找祖籍

• 深入理解JavaScript——Function

• 深入理解JavaScript——作用域

• 深入理解JavaScript——this关键字

• 深入理解JavaScript——call、apply、bind三大将

• 深入理解JavaScript——立即执行函数（IIFE）

• 深入理解JavaScript——词法环境

• 深入理解JavaScript——执行上下文与调用栈

• 深入理解JavaScript——作用域与执行上下文

• 深入理解JavaScript——闭包

• 深入理解JavaScript——防抖与节流

• 深入理解JavaScript——函数式编程

• 深入理解JavaScript——垃圾回收机制

• 深入理解JavaScript——数组

• 深入理解JavaScript——循环都到这儿

• 深入理解JavaScript——字符串

前端学 Ruby 系列

• 前端学ruby系列引子

• 前端学 Ruby：安装Ruby、Rails

• 前端学 Ruby：熟悉 Ruby 语法

• 前端学 Ruby：熟悉Rails

• 前端学 Ruby：唐诗API项目

• 前端学 Ruby：唐诗项目部署优化

• 前端学Ruby：全栈论坛（地宫）项目一

• 前端学Ruby：全栈论坛（地宫）项目二

高级前端面试真题训练

• 真题引子
• 模拟真题一
• 模拟真题二
• 模拟真题三
• 模拟真题四
• 模拟真题五
• 模拟真题六
• 模拟真题七
• 模拟真题八
• 模拟真题九
• 模拟真题十

React 系列

• React常见面试题汇总
• 渲染十万条数据解决方案
• React 快速了解
• Fiber 的作用和原理
• VirtualDOM
• Diff
• Hooks
• useCallback、useMemo
• Ref以及useRef
• Hooks 踩坑
• Hooks实现原理
• 手写自定义Hooks
• 快问快答setState
• setState 异步的原理
• 函数式组件与类组件有何不同？
• setState 异步的原理
• 事件机制
• 里程碑
• React版本更新
• 生命周期（已过时）

React 生态

• 从 Redux 说起，到手写，再到状态管理
• React Redux 源码解析
• React Router 的实现原理

浏览器/HTTP方面

• 面试常客：HTTP 缓存

• 从 url 输入到返回请求的过程

Koa方面

• 从浅入深了解Koa2源码

Docker方面

• 实战：构建自己的镜像

• 实战：dockerfile 最小实践

未完待续...

License

MIT