我一般面试的"常规套路"题目部分-2021年最新

JS

• 事件循环模型，同异步，阻塞非阻塞
• 闭包
• 作用域链和原型链，原型和继承...
• 调用栈
• 复习函数
• Promise【new】
• Proxy【new】
• 数据类型/引用类型
• 深拷贝和浅拷贝，实现方式的优缺点
• 柯里化
• 模块化

Vue

• Vue2核心理念和Vue3核心理念（比较异同）
• css中的scoped原理
• Vdom（这个题react也会问）
• MVVM（本来不想写）但是确实肯定会考到wi1
• Vue3带来了什么？有什么新特性
• 谈谈Vite，为什么这么快，主要解决什么问题？

React

• useState如何回调？
• 类组件 vs 函数组件
• 更新state是同步还是异步的？
• hooks带来了什么？

Webpack/Vite/SnowPack/Babel

• 简单讲一下webpack的构建过程
• webpack有哪些常见的优化手段
• 常用的loader知道有哪些么？css-loader和style-loader是干嘛的？
• 常见的plugins有哪些知道么？
• loader和plugins的区别？
• 简单讲一下sourceMap
• 如何提升webpack打包速度呢？
• webpack的热模块更新怎么做的？
• webpack模块打包原理？
• webpack文件监听怎么做的？
• webpack代码分割本质，有什么意义？
• 简单聊聊Babel原理吧
• Vite为什么开发中打包速度那么快？
• Vite（或者esbuild）为什么ts编译的速度这么快？

CSS

• Webcomponents规范（那三个核心理念讲出来就好）
• 如何让页面元素消失？
• 重排和重绘？如何写组件优化重绘重排带来的开销？（只要答出来contain属性就行了），transform是否引起重排？
• 如何更改组件内部样式？（深度选择器）
• css中如何获取html元素上的属性
• 有了解过calc么？
• 简单聊聊BFC？如何解决BFC造成的问题？

HTML

• 有了解过PWA规范么？
• 简单说一下自定义元素吧（和Webcomponents一起说会更好）
• 简单说一下可替换元素吧

浏览器和工程化

• HTTP2带来了什么对于前端？
• 你如何去架构一个新的前端项目？
• 浏览器如何优化重排和重绘的？
• 如何在浏览器中进行标签页面的通信呢？
• 跨域（其实这题应该不会问了）是怎么造成的
• 有开发过浏览器插件么？
• 有了解过微前端么？
• 有了解过serverless么？
• 未完待续...