小鹏前端一面有感…

得物、拼多多经常考，倒计时组件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.7 3.00 51min）基础/学习类自我介绍JS中异步的概念是什么？为什么JS是单线程还需要事件循环？栈内存和堆内存的差异？为什么数组要存在堆内存而不是栈内存？JS中有哪些基本数据类型？函数内部的this含义是什么？call、apply、bind的区别？TypeScript联合类型和交叉类型的概念？平常怎么学前端的？浏览器/网络类什么是同源策略？如何实现跨域请求？为什么代理可以绕过同源限制？Cookie和Session的定义和差异？Cookie是怎么种下的？LocalStorage和SessionStorage的区别？HTTP强缓存和协商缓存的区别？301和302状态码的区别？CS...

其实现在这个生活过的还可以，非要说个迷茫的那应该是人变懒的，按照职业规划，应该要往下一步走了，但一直懒的没学习，这个状态持续很久了，还真是离学时间越长，越无法静下心来学习了

社招1年面试：有赞八股还是蛮多的《门店》部门技术一面：object、map 和 set 的区别防抖和节流的使用场景（防抖场景，节流场景）flex 1 由哪些构成？分别是什么含义promise 用法 allSettleed Promise promise.then/catch的第二个参数浏览器事件循环模型 宏任务、微任务的执行顺序  宏任务中包含微任务，其中的执行顺序 解释：微任务的执行是在宏任务之中，还是之后宏任务与微任务在浏览器的事件循环模型中，当一个宏任务在执行过程中产生了新的微任务，这些微任务并不会被立即执行，而是会被添加到当前事件循环的微任务队列中。这些微任务将在当前宏任务执行完毕后、...