前端面试题

理解： 先举个例子，假设我们去银行办业务。有两个柜台，这就是最大并发数。当我们去的时候，先抽号排队，然后再去柜台。 情况一： 柜台没人，这时候第一个人可以直接去，也就是当柜台没有人，直接去。 第二种情

升级 npm i react@18 react-dom@18 原来 现在 18的升级是渐进式升级，很多新功能是可选的，并不会因为升级对以前的代码带来破坏性的影响 放弃兼容ie 17能兼容ie11，18

props和callback 父传子 子传父 兄弟 子1传父、父传子2 Context 特定场景使用：路由、主题、全局的共享信息 ref 状态管理库 redux 使用单一store作为数据源 stor

useState useEffect useLayoutEffect 是useEffect的一种，跟useEffect的区别 useEffect是异步执行，useLayoutEffect是同步执行 会

使用Fragment减少层级 JSX中不要定义函数 不要这样 要这样 因为jsx会变化很频繁，如果一直频繁去创建函数，就会狠消耗性能 要在构造函数中使用bind sholdComponentUpdat

render componentDidMount componentDidUpdate componentWillUnMount 参考 从源码理清 useEffect 第二个参数是怎么处理的

虽然这并不符合React的设计原则，也就是声明式编程，但是有些傻逼面试官还是会问你怎么调用，所以也得总结一下。 类组件：React.createRef()、props传递方法，得到子组件的this 函

vue2生命周期 vue3生命周期 除了beforeCreate和created（被setup方法本身代替），共有9个Options API生命周期相对应的方法可以在setup中使用。 onBefor

语义化标签有哪些 header、nav、main、article、section、aside、footer、h1-h5、ul、ol、li、a、p、span、table、button、input、tex

防抖 多次触发，最后一次 n 秒后执行 使用场景 登陆、发短信避免用户点击太快，以至于发送了多次请求 调整浏览器窗口大小时，resize 次数过于频繁，造成计算过多 文本编辑器实时保存 表单验证：在表

新增元素 语义化更好的标签元素 结构元素： article aside：文章侧边栏 header hgroup：被用来对一系列<h1> - <h6> 元素进行分组 footer figure:标签规定

手写深拷贝，你可能会想着用递归，写出下面的代码。 整个代码的思路是：如果是基础数据类型，直接返回，如果不是，说明是数组或者对象，进行遍历。hasOwnProperty 是为了过滤原型链的属性。因为 f

之前偶尔遇到一些大厂面试官（网易）喜欢问git一些东西，所以说git命令行还是得掌握，虽然说不是每个大厂面试官都问，但是你防不住他问你这些非常冷门的东西。 像commit push这种我就不说了，说点

强缓存 如果服务端觉得浏览器请求的资源应该被缓存下来，比如图片，css不经常改的资源，就会在http响应里添加一个响应头Catche-Control：max-age=1200（s），会让浏览器自动下载

定义 call 和 apply 只有传参的区别，call、apply 和 bind 的区别是 bind 不会立即执行函数，而 call、apply 会立即执行 因此我们先实现 call，再实现 app

定义 在JavaScript中，根据词法作用域的规则，内部函数总是可以返佣其外部函数声明的变量，当通过调用一个外部函数返回一个内部函数后，即使其外部函数已经执行结束，但是内部函数引用外部函数的变量依然

定义 块级格式上下文(block format context)是页面一块独立的渲染区域，具有一套独立的渲染规则 内部的盒子会在垂直的方向上一个接一个地放置 同一个bfc内部相邻的盒子margin会发

transition（过度） 包含四个属性 transition-property:执行变换的属性 transition-duration：变换延续的时间 transitino-timing-func

回流（Reflow） 浏览器为了重新渲染部分或全部文档而重新计算元素的几何属性的过程。这包括了元素的尺寸、位置、布局和页面的结构。回流是一种比较昂贵的操作，因为它会触发浏览器重新计算并重新绘制元素，可

定义 块级格式上下文(block format context)是页面一块独立的渲染区域，具有一套独立的渲染规则 内部的盒子会在垂直的方向上一个接一个地放置 同一个bfc内部相邻的盒子margin会发