一 目录
不折腾的前端，和咸鱼有什么区别
| 目录 |
|---|
| 一 目录 |
| 二 前言 |
| 三 自我介绍 |
| 四 个人计划与完成情况 |
| 五 面试复习心得 |
| 六 综合系列文章 |
| 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，你两年还是个渣。
虽然你狠焦虑，甚至开始秃顶，但是你要相信自己能熬过去。
前端如何确定个人方向？
分析（当前问题）
建库（建立自己文档库，存储知识点）
定标（确定自己未来 3-5 年目标）
实现（通过努力在规定时间走出第一步）
- 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 没复习，但是一些点还是可以推荐小伙伴们看看的：
Vue 生命周期
Vue Diff
Vue 双向绑定手写实现
Vue 和 React 的区别
Vue 和 jQuery 的区别
Vue 项目中你碰到的难点和你自己的亮点
……
至于 React 的话小伙伴们看我上面的整理即可。
步骤三：整理浏览器和计算机网络方面内容
讲起这块内容，jsliang 其实可以串联起来讲：
先讲 从输入 URL 到页面呈现，然后引入浏览器的 本地存储、浏览器缓存、性能优化、重排和重绘，接着引入计算机网络的 网络安全、DNS、HTTP、TCP、WebSocket，说到 WebSocket 和 网络安全 那么我们可以谈谈 跨域以及垃圾回收，垃圾回收 又涉及它的回收机制 LRU 缓存淘汰策略 等。
这样我这块内容就囊括起来了。
另外，性能优化 还可以涉及到 Webpack，那就顺带走步骤四的前端工程化吧！
步骤四：前端工程化方面内容
这块内容的话，主要是 Babel 和 Webpack，至于讲讲工程化的 Gulp 等历史，我还没碰到过这类面试题。
Webpack 的话知识点挺多的，比较重要的部分的话，个人觉得是 Webpack 编译原理、loader/plugin 的实现以及有没有自己手写过，然后就是热更新、Tree Shaking、Scope Hoisting 这些知识点，最后的最后就是 Webpack 的性能优化，这块我也是有记忆顺序的：
Webpack自身。resolve.modules/extensionsWebpack的loader/plugin相关：缓存、多进程、多进程压缩、各种内容压缩Webpack其他相关：懒加载、热更新、Tree Shaking、Scope HoistingWebpack的优化帮助：帮助可视化分析的各个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
4 评论