保持领先个性化营销

XSS 和 CSRF 是一定要回答上的，剩下的你知道多少答多少，但是别瞎说。一旦你乱说，很容易就会让人觉得你是在背书，没有自己的理解(虽然确实是在背书)。

工程化

这方面通常会从一个项目上入手来说，一般会问一下问题：

• 页面性能优化 【超高频】
• webpack 性能优化

页面性能优化 可以聊的东西其实挺多的，比如通常会从网络、加载这两个角度出发来解决性能问题。网络角度上有可以聊到前面提到的缓存、CDN、HTTP2以及图片格式上面的优化。从加载上来说的话，又可以聊到 webpack 的打包拆包、tree-shaking、懒加载和异步加载、多线程。除了这两个角度以外，还可以从用户体验的角度上来进行优化，比如说骨架屏、动画、虚拟滚动等。

除了这种常规的角度来说，现在我们开发一个 Web 应用通常都会使用框架，每一款框架一般都会有一些配套的性能优化的手段，比如 React 里面的 shouldComponentUpdate、PureComponent、memo 等优化 diff 算法的手段也需要回答。框架的优化问题通常会在你答完性能优化的问题之后跟着问你。

具体可以看下这两篇：

• 性能优化[6]
• React 性能优化[7]

至于 webpack，以我目前的面试经历，问的相对比较少，可以有选择的去关心关注。

框架

框架对于目前现代的 Web 应用开发来说，基本就是必备技能。面试的时候，面试官通常会根据你自己简历上写的技术栈来问，对于大小厂而言，问的方式可能也略有不同。对于小厂来说，如果你恰好技术栈和他们相一致，那么他们问的基本和大厂差不多;如果不相符，那就完全看面试官是否了解你当前的技术栈，了解的话大概会问一些，否则基本不问。对于大厂来说，那基本上是不可能不问的。

由于我的技术栈是 React + Angular，所以我的所有面试经历基本都没有被问到过 Vue 相关的问题(用 Vue 的同学不好意思了)。目前我被问到过的问题主要有：

• Angular 变更检查的原理以及如何进行优化
• React 的 diff 算法工作过程
• Angular、React 的事件机制
• React 中的 setState 是同步还是异步
• React、Angular 的区别(如果你用过 Vue，问的问题会换成 Vue)
• React 中各种组件复用的优劣势(mixin、render props、hoc、hook)
• React 的 Fiber 架构
• 老版本的 React 的某些生命周期被废弃的理由
• React 性能优化

以上的问题都很大概率会被问到。

TypeScript

2020年，ts 基本是一个前端从业者必须掌握的一项技能，一旦你简历上写了有 ts 的开发经验，那么面试基本上都会问一两道有关 ts 的题目。

ts 的一些普通知识在这里不进行赘述，这里挑选一些我在面试中遇到的题目。

另外，对于大小厂而言，他们对 ts 的掌握程度要求是不一样的，对于小厂而言，他们希望来面试的人能够熟练使用 ts 进行业务开发，所以 ts 的概念的熟练程度对他们来说最重要。而对于大厂而言，他们可能更加希望来面试的人能利用 ts 开发一些 ts 的周边工具，所以比较少会直接问 ts 的一些概念，一般都会让你手写一个 ts 的工具函数。

目前我面过的所有小厂，基本都会问 ts 中 type 和 interface 的区别 ，也基本只问这一个问题。除此之外，偶尔还会问到 ts 中如何实现一个函数的重载 ，基本上也是从使用角度出发，考验一个面试人的 ts 的熟练程度。

大厂里面，有两题我是印象比较深刻的：

1.实现一个 ts 的工具函数 GetOnlyFnProps ，提取泛型类型 T 中字段类型是函数的工具函数，其中 T 属于一个对象。

（编辑：阜新站长网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!