记录一下拼多多社招前端一面（5.19）

1.实现CSS垂直水平居中的5种方案2.解释JavaScript闭包及其应用场景3.手写防抖函数debounce4.浏览器事件循环机制中宏任务与微任务执行顺序5.Vue3响应式原理实现流程6.如何实现首屏加载时间从5s优化到1s以内?7.Webpack分包策略如何配置?8.实现深拷贝时如何处理循环引用?9.React Hooks的useEffect与useLayoutEffect别10.前端如何实现精准的埋点数据采集?11.设计可撤销/重做的前端操作方案12.设计高并发场景下的前端缓存策略13.实现权限路由系统的技术方案14.从输入URL到页面展示的完整过程15.手写Promise.all并处理异常情况16.前端监控系统设计要点17.微前端方案落地难点及解决方案18.如何设计跨平台组件库架构?19.LeetCode 146.LRU缓存机制

1.实习介绍2.Temu商品列表，怎么实现瀑布流布局和懒加载?3.跨境商品详情页，怎么处理多语言和货币转换?4.限时折扣活动，前端怎么实现倒计时和库存联动?5.购物车商品，怎么同步不同设备的增删改状态?6.Temu搜索功能，怎么实现关键词纠错和热门推荐?7.商品评价区，怎么实现图文评价和晒单互动?8.结算页，怎么处理优惠券选择和税费计算?9.多端适配时，怎么保证移动端滑动体验流畅?10.商品分类页，怎么实现多级分类和快速筛选?11.新人红包活动，前端怎么实现领取和使用逻辑?

得物、拼多多经常考，倒计时组件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 1、实习介绍2、http接口3、RESTful接口以及对接4、401、403状态码5、第一范式和第二范式6、机器学习和深度学习的区别7、软件工程的开发方法面试官21、SDK模型2、解析简历数据的过程和原理3、简历导出存在的问题及解决方法HR1、手上几个offer2、为什么不签3、考虑offer的几个点4、如何管理团队5、团队氛围是怎么样的反问1、工资2、Base3、公积金4、提前实习