一 目录

不折腾的前端，和咸鱼有什么区别

二 前言

人生，找个工作好好做着，做到离职退休，是个奢侈的想法。

因为，总会有这样那样的问题，让我们在各个厂子间来回奔波。

求职，是每个打工人的痛点，是每个裸辞打工仔的噩梦。

现在，希望你能根据这个面试系列的资料，复习完后焕发新生！

三 自我介绍

Hello 小伙伴们好，我是 jsliang，一枚喜欢折腾、喜欢学习、乐于和各位小伙伴分享的小前端。jsliang 的自我介绍

自 2018 年起，jsliang 有三次前端的求职历史：

• 2020.09.01 整理人生第三次前端求职（两年生）

• 2019.02.01 整理人生第二次前端求职（一年生）

• 2018.04.01 整理人生第一次前端求职（应届）

在这三次求职的途中，jsliang 曾经有过各种感受体验：惶恐、迷茫、焦虑、无奈、释然 等。

就好比这一次：

• jsliang 从 2020 年 8 月开始进入离职生活，放飞自我，边写 LeetBook 边四处玩。

• 9 月开始进入复习状态，焦虑、烦躁，怎么复习内容那么多？

• 9 月中旬的时候裸面 3 家中小型公司，被啪啪打脸，迷茫、无奈，我的复习进度怎么那么慢，我是不是不适合前端，我要不要转行。

• 9 月底的时候面试深圳 360 金融，惭愧，内容答出来了但是一些知识点没讲好。

• 10 月国庆偷闲看了两本书：《性能优化》和《浏览器工作原理》，佩服，也就你在这么紧张的面试复习中，还可以静下心来看这两本电子书了。

• 10 月中旬看内容准备地差不多了，释然，开始将各个内容体系过一遍，补充自己遗漏的点。

• 10 月底将你看到的这套面试系列写完了，坦然、镇定，求再来几家面试约谈，让我试试，我不怕打脸！

是的，复习 2 个月，我还没找到工作，但是我的心态渐趋稳定：该复习的我都复习了，能不能进厂子那就看缘分吧！

每个人的行程旅途，总能碰到非常 nice 的小伙伴和导师，在这里统一答谢下前端行业的小伙伴们：

• LinDaiDai_霖呆呆 - 枯燥的复习，感谢你的技术帮助和心情开导

• lien - 或许人生旅途慢慢，但是计划总在作伴

• Kacoo - 再试试，差不多成了

• 落落落洛克 - 一年的经验胜过我两年的白干，能向你们学习是件值得高兴的事

• 巧巧爱学习 - 放空心态，总能成功

• 树酱 - 帮忙内推下你

• 其他小伙伴 - 加油，看好你

在这复习旅途中，你是你人生的导师！

去年的、以前的你，写了一些现在你已经模糊的知识点，你就要虚心向过去的自己学习。

不懂的就问，谦虚使人进步，为何人家一年阿里 P6，你两年还是个渣。

虽然你狠焦虑，甚至开始秃顶，但是你要相信自己能熬过去。

前端如何确定个人方向？

1. 分析（当前问题）

2. 建库（建立自己文档库，存储知识点）

3. 定标（确定自己未来 3-5 年目标）

4. 实现（通过努力在规定时间走出第一步）

- 2020
+ 2021

求职路上哪里不会迷茫，推荐两首很中二、动漫的很鸡汤的歌，你只管闯，尽量别活成你不想活的人生。

• 来吧-甜蜜的吐槽

• 写给父亲

四 个人计划与完成情况

2020 年求职计划阅读 600+ 篇文章，已阅读 600+ 篇文章。

阅读总进度: 611/611 篇。

已整理 60 篇文章。

• [√] 综合系列【进度：32/32 】

• [√] 计算机网络【进度：62/62 】

• • [√] 计算机网络基础

  • [√] 网络安全

  • [√] DNS

  • [√] HTTP

  • [√] TCP

  • [√] WebSocket

• [√] 浏览器【进度：68/68 】

