本文已参与「新人创作礼」活动，一起开启掘金创作之路

2022年的面试题，没有比往年来得更简单一些

结论

重点准备：简历中工作经历和项目相关的知识点，包括目前项目中没有做到但是可以做的优化，也需要了解

通用知识：前端八股文，从js、css、框架、网络请求到性能优化，需要全面准备

针对性准备：基本有考代码题，但可能有些考promise，有些考算法，需要提前了解，针对性刷题

梳理问题

以下整理的都考到2次以上的吗，频率高的加粗

通用项目相关问题

• 为什么要换工作
• 说一个自己觉得比较重要或者做的比较好的项目
• 在项目中担任的角色
• 说一个最近遇到的问题

性能优化

• 在浏览器中输入url到最后渲染页面中间经历的过程
• 前端性能优化 （React性能优化）

js

• var、let、const区别
• module 与 common js 的区别
• promise的几个方法以及实现思路
• 函数防抖和节流（也可能是代码题）
• es6 有哪些新特性
• new一个对象发生了什么

ts

• type与interface的区别

css

• 三栏布局（三行 / 三列 / 某一列宽度自适应）

Node

• node和浏览器的事件循环

浏览器

• async和defer的区别
• cookie与localStorage的区别
• Http2对比Http1的优化，Http3的优化
• 浏览器缓存策略
• hash模式和history模式的区别
• 状态码及对应的含义
• 重绘和重排
• 什么是跨域，怎么解决
• 前后端交互会遇到哪些危险，怎么防范

Dom

• 事件捕获和事件委托

React

• React函数式组件的使用
• hooks
• React通信方式
• React context的使用，子组件如何修改

webpack

• webpack构建过程
• 如何提高打包速度
• 如何优化打包产物
• 怎么分割代码

代码题

• 手写发布订阅
• 常见的this指向问题
• 数组扁平化
• 实现Array 的forEeach、reduce
• 手写promise、promise.all
• 手写深拷贝

个人项目经历相关

我之前主要是h5 和 小程序方面的需求，项目上taro小程序转多端和微前端项目参与比较多，简历上的关键词包括：【多端小程序】、【性能优化】、【ssr】、【微前端】

• 性能优化（首页白屏）做了哪些措施，效果如何
• 为什么要转多端小程序
• ssr的优缺点
• ssr的降级方案
• 什么是同构渲染
• 什么是微前端
• 微前端实现思路
• 微前端的沙箱隔离、样式隔离是怎么做的
• h5页面的样式适配方案
• 怎么实现 proxy window