金山云校招前端二面60min

1.面试官问了 CSS 盒模型，还问标准的和IE的有啥不一样来着?2.React 里那个 useEffect，依赖数组空着、不写、写具体值的时候，效果不-样吧?还问为啥依赖不能漏写。3.JS 闭包是什么?能用到哪些地方?用的时候要注意什么问题?4.前端跨域有哪些解决办法?每种咋回事，适合什么情况?5.Vue3和 Vue2 的响应式原理不一样吧?为什么 Vue3 用Proxy不用Object.defineProperty了?6.浏览器的回流和重绘是啥意思?怎么能少发生点?7.Promise 有三种状态是什么?还有 all、race、allSettled 这几个，区别和用在哪?8.webpack 里 loader和 plugin 不一样吧?举几个常用的，说说干啥的。9.HTML里 meta 标签有啥用?比如 viewport那个，作用是啥，一般咋配置?10.JS 原型链是啥?怎么用原型链实现继承?举个例子。11.React 里 key 是干嘛的?为啥不建议用索引当 key?12.前端性能优化有哪些方法?从网络、渲染、代码方面说说。13.浏览器事件循环是咋回事?宏任务、微任务都有哪些?执行顺序呢?14.Vue 里 v-if和 v-show 有啥区别?分别啥时候用?15.怎么写个深拷贝函数?要考虑哪些特殊情况，比如循环引用、特殊数据类型之类的?

社招1年面试：感觉现在貌似不咋考八股了。技术二面：45min主要聊项目，无八股。印象如下：项目问题：印象较深的是这个拖拽层的交互 — 协议层 怎么写？设计一个“单选框组件”，选项里面可能是图片、文字等，该如何设计。拓展问题：该如何约束选项中的内容，比如内容只能是某种文字，该如何实现？技术二面：30min技术负责人面，无八股。印象如下：聊天，关于家乡工作离职原因，手上 Offer 情况。为什么做前端?(说清楚) 为什么适合做前端的点(说清楚)为什么擅长做前端的点。我自己拓展聊了聊了关于产品思维红米手机，在弱网环境下，怎么做好图片的传输你印象最深刻的难点是什么?要求是最近一年的。你说你熟悉AI，那...

1、自我介绍2、项目拷打3、项目难点4、大文件上传断点续传怎么做的5、大文件上传并发上传控制器怎么做的6、怎么实现流式响应的处理7、虚拟列表定高和不定高的原理8、TCP 和 UDP 的区别9、SSE 和 WebSocket 的区别10、http1.0 和 http2.0 的区别11、输入 url 的解析过程12、首屏优化方式13、webpack 的打包优化方式(因为首屏优化谈到了 Tree Shaking，所以问了一下这个)14、vite 的构建原理15、vue3 的响应式原理16、ref 和 reactive 的区别17、ref 传入一个对象发生了什么(瞎答的，我说因为 ref 底层源码用到了 reactive，所以应该是直接调用 reactive，结果面试官说我答对了，hhhh)18、react 的常用 hooks(react 一点不会，，，面试官看我不会就没问了)19、项目中用到了 nestjs，说说用到了哪些装饰器(真的有公司日常开发会用 nestjs 么，，，我就是个切图仔，问我这个干什么)20、三道手撕：Promise.all(秒)接雨水(秒，面试官说我写的有点快，hhhh)股票买卖的最佳时机 II(写了一半，就写了个股票买卖的最佳时机的单区间的解法)21、反问：主要技术栈，写 react 的，感觉技术栈严重不匹配，虽然八股大部分都答出来了，但是感觉面试官觉得我 react 了解太少，估计要凉 😭公司业务————update：约二面了

三、核心技术场景考察及候选人表现（一）考察场景高并发秒杀场景：1 万人同时抢购 100 个库存的商品，要求保证用户体验、系统稳定性与扩展性（二）候选人方案及面试官质疑候选人核心方案：前端先获取 token（通过 Lua 脚本实现锁机制），再凭 token 下单；后续考虑通过 MQ 异步处理、库存分片等方式优化面试官核心质疑点超卖与少卖风险：Lua 脚本仅解决锁竞争问题，下单环节的复杂逻辑（风控等）可能导致下单失败，已分发 token 会造成少卖；锁机制无法完全避免超卖系统扩展性不足：面对 1000 万人抢 1 万个商品的场景，数据库难以承载高并发读写，token 机制与数据库扛压能力不匹配异步...