引言
写这篇博客原因
对比身边的人，一个个比自己优秀；对比同龄的人，别人2年经验已经是高级前端，而我才刚入中级，实在是有些拉胯，并且现在所处的环境对个人提升太小了。同龄人的优秀，个人自身环境太安逸，急需提升自我，所以准备去碰一碰，因而准备了这些。
正文
本篇博客只做推荐，多为本人学习过程中发现的优质博客，觉得不错，就进行了整理，方便后续自己回顾。但本文部分文字或多或少引用了dalao们的总结，感谢本文所有dalao们的优质博客！文章内容均属于原作者。如若链接少了作者名或着失效，可以在评论区联系博客，谢谢合作~
CSS篇
神三元：剖析一些经典的CSS布局问题，为前端开发+面试保驾护航
大志前端：【前端帮帮忙】第4期 使用纯CSS制作一个开关按钮
JS篇
追梦子：JavaScript中call,apply,bind方法的总结
JavaScript 进阶问题列表（测测你有多了解 javascript）
金色小芝麻：想自学JS吗？想提升JS底层原理吗？76张脑图带你彻底搞懂原生JS
Webpack篇
ES6-ES10篇
陈大鱼头：从ES6到ES10的新特性万字大总结（不得不收藏）
虚拟DOM（diff算法）
txm：大厂面试官：请阐述一下你对虚拟DOM和Dom-Diff的理解？
Node.js篇
计算机网络篇
神三元：(建议精读）HTTP灵魂之问，巩固你的 HTTP 知识体系
神三元：(建议收藏）TCP协议灵魂之问，巩固你的网路底层基础
浏览器篇
数据结构与算法篇
awesome-coding-js：用JS玩转数据结构与算法(超级nice)
晨曦时梦见兮：前端电商 sku 的全排列算法很难吗？学会这个套路，彻底掌握排列组合。
Vue篇
金色小芝麻：30张脑图带你从零开始学VUE｜VUE基础知识篇
shotCat：可能比文档还详细--VueRouter完全指北
柚子233：如何在一个页面使用多个router-view显示不同的内容
晨曦时梦见兮：请你说说 Vue 中 slot 和 slot-scope 的原理（2.6.11 深度解析）
晨曦时梦见兮：Vue 的生命周期之间到底做了什么事清？（源码详解，带你从头梳理组件化流程）
晨曦时梦见兮：为什么 Vue 中不要用 index 作为 key？（diff 算法详解）
React篇
中间件
晨曦时梦见兮：Koa的洋葱中间件，Redux的中间件，Axios的拦截器让你迷惑吗？实现一个精简版的就彻底搞懂了。
源码篇（手撕原理）
小鹿动画学编程：阿里面试官让我手写 Vue 2.0核心原理，我都整理好了！
Promise篇
小明同学哟：一步步教你实现Promise/A+ 规范 完整版
优秀公众号推文
前端面经大全
“寒冬”三年经验前端面试总结（含头条、百度、饿了么、滴滴等）
神三元：2020三元同学春招阿里淘系、阿里云、字节跳动面经 & 个人成长经验分享 | 掘金技术征文
LinDaiDai_霖呆呆：霖呆呆的近期面试128题汇总(含超详细答案) | 掘金技术征文
化身面试官出30+Vue面试题，超级干货（附答案）｜牛气冲天新年征文
(上篇)中高级前端大厂面试秘籍，为你保驾护航金三银四，直通大厂
(中篇)中高级前端大厂面试秘籍，寒冬中为您保驾护航，直通大厂
(下篇)中高级前端大厂面试秘籍，寒冬中为您保驾护航，直通大厂
字节跳动2020面试算法题+场景题+智力题100题
前端优质博客/Github
大佬面试经验和心得
Bestbven：双非院校，成绩不好的他，怎么突然拿到大厂offer了？| 掘金技术征文
LienJack：艺术喵 2 年前端面试心路历程（字节跳动、YY、虎牙、BIGO）| 掘金技术征文
LienJack：2019学习学到失恋但是还要继续|2019 与我的技术之路
LienJack：一位前端 2018 绝地求生记 | 掘金年度征文
晨曦时梦见兮：写给女朋友的中级前端面试秘籍（含详细答案，15k级别）
yck：看完跳槽少说涨 5 K，前端面试从准备到谈薪完全指南（近万字精华）
鸣谢
本篇博客知识点与相关文字都参照了各位大佬的博客，感谢各位大佬！！！
总结
三元大佬经验分享
面试阶段
从上面的面经中可以看到不同方向、不同级别的面试官各自的偏好不一样，因此对于不同的面试官，采取的策略也应有所不同。但我更想分享的是一些具有共性的地方，这些策略可以适用于绝大部分的面试场景，让自己获得更大的竞争优势。当然，所谓的面试策略，都是基于你前期充分的准备，不然都只是天方夜谭，毫无可行性。
策略一: 备好杀手锏
面试官一天可能要面5-6人，甚至十几人，那么你是否想过: 他凭什么对你印象更加深刻？
心理学有一个效应叫 峰终效应 ，就是人在一个有限的活动当中，对一件陌生事物的看法大致由两个时间点所决定: 一个是高潮点，一个是结尾的点。 对面试而言，我认为同样是适用，具体来讲，和面试官的交流，其实也就是和一个陌生人的交流，如何来给他留下更深刻的印象？需要在高潮点展现自己，在结尾点保护自己，在面试的过程中适当给面试官一些和别人不一样的回答和见解，使之感到惊艳，而在结尾的时候，你说的话其实更容易被面试官记住，这个时候由于面试已经接近尾声，你可能没有当时那么紧张，这个时候需要适当的谨慎一些，不要彻底放松，避免不小心说出一些对自己处境不利的话。
其实，我更想强调的是前者，即如何将面试带上一个高潮点，并且让面试官感到惊艳。其实这并不是什么简单的事情，毕竟能惊艳的只是少数，那么如果才能做到这一点呢？ 在面试前，不妨准备好自己的杀手锏。什么是杀手锏？就是每当面试官问到相关的问题的时候，你能够有自信比 90% 的人理解得更深刻，回答更出色。以我自己为例，我准备的杀手锏并不少，HTTPS 所有加密算法，chromium 进程 IPC 原理，斐波拉契第 n 数的 logn 解法，浏览器渲染过程，vue 编译器架构，vue 双向绑定，快排以及手写 V8 排序 ......
在其它基础知识都 OK 的前提下，这些杀手锏是你技术上的核心竞争力，这是你和其他人相比体现不可替代性的地方。当然，时间有限，不可能每个角度都能研究很深入，但如果你不准备，跟大家背一样的答案，很难从人群当中脱颖而出。
策略二: 适当暗示
面试的过程其实就是一个和面试官互相试探的过程，一方面是他对你提问，另一方面你需要给他一些信号，引导他去挖掘你的闪光点。
其实有两个时机可以发一些暗示的信号，一个是自我介绍的环节，这个环节中可以向面试官展示出你之前深入研究过哪一块的技术，指引他往那个方向问，另一个是技术细节的提问，可以在回答的时候适当发挥，大部分面试官是愿意听你展开的。
学如逆水行舟，不进则退！
结束语
多多点赞收藏，谢谢各位青天大老爷！！！
