前言
2022-2023 年是IT行业受到严重冲击的一年，行业情况是：多个公司裁员，很多员工失业……市面上各种人才，大厂出来的、机构出来的、公司倒闭的等等，找工作变得格外漫长。
随着2022 年年底疫情放开，各大公司经济正在恢复，但是坑位却很少，甚至没有。一些大厂甚至不招人，只裁人，“僧多粥少”的局面特别严重。这里引用当时任先生的一句话：“把活下来作为最主要纲领，边缘业务全线收缩和关闭，把寒气传递给每个人。”
慢慢地，熬过了冬天。2023 年的春节之前，几乎没有公司招人，直到 2023年2月10日 左右，春节后的两周，招聘软件上开始涌现出一些公司，搜索结果列表明显增多：一些年前未曾看到的公司名字冒出来了。 是有真正在招人的，也有的只是为了打公司知名度，挂着招聘不理人的。（这种不要花时间在它上面）这是好的现象，但是，目前市面上竞争者仍然很多，换句话说，就是：一个岗位，简历很多。我们要做的就是：充分准备，出类拔萃！
一、求职经历
本博主是2022年底被某个大厂裁员的，因此从年前看到了年后，期间回家过了个年。还在准备自己的某个考试。对于这场裁员，我其实是在等着的，先前的工作环境压力很大，工作气氛及其严肃，身体也有些变化。大礼包谁不想拿？只是这份礼包给的时机，作为员工，我们想不到。来了也挺好，因此，本博主完美避开了公司大面积感染阳性的危险，至今从未阳过！^_^
行情不好，着急就业的话其实可以很快，但是给的都是平薪或微涨，从大公司到小公司都是这个样子，心气再高也得向行情低头。我有前同事找了半年的工作，据说2022年下半年基本没有面试机会。好在我这位同事最近也拿到了满意的offer！从猎头以及一些HR那边得到消息：“今年基本就是这个样子，大厂出来的也不好找工作，给的薪资基本都是平的，着急的即使是小公司也去了。” 所以，我这里，本来可以早就业，但是心里想达到期望的薪资范围，于是又拖了快一个月…… “相差不大的薪资水平下，选一个更好的发展平台”成了我最终的决策，现在在阿里旗下的某公司工作。当然，有行业内的同学，“骑驴找马”，自己又有实力，跳槽涨薪是可以达到正常水平的！
本博主是一位女生，但是还年轻，单身未婚，这一点可能也有优势。用其中一位HR的话说：“相比那些工作时间更久的，你认为自己怎么样？”，当时我是在面试，没想太多，只是简单说了几句。后面反思，这或许就是HR在拿我与其他人对比，是我表现自己优势的机会。当然，公司招人，需要的是技术能力！我面试的是高级前端开发工程师（期间不小心面了个前端专家，面试中才知道对方招的职级，阿里某部门）。还有面试官认为我很优秀的，但是薪资是个大问题……难啊！这时代，这行情，不易！
确定工作后，我们组急招人，好不容易拿到HC（坑位），是 Java 后端岗位的，我们领导鼓励下属帮忙内推。于是我又开始从市面上捞人，发现简历真的很多……但是更多的是30岁以上的，这里对年龄没有偏见，只是客观描述一下现象，可能是有公司又裁员了吧。据一位应聘者说，他回家半年多，照顾家里，先前还有不错的机会，没有去，现在已经找不到工作了。期间我也有帮其他组内推，但是结果是：被刷掉的居多……当然，年轻又有能力的，特别棒！背景好能力强的不愁工作，相信自己！
这些是现在的行情分析以及个人求职经历概述，下面说说我们的专业技术吧！
## 二、前端面经
博主这次求职，真的是大大小小的公司都面过了。起初从不海投，瞄准中大厂合适的职位再投递，是想选出与自己更匹配的岗位。但是，吃亏了，好久没面试，我其实得先积累经验呀，都问啥？我得先做个准备。
### 1. 投简历的正确打开方式
正确的打开方式是：
1. 先投小公司或不想去的公司
2. 回顾一下面试题，总结知识点
3. 优化简历，再投自己希望去的
4. 继续总结面试题，复盘（这点非常重要！！！）
>本博主有些三天打鱼两天晒网的，呃呃，可能由于我的简历背景好，基本都能得到面试机会，就忙着面试了，做复盘有些不及时。别学我……
>面试太多，每次面试前我都提前打开电脑，精心打扮一番的（疫情刚放开，视频面的特别多，后期也有去现场面试）。就比较花费时间，有时候也会心慌的，面试完又去平复心情，复盘就落下了。
>但是，年后的面试，基本都有做复盘总结，查漏补缺我是有用心的！
**告诉大家一个终极技能：面试题真的会重复！**
###
2. 面试经历及面试题复盘
咳咳，前端小伙伴注意了啊！大到`阿里`、`百度`、`拼多多`等，小到XX不知名公司，还有一些中厂，不具体罗列了，核心面试题都在这了，我呕心沥血整理的！免费领。。。
>对了，说明一下，腾讯、爱奇艺、美团、京东、得物，这都是大厂、中厂吧，我求职期间他不招人,我能咋办。。。他们可能还在忙着裁员呢，哎……
#### 外企面经、面试题
外企要求英语，某外企我面了下，说实话，博主本次求职中的第一次面试，我面过了啊！But，薪资审核没过，我蓝瘦，好吧……TT 我当时不知道行情啊，HR跟我谈薪资时，一直坚持自己，结果可想而知。
然后，中间过程，著名大外企`花旗`我也面了，年初面的，有内部人员告诉我说他们不招人，没HC，他们自己还准备裁员。引用《狂飙》蒋天的一句话：**“拿我当炮灰啊！”** 想吐槽，他们HR让准备一份英文简历，英文自我介绍，还有英文的项目沟通，然而它家面试官态度极其敷衍，一句外国语没问！！！全中文！不过我谢谢他，积累经验了。
**面试题**：
- 准备一段英语自我介绍，面试官真的会问。（第一家面试官问了）
- HTML、CSS基础问题问几个。[块级元素行内元素](http://blog.csdn.net/aaqingying/article/details/116767750)、定位这些。
- [BFC](http://blog.csdn.net/aaqingying/article/details/119522529) 你知道吗？（`高频`）
- 说说[JS的数组遍历](http://blog.csdn.net/aaqingying/article/details/129115093)，有几种方法？（`高频`，阿里也问了）
- [数组乱序](http://www.cnblogs.com/macq/p/6650586.html)怎么实现？（这个问题有中型公司也问了）
- 深拷贝、深对比如何实现？（答案在我脑子里，这里先说题目，需要知道的评论区请留言）
- [数组怎么去重](http://blog.csdn.net/aaqingying/article/details/112793878)？
- React生命周期有哪些？（花旗是一句框架都没问，这是另一家的）
>加超链接的请注意，是答案解析。
>这里先罗列面试题，有疑问请留言或私聊。
#### 大厂面经、面试题
我这，能记清是哪家的就标注下，记不清的就直接写。无偿分享，希望会对同行们有帮助~
**一面**：一般都是`八股文`，年轻的面试官经验少，他们全都大炮轰击问不停（阿里、飞猪、米哈游），有的感觉是走过场，反正阿里基本都有`算法笔试`，可能他们问个基础后面留给二面去筛了；有资深的会问的比较有水平，一步一步问，然后`扒原理`，测试候选人基础。
**二面**：前端负责人或团队老大或技术总监，问项目，剖析难点。这个答出来了就问另一个方向，能问到头疼。各方面都问，非有一个问倒你，不过不影响，好好表现就行。问倒你也只是代表面试官水平高，想让你佩服他。
**三面**：如果还是技术的，就是技术总监或CTO，看公司大小，问各种软实力。
**HR面**：大多数公司三面就是HR了，有的HR难搞，对于她们的心理，博主还嫩着（捂脸），分析不了多少。**懂HR的请留言，一起分享经验**。会问之前工作情况，薪资，跳槽/离职原因，对以后工作的期盼，对自己的定位等。还会考察稳定性。
然后呢，他们不会立马下决定，会让面试者等通知，其实就是和其他候选人对比去了，考察能力、薪资等。这时候，要主动去问他！代表你还在，他回应说在考虑中就说明没被 pass，还在对比。
绝招：薪资说低点 `offer` 拿得快！
（但是这，不想要高薪了，点击）
**说实话，这些都是高频的，不高频我也记不住啊，超高频的我注明。**
**面试题：**
- 项目中的跨域如何处理的？（`高频`，各大公司都问那种）
- [防抖与节流](http://blog.csdn.net/aaqingying/article/details/128968528)，什么场景用？（基础）
- [HTTP协议](http://blog.csdn.net/aaqingying/article/details/119483272) 的理解。（`高频`，米哈游，阿里，众安保险）
- `React`源码读过吗？读了哪些？（`高频`，阿里等各大公司都问）
- 懒加载如何判断元素出现在视口内？（`高频`，阿里某部门面试官直接对着我博客问。答案：[C站](http://blog.csdn.net/aaqingying/article/details/128808977)、[掘金](http://juejin.cn/post/7194453607108837431)，作者都是我。）
- [`React` 的类组件与函数式组件什么区别？](http://blog.csdn.net/aaqingying/article/details/116714444)（`高频`）
- `React` 中的组件通信。（都问，能提到`forwardRef`是[加分项](http://blog.csdn.net/aaqingying/article/details/122581477)）
- `React Hook`的副作用。
- `React` 里面的优化点。（其实是想引出`useMemo，useCallBack`）
- 场景题。面试官提问题，问怎么解决。
- `React Portal` 的理解与使用。
- `Event Loop`事件轮询机制。（说完做题）
- 如何判断是手机端还是PC端？（`高频`）
- 移动端适配怎么做？
- `H5` 与手机是如何通信的？
- 样式覆盖如何处理？
- 箭头函数与普通函数的区别？本质区别是什么？
- 无状态组件、有状态组件。
- `TypeScript`的泛型。
- `Redux`工作流。
- 浏览器如何做静态资源缓存？
- `SSR`服务端渲染的理解。
- 普通函数与`自定义hook`的区别。
- `HTML`中的`DOM`操作。（回顾复盘大学所学知识）
- `Axios`与`Ajax`的区别。
- **React的一堆面试题在这**：[React专项面试题](http://blog.csdn.net/aaqingying/article/details/128401761)（`高频`）
- `JavaScript`有哪些数据类型？如何判断这些类型。
- `Promise`的理解。
- ES6中`let、const`与ES5 `var`的区别。（基础）
- 如何实现[全网置灰](http://blog.csdn.net/aaqingying/article/details/128496253)。（CSS考察，刚好问到，我写过文章）
~~写到这，有些累了，挺考验我记忆（虽然我有做笔记，回忆起来也累啊！）~~
刚刚说了，**有深度的面试官不会直接问八股文，会一点点挖面试者的能力！** 他们会通过问题引出想要的东西，看能不能引的出来，我们要能答出来就很好，正中下怀！还有就是看潜能了，没固定答案的。根据实际经验回答，这一环也能淘汰很多人。
深度问题：
- 前端工程化做过什么贡献？（项目贡献）
- webpack打包优化做过什么吗？
- 为团队做过什么技术优化？ 前端优化？（`高频`）（考察能给团队带去的价值）
- 做过什么封装？通用组件有哪些？（`高频`）
- 封装过自定义HOOK吗？（面试官想听实际产出，考察思维能力等）
- `CDN`缓存机制，原理。
- 说说 WebSocket 的理解。
- 微前端的理解。
- 白屏时间分析。
- 登录功能怎么做？Cookie的一系列问题。
- 大文件上传如何解决？
- 技术改造。
**这些面试题是高级/资深前端的，** 初级请筛选出来些基础问题就好，或看我其他文章。
#### 面试中的笔试
其实说白了，它就是笔试，只是会说成“代码考察”。
当然，现在很多公司开始卷，前端工程师也得做笔试。也是博主为难的点，硬着头皮上吧！
##### 有这三种笔试题
1. 硬生生的算法题。刷力扣，赛码网这些。我遇到的有这些：[前端笔试题](http://blog.csdn.net/aaqingying/article/details/128434993)。 `百度、阿里`都有出数组转树的，但是有情景，具体题在面试时给到，让转为要的数据格式。
2. 也有些面试官比较人性化，TA是前端出身的，不会生考算法，会出JS题去解：Promise、事件轮询这些。还有作用域。`JavaScript` 功底要十分深厚！`前端攻城狮`的生存技能！这种笔试题对我们来说很友好了。还有的，[千分位分割](http://blog.csdn.net/aaqingying/article/details/126429397)、异步转为同步，每次发送2条请求，让自己写。
3. 还有一种，就是工具类封装。用 JS 写吧！类型判断啊，异步请求啊等等的。
#### 给同行的温馨提示
求职中，如果遇到没让面试就扔笔试题的，不要干！
实际上属于浪费时间，有这点时间赶紧看其他家吧。某大公司有这么干的，看部门，不吐槽整个公司，每个部门有他们自己的筛人方式。个人认为没必要，因为我们做题的同时，他们看上了简历更优秀的其他人，简历背景一般的即使是做题也不占优势。还有就是薪资，薪资要高了，即使面试和笔试都过了，一面透露可以复试的，但是复试面试官认为以往经验不匹配，这题也白做了。这种没办法。所以，有面试机会之后的笔试，做做也好，就当积累经验了。
有很多公司是看以往经验的，除了日常工作接触的，自己也需要探索一些其他技能。假设我们是做PC端的，下一份工作想找移动端，用人单位只看简历，简历有凸显才有优势。因此，我们只能用下班时间去涉猎更广的技术，也可作为项目经验。
参考我的
面试题，及时做复盘总结，会有所收获的。感谢读完我的文章，祝您好运！
#### 我的其他热门文章
- [异步请求Axios](http://blog.csdn.net/aaqingying/article/details/124577192)
- [TypeScript面试题](http://blog.csdn.net/aaqingying/article/details/119427063)
- [VScode配置ESLint检测语法+Prettier代码格式规范化](http://blog.csdn.net/aaqingying/article/details/120670650)
- [前端如何优雅的实现跨终端开发（PC端+移动端）](http://blog.csdn.net/aaqingying/article/details/128429872)