jsliang 2020 求职系列

一 目录

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

目录
一 目录
二 前言
三 自我介绍
四 个人计划与完成情况
五 面试复习心得
六 综合系列文章
6.1 博客
6.2 面试题 + 含题解
6.3 面试题 + 不含题解

二 前言

返回目录

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

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

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

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

三 自我介绍

返回目录

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 篇文章。

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

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

  • [x] 计算机网络基础
  • [x] 网络安全
  • [x] DNS
  • [x] HTTP
  • [x] TCP
  • [x] WebSocket

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

  • [x] 本地存储
  • [x] 从输入 URL 到页面呈现
  • [x] 跨域
  • [x] 垃圾回收
  • [x] 浏览器缓存
  • [x] 性能优化
  • [x] 重排和重绘
  • [x] LRU 缓存淘汰策略

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

  • [x] 2019 面试复习
  • [x] 面试题库
  • [x] 2019 简历
  • [x] 2020 简历
  • [x] 自我介绍
• [x] 其他【进度： 23/23 】

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

  • [x] Babel
  • [x] Webpack - Scope Hoisting
  • [x] Webpack - Tree Shaking
  • [x] Webpack 简单实现
  • [x] Webpack 性能优化
  • [x] Webpack
• [x] 设计模式【进度： 14/14 】
• [x] 算法与数据结构【进度： 14/14 】

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

  • [x] 盒子模型
  • [x] 基础
  • [x] 移动端
• [x] HTML【进度： 4/4 】

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

  • [x] 异步系列

    • [x] Event Loop
    • [x] Promise

  • [x] 手写源码系列

    • [x] 防抖和节流
    • [x] 其他
    • [x] 深拷贝和浅拷贝
    • [x] 自定义原生事件
    • [x] call+bind+apply
    • [x] JSONP
    • [x] new
    • [x] Promise
  • [x] 闭包
  • [x] 变量
  • [x] 基础
  • [x] 原型和原型链
  • [x] this

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

  • [x] 虚拟 DOM
• [x] Node【进度： 2020 不复习 】
• [x] TypeScript【进度： 2020 不复习 】
• [x] 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：

• [x] 霖呆呆的近期面试128题汇总(含超详细答案) | 掘金技术征文【阅读建议：2h】
• [x] 2万字 | 前端基础拾遗90问【阅读建议：3h】
• [x] 一位前端小姐姐的五万字面试宝典【阅读建议：1.5h】

2019：

• [x] 面试完50个人后我写下这篇总结【阅读建议：1h】
• [x] 这儿有20道大厂面试题等你查收【阅读建议：40min】
• [x] (上篇)中高级前端大厂面试秘籍，寒冬中为您保驾护航，直通大厂【阅读建议：1h】
• [x] (中篇)中高级前端大厂面试秘籍，寒冬中为您保驾护航，直通大厂【阅读建议：30min】
• [x] (下篇)中高级前端大厂面试秘籍，寒冬中为您保驾护航，直通大厂【阅读建议：30min】
• [x] 【面试篇】寒冬求职季之你必须要懂的原生JS(上)【阅读建议：1h】
• [x] 【面试篇】寒冬求职季之你必须要懂的原生JS(中)【阅读建议：1h】
• [x] web前端面试总结(自认为还算全面哈哈哈哈哈！！！！）【阅读建议：1h】

2018：

• [x] 2018春招前端面试: 闯关记(精排精校) | 掘金技术征文【阅读建议：1h】
• [x] 2018前端面试总结，看完弄懂，工资少说加3K | 掘金技术征文【阅读建议：1h】
• [x] 面试的信心来源于过硬的基础【阅读建议：20min】
• [x] 2018阿里巴巴前端面试总结【阅读建议：20min】

6.3 面试题 + 不含题解

返回目录

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

2020：

• [x] 2020年前端面试复习必读文章【超三百篇文章/赠复习导图】【阅读建议：copy 一份到个人文档库，慢慢整理】
• [x] 霖呆呆的中大厂面试记录及2年前端薪资对比(附赠学习方法)【阅读建议：2 h】
• [x] 2020三元同学春招阿里淘系、阿里云、字节跳动面经 & 个人成长经验分享 | 掘金技术征文【阅读建议：1h】
• [x] 金九银十：一年前端的面试分享(已拿360金融offer)【略读：1h】
• [x] 2020年中大厂前端面试总结【阅读建议：30min】
• [x] 2年前端暑期面试打怪升级（收获多份offer）【阅读建议：30min】
• [x] 写给女朋友的中级前端面试秘籍（含详细答案，15k级别）【阅读建议：30min】
• [x] 写给初中级前端的高级进阶指南【阅读建议：1h】
• [x] 一年半经验如何准备阿里巴巴前端面试【阅读建议：20 min】
• [x] 一年半前端跳槽面试经验（头条、微信、shopee）【阅读建议：30min】
• [x] 字节跳动今日头条前端面经（4轮技术面+hr面）【阅读建议：30min】

2019：

• [x] 一名【合格】前端工程师的自检清单【阅读建议：30min】
• [x] 面试分享：两年工作经验成功面试阿里P6总结【阅读建议：2h】
• [x] 一个合格(优秀)的前端都应该阅读这些文章【阅读建议：copy 一份到个人文档库，慢慢整理】
• [x] 前端面试考点多？看这些文章就够了（2019年6月更新版）【阅读建议：copy 一份到个人文档库，慢慢整理】

2018：

• [x] 2018大厂高级前端面试题汇总【阅读建议：30min】
• [x] 一年半经验，百度、有赞、阿里前端面试总结【阅读建议：30min】

---

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

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

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

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

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

如果小伙伴需要联系 jsliang：

• Github
• 掘金

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

<img alt="知识共享许可协议" style="border-width:0" src="https://i.creativecommons.org/l/by-nc-sa/4.0/88x31.png" />
<span xmlns:dct="http://purl.org/dc/terms/" property="dct:title">jsliang 的文档库</span> 由 梁峻荣 采用 知识共享 署名-非商业性使用-相同方式共享 4.0 国际 许可协议进行许可。
基于https://github.com/LiangJunro...上的作品创作。
本许可协议授权之外的使用权限可以从 https://creativecommons.org/l... 处获得。