从若干个方向谈一谈前端面试需要准备哪些东西

此时可以找一个朋友给你来一个mock interview。朋友的mock可以给你很多反馈。自身发现不了的，包含自我介绍的问题，语气语调，自信心等问题。

接下来可以找一些小公司练练手。练习练习自己讲讲项目，和基础知识的查漏补全。

如果拿到了一些小公司的offer，那么就可以找朋友推荐去一些心仪的大厂，大厂面试相对较难，所以最好找朋友内推。内推有朋友可以给你介绍很多你不知道的东西。

简历

作为一个高级码农，项目肯定做的非常多，但是简历也要注意什么可以写什么不能写。自己复习准备不深的东西最好不要在简历上写，面试官往往都问自己有经验和自己有深刻研究的东西，如果你涉及的技术只是简单使用，简历上写了，被问到一些底层原理，结果没答上来就尴尬了。

比如你在公司浅尝辄止的做过RN，简历上写了，被面试官问到RN的原理，打包，和Native通信等，如果没有准备就会非常尴尬。简历上写的技术 最好都复习到任何细节。

比如用vue写了好几年项目了。以为自己掌握的滚瓜烂熟。结果别人问了一个基础的Vue生命周期，Watch和Computed的区别，如果没答好，那么在面试官那里印象就非常差。

手写题

今年各大公司都添加了手写算法或者前端递归的题目。所以要求这部分题目都得提前准备，最好在职期间刷leetcode几个月。至少大部分简单算法都可以秒杀。至于前端一些递归和语言特性。相对来说都比较好准备。应该2~3周就够用。这里列举一些高频题。抛砖引玉一下。

• 实现debounce

• 实现throttle

• 实现bind,call,apply

• 打印出来html里所有标签

• 实现一个lazyman

• 实现一个deepclone

• 实现快速排序

• 实现一个数组乱序

• 实现一个Promise

• 实现一个LRU

• 求第K大树

• 二叉树的深度

• 两数之和

• 四数之和

• 找出一个集合所有的子集

手写题系列请见2019-大龄前端如何准备面试之手写题

https://github.com/scofieldfan/turtle-rock

我在github 上整理一个项目 turtle-rock 如果大家觉得有用，请给一个star。谢谢！

CSS

flex 已经是移动端的标配了。今年面试中基本很多都考察flex。所以对于flex-grow和flex-shrink，flex-direction 这些属性必须灵活掌握。而且对于弹性盒里面的元素的是否会被缩减，以及缩减的规则都会被考察到。对于高级前端一些深度的特性也会被考察到。

• vertical-align 为什么没有绝对垂直居中？

• line-height 的具体含义是什么？

浏览器

http2 是今年一个必考题了。所以HTTP2 分帧的，多路复用，server push 这些都得深度掌握，只肤浅理解到基本概念 还是很容易被问住的。推荐大家看两篇文章

MDN HTTP

Google_HTTP2

另外缓存(协商缓存和强缓存)，跨域 这些都不赘述了。

• http2有什么改进？

• websocket协议和 HTTP2 有关系么？

• http2 和 1.1 的 pipeline 有啥区别？

• HTTP2 和 1.1 的 keep alive 啥区别？

框架

现在是Vue和React的时代。小厂追求糙快猛基本都是Vue。规模大一点的公司基本都是React。不管是哪个。今年面试绝对不紧紧停留在表面，Dom Diff，Virtual Dom 成了必考题。

• Virtual Dom 是否可以提高性能？

• 怎么看待Dom Diff？Dom Diff算法是啥？

• 如何设计一个组件？

• Vue发展问题在哪里？

错误收集

错误收集也是一个点，有可能会考察到各种情况出现错误的情况。

• Node中的错误怎么捕获？

• Node中遇到错误，进程退出了怎么办？

• Promise的错误如果统一捕获？

• Promise中的ajax 可以try catch 到么？

• 如何实现一个前端错误收集系统？

性能

Web性能啥时候都是一个必考题。针对Web性能。推荐大家看Google的文档（需要翻墙）。

Webpack

小编13年上海交大毕业，曾经在小公司待过，也去过华为、OPPO等大厂，18年进入阿里一直到现在。

深知大多数初中级前端工程师，想要提升技能，往往是自己摸索成长或者是报班学习，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友，同时减轻大家的负担。

由于文件比较大，这里只是将部分目录截图出来，每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频

如果你觉得这些内容对你有帮助，可以添加下面V无偿领取！（备注：前端）

Vue

• 什么是MVVM？

• mvvm和mvc区别？它和其它框架（jquery）的区别是什么？哪些场景适合？

• 组件之间的传值？

• Vue 双向绑定原理

• 描述下 vue 从初始化页面–修改数据–刷新页面 UI 的过程？

• 虚拟 DOM 实现原理

• Vue 中 key 值的作用？

• Vue 的生命周期

• Vue 组件间通信有哪些方式?

• vue 中怎么重置 data?

• 组件中写 name 选项有什么作用？

• Vue 的 nextTick 的原理是什么？

• Vuex 有哪几种属性?

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  

件间通信有哪些方式?

• vue 中怎么重置 data?

• 组件中写 name 选项有什么作用？

• Vue 的 nextTick 的原理是什么？

• Vuex 有哪几种属性?

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】