美团前端实习内推 内中之内

1.实习介绍2.HTML5 标签嵌入视频内容的方法3.CSS创建视频播放器控制条的方式4.JS控制视频播放(播放、暂停、调音量)的方法5.视频流应用中实现图片懒加载的方式6.Web性能优化:减少首屏加载时间的策略7.Ajax请求获取视频元数据，并在网页显示的方法8.浏览器存储(localStorage、sessionStorage)在用户个性化设置中的应用9.响应式Web设计基本原则+对视频播放网站的重要性10.Flexbox布局创建响应式视频库展示界面的方法11.跨浏览器兼容性的重要性，确保视频播放功能兼容主流浏览器的方法12.HTML+CSS实现简单弹幕功能的方式13.Web Workers提高视频处理(如解码)性能的方法14.实现基本用户登录功能，保持登录状态的方式15.利用HTML5全屏API给视频加全屏按钮的功能实现16.用Git等版本控制系统管理前端项目源代码的方法17.你有什么问题想问我吗?

1.手写一个 React 倒计时组件（注意处理组件卸载时的定时器清除）。2.map 和 forEach 的区别是什么？谁有返回值？3.useEffect 的依赖数组（Dependency Array）怎么用？它的返回函数（Cleanup Function）有什么作用？4.什么是回流（Reflow）和重绘（Repaint）？什么操作会导致回流？5.ResizeObserver 和 IntersectionObserver 的区别和应用场景分别是什么？6.为什么 JS 必须是单线程的？7.React Query (TanStack Query) 解决了什么核心问题？8.AI 的流式响应（Streaming）是如何实现的？什么是 SSE？9.常见的前端性能优化手段有哪些？（图片、代码分割、构建优化）

1.实习介绍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 跑出来提示资源加载过大，啥原因？21.手撕：数组中第k个最大元素

12.11(1h)自我介绍共享屏幕展示项目其中间会问一些问题，比如布局你是怎么设计的？前端性能方面你会有那些考虑？等等问了半个小时然后就是vue的一些问题vue父子，子父，怎么传递vue computer和watch的区别父子选择什么传递方式比较好？ref和reactive的区别防抖和节流的区别。防抖和节流的实现思路。代码输出结果(字节原题)如果让你实现一个ai的页面，你会怎么和ai对话来进行实现。你会用什么样的提示词来更好的使用ai。反问timeline12.11下午4点一面12.12 早上hr口头oc12.15 书面offer