24届秋招 今年第一个秋招面试 记录一下

得物、拼多多经常考，倒计时组件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.快速排序的时间复杂度，思路3.一个100个节点的完全二叉树有多少叶子节点4.http的缓存机制5.http状态吗有哪些，各自含义6.浏览器本地存储有哪些，区别和各自使用场景7.算法题，例如输入3，输出1，2，3，12，13，23，123 。输入4输出1，2，3，4，12，13，14，23，24，34，123，124，134，234，1234

1.自我介绍2.介绍项目3.vue3组件收集依赖的机制4.跨端相关框架的原理(我的项目有用到)5.useMemory和useCallback的区别6.vite和webpack的区别7.ts里type和interface的区别8.虚拟滚动的实现过程9.了解哪些css框架10.什么是闭包11.怎么实现深拷贝12.http缓存的机制，响应返回304说明发生了什么13.讲一下归并排序算法14.手撕，数组转树，给你一个数组，每个元素有一个id，value和parentId属性存父节点的id，各元素id为1-n，转成一个树结构嵌套对象，顶层元素是id为1到n的节点，每个节点除了id,value，parentId外还有一个children数组存所有子节点15.算法题，leetcode有效的括号，要考虑优先级，例如小括号里不 配  前

问了很久，大概四十分钟：js的数据类型，怎么判断数据类型，数字的操作可能产生的问题？精度丢失问题？toFixed？es6的新特性？symbol？用双等号和三等号判断symbol类型？promise？all用在哪里，then的参数，then能不能实现错误处理？js的事件循环pinia和vuex的区别？vue的生命周期？父组件和子组件的生命周期？vue3有没有create（我说是setup，面试官笑了）二次组件封装的流程？怎么实现同时使用源组件和二次组件？优化实现方案？css关键引用？解释为什么需要虚拟Dom，diff算法，key的作用flex=1？css水平垂直居中？为什么还需要用到translate？git命令？合并命令？深浅拷贝？递归循环引用问题图片懒加载怎么实现的？怎么判断的项目困难和收获还有的有点忘记了，整体面试感觉一般，面试官态度不是很好