TME校招 内容研发 前端二面

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.实习介绍，重点项目经验。2.Set、Map、WeakSet、WeakMap的区别。3.ES6模块和CommonJS模块的区别。4.手写题:实现一个debounce(防抖)和 throttle (节流) 函数5.浏览器缓存机制(强缓存、协商缓存)解释一下6.TCP三次握手和四次挥手的过程。为什么挥手是四次?7.前端性能指标有哪些?(LCP,FID,CLS等)如何优化这些指标?8.你在项目中是如何进行状态管理的?

腾讯音乐是美股上市的，是投资子公司，对于我们应届生来说工作方面应该是没啥差别的吧，我看了企业文化各种制度这些方面几乎对齐的，就是一些日常福利上有区别，不过没有很在乎这个，还听到一个q音一律视为腾讯的说法。

得物、拼多多经常考，倒计时组件1.倒计时组件2.如何实现精确计时（setInterval 1s先就update以前知道写但没考虑到为什么，时间戳同步）// Countdown.jsximport React, { useEffect, useState, useRef } from 'react';/*** props:*  - endAt: number (timestamp ms) 或 Date*  - onFinish?: () => void*  - tickMs?: number (minimal tick granularity, default 1000)*/export default function Countdown({ endAt, onFinish, tickMs = 1000 }) {const endTs = typeof endAt === 'number' ? endAt : endAt.getTime();const [remaining, setRemaining] = useState(Math.max(0, endTs - Date.now()));const mounted = useRef(true);useEffect(() => {mounted.current = true;// initial syncfunction update() {const now = Date.now();const rem = Math.max(0, endTs - now);if (!mounted.current) return;setRemaining(rem);if (rem === 0) {onFinish?.();return;}// Align next update to wall-clock second boundary (or tickMs)const delay = Math.min(tickMs,1000 - (now % 1000) // align to next second for nicer UX);// If <1s left, use requestAnimationFrame for smoothnessif (rem <= 1000) {requestAnimationFrame(update);} else {setTimeout(update, delay);}}update();return () => {mounted.current = false;};}, [endTs, onFinish, tickMs]);const sec = Math.ceil(remaining / 1000);const mm = Math.floor(sec / 60);const ss = sec % 60;return (<div>{mm}:{String(ss).padStart(2, '0')}</div>);}