美团前端实习一面

1.自我介绍2.项目是上线的还是练手的？3.JS 声明变量的方式？4.var和let区别？5. 数据类型有哪些？（基本 vs 引用）6.这两种数据类型区别？7.Promise 有什么用？有哪些状态？8.什么时候开始学前端？怎么学的？9.Rollup 怎么配置？有什么优势？（Tree Shaking）10.UMD 和 ESM 的区别？11.组件传参怎么做？兄弟组件怎么做？12.History 和 Hash 路由的区别？13. 学前端最有成就感的事？14.遇到最有挑战的事？15.对自己的评价？16.觉得自己能拿到大厂 Offer 吗？后续你会怎么精进？17.你的专业和校区情况？面完虾皮紧接着面了美...

得物、拼多多经常考，倒计时组件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>);}

美团真是投递时间最长的一家 在时隔一个月之后终于约面了1. 自我介绍2. 之前怎么部署的网站？githubpages3. vue2 vue3 有什么区别？ 他们的响应式原理有什么区别？4. 讲讲vue中全局状态管理工具5. 将建ts中interface和type的区别6. 讲讲js有哪些数据类型？7. 数组的基本操作？8. 什么是闭包？ 用过lodash吗9. 了解BFC吗10. 讲讲css盒模型 box-sizing是啥？有啥用11. 用过node吗12. 讲讲为什么要用monorepo做这个项目13. 手撕实现一个深拷贝函数结束秒约二面 立马第二轮 人都吓傻了 好在第二轮其实更多像聊天面 ...

准备投实习，简历有什么孬处