• • [√] 本地存储

  • [√] 从输入 URL 到页面呈现

  • [√] 跨域

  • [√] 垃圾回收

  • [√] 浏览器缓存

  • [√] 性能优化

  • [√] 重排和重绘

  • [√] LRU 缓存淘汰策略

• [√] 面试经验【进度：4/4 】

• • [√] 2019 面试复习

  • [√] 面试题库

  • [√] 2019 简历

  • [√] 2020 简历

  • [√] 自我介绍

• [√] 其他【进度：23/23 】

• [√] 前端工程化【进度：79/79 】

• • [√] Babel

  • [√] Webpack - Scope Hoisting

  • [√] Webpack - Tree Shaking

  • [√] Webpack 简单实现

  • [√] Webpack 性能优化

  • [√] Webpack

• [√] 设计模式【进度：14/14 】

• [√] 算法与数据结构【进度：14/14 】

• [√] CSS【进度：46/46 】

• • [√] 盒子模型

  • [√] 基础

  • [√] 移动端

• [√] HTML【进度：4/4 】

• [√] JavaScript【进度：198/198 】

• • [√] 防抖和节流

  • [√] 其他

  • [√] 深拷贝和浅拷贝

  • [√] 自定义原生事件

  • [√] call+bind+apply

  • [√] JSONP

  • [√] new

  • [√] Promise

  • [√] Event Loop

  • [√] Promise

  • [√] 异步系列

  • [√] 手写源码系列

  • [√] 闭包

  • [√] 变量

  • [√] 基础

  • [√] 原型和原型链

  • [√] this

• [√] React【进度：67/67 】

• • [√] 虚拟 DOM

• [√] Node【进度：2020 不复习 】

• [√] TypeScript【进度：2020 不复习 】

• [√] Vue【进度：2020 不复习 】

五 面试复习心得

再三强调：千万别裸辞，千万别裸面！

你想秃头吗？你想体验山崩地陷吗？那就学 jsliang 裸辞裸面吧。

关于复习方式，这里要说的是，jsliang 毕竟是裸辞的，可能也考虑比较多：就是想去一家更好点的厂子，然后折腾个 3/5 年，进行个更好的沉淀。

所以 jsliang 是逐个复习整理面试中会出现的一些知识点。

如果小伙伴们要进行复习整理，个人推荐方案是这样的：

• 步骤一：整理 JavaScript 方面内容

如果你的 JavaScript 基础不好，对闭包、原型链等内容不熟，或者对 Promise、Event Loop 以及手写源码等把控不好的话，建议先刷 JavaScript 方面的点。

理解内容为首要因素，如果你连什么是深拷贝、什么是防抖都不知道，那你怎么写呢？

还有就是别强迫自己死记硬背，像手写代码你可以敲一遍，理解思路后，删除掉自己再敲一遍。

所以每次复习，都会敲 2 遍以上的代码。

轮询复习法：10.1 敲两遍，10.2 敲两遍，10.4 敲两遍，10.9 敲两遍……后面基本想起就知道怎么写了。

这块内容，jsliang 觉得比较难的是 Promise 部分吧，它的题目以及根据 Promise A+ 规范手写 Promise，其他部分还好。

• 步骤二：整理自己目前跟踪的主流技术

例如当前公司敲的是 Vue，或者 React，那就跟进那一块的内容。

如果你雄心勃勃，那你两块都可以复习跟进（前提是你的精力足够）。

Vue 这块的话，虽然 jsliang 没复习，但是一些点还是可以推荐小伙伴们看看的：

1. Vue 生命周期

2. Vue Diff

3. Vue 双向绑定手写实现

4. Vue 和 React 的区别

5. Vue 和 jQuery 的区别

6. Vue 项目中你碰到的难点和你自己的亮点

7. ……

至于 React 的话小伙伴们看我上面的整理即可。

• 步骤三：整理浏览器和计算机网络方面内容

讲起这块内容，jsliang 其实可以串联起来讲：

先讲 从输入 URL 到页面呈现，然后引入浏览器的 本地存储、浏览器缓存、性能优化、重排和重绘，接着引入计算机网络的 网络安全、DNS、HTTP、TCP、WebSocket，说到 WebSocket 和 网络安全 那么我们可以谈谈 跨域以及垃圾回收，垃圾回收 又涉及它的回收机制 LRU 缓存淘汰策略 等。

