前端面试路线图，这样准备，拿不到offer算我输!
共 1926字，需浏览 4分钟
·
2020-09-12 08:43
简历
程序员的简历不用太花哨，markdown即可，但是一定要突出自己的技术亮点，简历就像是你和心仪妹子约会介绍自己一样，小时候拿过三好学生就别说了 就像你面试高级前端，就不要写会html+css了，也别写会vuejs写todolist了
公司
公司在天眼查，知乎，脉脉上搜一下即可 ，看一下高管，工作氛围等即可
面试题
其实我很反对前端刷题这个操作，刷题应该是你准备面试的最后一步，而不是第一步 第一步应该去好好学习核心的硬知识
具体前端面试题也可以搜到很多，大概这些类别吧
JS基础
红宝书+es6书
经典面试题：如何统计一个网页中出现次数最多的三种标签
JS进阶
Promise
节流防抖
路由
《你不知道的javascript》
手写常见源码
性能优化
经典题目：从输入url到页面显示，发生了啥玩意
如何让文件加载更快(缓存，网络)
如何让代码执行更快
工程化
框架原理（react）
react 虚拟dom怎么执行的(树的遍历和diff)
react 16和15的虚拟dom架构有什么变化，fiber到底是个啥( 树=》微观链表的结构)
react 16的hooks到底是怎么执行的，react事件系统和浏览事件系统有啥区别和关系
react-router原理
react怎么实现ssr框架
ant-design + antd-pro 有没有看过源码
redux生态 （redux react-redux，redux-saga dva， umi）
框架原理(Vue)
会vue基础使用不值钱
组件化 + element-ui源码
vue有了响应式，为啥需要虚拟dom
vue的虚拟dom和react虚拟dom有啥区别嘞
vuex vue-router原理等
计算机基础
就像王者荣耀的主播套路，自己经验不丰富，学个样子没用， 学个震雷削，被对方追着削
设计模式需要大量实践去体会
链表
数组
队列
树
贪心 && 动态规划
算法数据结构
网络协议(TCP HTTP)
编译原理(AST, codegen,vue的compile模块)
设计模式
面试一分钟，台下十年功
任何好学习的技能，基本都不咋值钱，比如vue做个todoliist不值钱，vue源码和设计思想值钱
为什么要学习源码和底层原理
面试需要
架构师 资深前端
做一些更高端和通用的事情
组件化，框架
框架源码里，有大量的最佳实践
vue源码里，大量的工程化，设计模式，代码规范的最佳实践
资深前端
除了经验丰富外
视野更高
解决诡异的bug
架构的设计
刻意练习
学习一个技能的最好途径，就是刻意练习，天天下象棋的村头王大爷，一定是个臭棋篓子，我天天玩王者荣耀，也是个钻石的菜比 武林高手不是天天打架就可以的，需要练习，需要专门修炼内力，以打dota为例
任务分解
补刀(不带装备中路正反补10分钟)
装备
英雄搭配
兵线
手速 2.练习
很枯燥，自找不痛快（补刀毫无游戏乐趣）
完整的实践修炼
反馈
高手的源码 （vuejs源码）
高手点评
源码学习方法
我认为源码学习分为三个层次
根据package.json的npm run build逻辑找到vue执行的入口
看一遍整体结构，比如把所有函数都折叠起来 看整体逻辑
参考测试代码，该清楚每个具体函数的输入输出，看明白逻辑
核心逻辑手写一遍 （虚拟dom，compile，响应式等）
组内立flag分享，吹牛逼一次
如何描述自己的技术亮点
做过的明星项目
项目技术栈和细节
源码深度
优化，性能，体验，极客
填坑
成长
如何谈钱
hr找人的时候，薪资都有弹性
谈判得来的，都是纯利润
认识自己（市场）
阐述优势
谈判得来的 都是纯利润
hr细节(考勤，补贴，996，五险一金，补贴
道理都懂
如果道理都懂，就是学不进去 心灵鸡汤我也不太会灌，不过可以参考这两个步骤，提高自己学习积极性
查看银行卡余额和周围房价
boss直聘或者拉勾，搜一下前端，过滤薪资30K~50K，看看高薪工作的数量和要求
大部分同学看完就有动力了，如果文章里很多名词你都不是很懂，希望大家都能利用过年这段时间，就用vuejs源码来提升自己，金九银十，金三银四，面试把把吃鸡！！！
最后
如果你觉得这篇内容对你挺有启发，我想邀请你帮我三个小忙：
点个「在看」，让更多的人也能看到这篇内容（喜欢不点在看，都是耍流氓 -_-）
欢迎加我微信「qianyu443033099」拉你进技术群，长期交流学习...
关注公众号「前端下午茶」，持续为你推送精选好文，也可以加我为好友，随时聊骚。
