八股： 1.css实现动效的方法，语法和应用场景2.html语义化标签有哪些，有什么好处3.SEO优化的方法4.对原型链的理解5.对作用域链的理解6.闭包7.vue常用的生命周期，每个生命周期一般会干哪些事8.vue2和vue3的区别9.vue3是否有兼容性问题场景：10.用户反馈网页加载很慢，你认为这个慢是哪些方面，可以怎么优化

前端彻底被AI替代了？？

1.聊经历 2.聊实习3.为什么react的hooks不能放在条件语句 循环语句中4.vue和react的区别5.js中的数组有哪些api6.为什么0.1+0.2≠0.3，如何解决7.讲一讲Promise有哪些api8.搜索框的实时搜索如何实现9.竟态条件如何解决10.对工作有什么期待11.反问

1.实现一个useFormHook，支持字段注册、校验、依赖、批量更新。你会怎么设计它的类型系统和数据流2.简历里写的xx观测平台是个什么东西？主要解决了什么问题3.这个MCP工具渲染听起来挺复杂的，能不能具体讲讲它在整个系统里起什么作用？4.你刚才提到用了注册器分发器的设计，那这个改造的出发点是什么5.平时写React组件的时候，有关注过 re-render的触发机制吗6. state、props 改变时，哪些情况组件其实不会重新渲染7.useMemo和useCallback说说这俩 Hook（胡克）的底层原理，为什么有时候用了反而更慢8.如果我现在让你优化一个频繁渲染的列表组件，不允许用虚拟滚动你能想到哪些方案？9. React 18 的 Concurrent Rendering你了解吗，讲一下吧10.它解决了Fiber架构之前哪些痛点？能讲讲优先级调度模型怎么运作的吗11.你知道 React 的 Diff 算法为什么是基于同层比较的吗12.那如果我手动改了 key，会发生什么13.完整描述一下从输入URL到页面渲染出来这整个过程14.浏览器的 Event Loop说一下，如果我有一个 async/await + Promise + setTimeout 混在一起的例子，能按顺序输出结果吗15. 如果我在requestAnimationFrame里触发 setState，React是在这一帧内更新的吗16.页面卡顿通常有哪些来源，你怎么排查性能瓶颈？具体工具有哪些17.你们项目是怎么做状态管理的，如果用Redux和MobX，能不能说说各自的痛点18.假设我们有个超大型的表单页面，状态非常复杂，你会怎么设计状态切分19.你用过React Query或者SWR吗？这类请求缓存库你觉得和Redux有什么本质区别20.如果数据既存在store又在组件state 中，这会带来什么隐患，怎么避免21.做过哪些打包优化，如果打包出来体积过大、首屏白屏时间过长，你会怎么排查22.vite为什么快，esbuild机制是怎么样的24.你来实现一个弹窗系统要求支持多层嵌套弹窗；每个弹窗关闭要恢复上一个滚动状态；支持 ESC键关闭不允许页面闪动，你怎么设计

1.手撕：数组中第k个最大元素2.浏览器拿到HTML响应之后，渲染页面过程3.CSS 是什么时候加载的？是等 DOM 树构建完才开始吗4.HTML 解析过程中碰到一个 <script> 标签，浏览器会怎么处理5.你刚才提到MutationObserver，那如果浏览器不支持这个 API，你会用什么方式实现类似功能6.我们看这一段代码：图1 这段代码打印的结果是什么？为什么不是local？7.如果我把刚才那个var name = 'local' 改成let，那输出结果会变吗8.解释一下什么是“暂时性死区”为什么let声明变量之前不能访问9.讲一下js的作用域有哪几种10.我们现在有一个全局变量是 let a = 1，页面上有个按钮绑定了一个 onclick 事件打印 a，我把 a 从浏览器控制台删掉了，会报错吗？为什么11.讲一下作用域链，为什么在try-catch 里 catch(err) 中的 err 是块级作用域，但try里不是？12. 果我有一个变量在 setTimeout 里修改了值，而外部同时访问这个值，能保证拿到最新值吗为什么13.我给你两个连续的style标签，里面写了两个相同选择器但不同样式，渲染时到底谁生效？为什么？14.如果我动态用innerHTML插入一段 <script>，它会执行吗？和用createElement的方式插入有什么不同15.我页面上用了iframe做内嵌组件，结果一个按钮点击事件怎么都监听不到，为什么16.讲讲webpack的loader和plugin的执行顺序17.react 的 useEffect 和 useLayoutEffect 有什么区别？哪个先执行18. vue 的响应式是怎么实现的？那我问你，Object.defineProperty 为什么不能监听数组的 push？Vue2 是怎么解决的19.如果我在页面里创建了一个超大的数组 new Array(1e9)，但没赋值，也不访问，浏览器会卡死吗20.我页面上只放了 1 张图，但 Lighthouse 跑出来提示资源加载过大，啥原因？

项目 八股 项目介绍亮点+深挖 八股rounter如何实现location.href和location.replace差异DOMContentLoaded和window.onload先后顺序 无手撕 共40min

自我介绍为什么选择前端这个方向？如何理解ToC和ToB业务的区别？从输入URL到页面渲染发生了什么？什么情况下会引起重排（Reflow）？CSS中的几种定位（position）有什么区别？了解CDN吗？如何更新CDN中的内容？项目中如何实现登录？登录状态是如何保存的？Token和（本地）存储（Storage）有什么区别？如何实现单点登录（同一账号后登录的设备会踢出先登录的）？什么是OPTIONS预检请求？如何实现跨域？前端常见的网络攻击有哪些（如XSS、CSRF）？如何防御？Flex布局和Grid布局有什么区别？Flex弹性布局的实现原理是什么？如何实现并发请求？Promise.all的实现原...

都说现在小米内推是wt的内推码，搞得我网上找的内推码都不敢用了

面华为前端开发岗，被问 CSS 布局兼容性问题，没答全，结果真是面完秒挂，我太菜了