这样我这块内容就囊括起来了。

另外，性能优化 还可以涉及到 Webpack，那就顺带走步骤四的前端工程化吧！

• 步骤四：前端工程化方面内容

这块内容的话，主要是 Babel 和 Webpack，至于讲讲工程化的 Gulp 等历史，我还没碰到过这类面试题。

Webpack 的话知识点挺多的，比较重要的部分的话，个人觉得是 Webpack 编译原理、loader/plugin 的实现以及有没有自己手写过，然后就是热更新、Tree Shaking、Scope Hoisting 这些知识点，最后的最后就是 Webpack 的性能优化，这块我也是有记忆顺序的：

1. Webpack 自身。resolve.modules/extensions

2. Webpack 的 loader/plugin 相关：缓存、多进程、多进程压缩、各种内容压缩

3. Webpack 其他相关：懒加载、热更新、Tree Shaking、Scope Hoisting

4. Webpack 的优化帮助：帮助可视化分析的各个 plugin 之类的

大概就是这四个部分吧。

• 步骤五：CSS

为什么特定是 CSS，而不是 HTML 呢？

其实 jsliang 复习 HTML 的时候，就发现一个 HTML5 新标签和 HTML5 语义化的内容，可能本身写的 HTML 和 CSS 比较少吧，也不希望面试官问这个，毕竟上一份工作真没写多少 HTML 和 CSS。

所以 CSS 部分，经常考查的一些内容会有垂直居中布局、BFC 之类的，这里就不哆嗦啦，小伙伴们可以去看看。

• 步骤六：算法与数据结构、设计模式

看到这个，有些小伙伴可能懵逼，毕竟你工作中真不会想到这个，比如 jsliang 这复制粘贴工程师。

但是 jsliang 比较荣幸的是自己在 2019 年 5 月在同事浩哥的推荐下开启了刷题之旅，并沉迷于此吧，现在我的刷题量达 470+ 咯。

但是其他小伙伴也不用担心，除头条这类大厂外，可能就问你一下排序算法诸如冒泡、快排这些，还有就是红黑树啥的，简单复习的话可以看看这些，当然上面的文章我也写了。

另外设计模式的话，也是整理了一些知识点给小伙伴们，然后就是要整理 Vue 内容的小伙伴，代理模式和发布订阅模式必定要看看，Object.defineProperty 和 Proxy 实现双向绑定功能这块，就不用我过多叮嘱了吧~

这样子你就将这些内容复习地七七八八啦，至于 Node 和 TypeScript，也是看个人情况，毕竟有些 JD 要求必定掌握的。

jsliang 仅仅是接触过，就不献丑了，祝小伙伴们复习如鱼得水，面试势如破竹~

六 综合系列文章

在大量翻阅文章的过程中，碰到一些优秀的系列内容，推荐给小伙伴们。

6.1 博客

• Github：LinDaiDai/niubility-coding-js【霖呆呆】

• 博客园：吕大豹

• • 2013年终总结——求评点求指导

  • 平凡之路——我的2014总结

  • 我们的创业项目是如何夭折的

  • 起点——2015年终总结

  • 我的三年前端之路

  • 平庸、坚持、收获——2016年终总结

  • 2017年终总结——恍恍惚惚又一年

  • 2018年终总结——越过山丘

  • 2019年终总结——三十而立

• 冴羽的博客

• 神三元的博客 || 神三元的 Github

6.2 面试题 + 含题解

如果一开始不知道看啥，可以先看这些文章（带答案的），对一些内容有个大致印象。

2020：

• [√] 霖呆呆的近期面试128题汇总(含超详细答案) | 掘金技术征文【阅读建议：2h】

• [√] 2万字 | 前端基础拾遗90问【阅读建议：3h】

• [√] 一位前端小姐姐的五万字面试宝典【阅读建议：1.5h】

2019：

• [√] 面试完50个人后我写下这篇总结【阅读建议：1h】

• [√] 这儿有20道大厂面试题等你查收【阅读建议：40min】

• [√] (上篇)中高级前端大厂面试秘籍，寒冬中为您保驾护航，直通大厂【阅读建议：1h】

• [√] (中篇)中高级前端大厂面试秘籍，寒冬中为您保驾护航，直通大厂【阅读建议：30min】

• [√] (下篇)中高级前端大厂面试秘籍，寒冬中为您保驾护航，直通大厂【阅读建议：30min】

• [√] 【面试篇】寒冬求职季之你必须要懂的原生JS(上)【阅读建议：1h】

• [√] 【面试篇】寒冬求职季之你必须要懂的原生JS(中)【阅读建议：1h】

• [√] web前端面试总结(自认为还算全面哈哈哈哈哈！！！！）【阅读建议：1h】

2018：

• [√] 2018春招前端面试: 闯关记(精排精校) | 掘金技术征文【阅读建议：1h】

• [√] 2018前端面试总结，看完弄懂，工资少说加3K | 掘金技术征文【阅读建议：1h】

• [√] 面试的信心来源于过硬的基础【阅读建议：20min】

• [√] 2018阿里巴巴前端面试总结【阅读建议：20min】

6.3 面试题 + 不含题解

有些没答案的也很精彩，可以去看看这些知识点自己懂不懂。

2020：

• [√] 2020年前端面试复习必读文章【超三百篇文章/赠复习导图】【阅读建议：copy 一份到个人文档库，慢慢整理】

• [√] 霖呆呆的中大厂面试记录及2年前端薪资对比(附赠学习方法)【阅读建议：2 h】

• [√] 2020三元同学春招阿里淘系、阿里云、字节跳动面经 & 个人成长经验分享 | 掘金技术征文【阅读建议：1h】

• [√] 金九银十：一年前端的面试分享(已拿360金融offer)【略读：1h】

• [√] 2020年中大厂前端面试总结【阅读建议：30min】

• [√] 2年前端暑期面试打怪升级（收获多份offer）【阅读建议：30min】

• [√] 写给女朋友的中级前端面试秘籍（含详细答案，15k级别）【阅读建议：30min】

• [√] 写给初中级前端的高级进阶指南【阅读建议：1h】

• [√] 一年半经验如何准备阿里巴巴前端面试【阅读建议：20 min】

• [√] 一年半前端跳槽面试经验（头条、微信、shopee）【阅读建议：30min】

• [√] 字节跳动今日头条前端面经（4轮技术面+hr面）【阅读建议：30min】

2019：

• [√] 一名【合格】前端工程师的自检清单【阅读建议：30min】

• [√] 面试分享：两年工作经验成功面试阿里P6总结【阅读建议：2h】

• [√] 一个合格(优秀)的前端都应该阅读这些文章【阅读建议：copy 一份到个人文档库，慢慢整理】

• [√] 前端面试考点多？看这些文章就够了（2019年6月更新版）【阅读建议：copy 一份到个人文档库，慢慢整理】

2018：

• [√] 2018大厂高级前端面试题汇总【阅读建议：30min】

• [√] 一年半经验，百度、有赞、阿里前端面试总结【阅读建议：30min】

不折腾的前端，和咸鱼有什么区别！

jsliang 会每天更新一道 LeetCode 题解，从而帮助小伙伴们夯实原生 JS 基础，了解与学习算法与数据结构。

浪子神剑 会每天更新面试题，以面试题为驱动来带动大家学习，坚持每天学习与思考，每天进步一点！

扫描上方二维码，关注 jsliang 的公众号（左）和 浪子神剑 的公众号（右），让我们一起折腾！

觉得文章不错的小伙伴欢迎点赞/点 Star。

如果小伙伴需要联系 jsliang：

• Github：https://github.com/LiangJunrong/document-library

• 掘金：https://juejin.im/user/3403743728515246

联系方式存放在 Github 首页，坚持每天一道 LeetCode，坚持每天学习，欢迎一起折腾~

本文链接：https://my.lmcjl.com/post/19870.html