腾讯小程序 前端开发一面 纯八股

1.实现深拷贝时如何处理循环引用?2.Promise.all和 Promise.allSettled 的区别是什么?3.请解释浏览器事件循环中宏任务和微任务的执行顺序4.实现一个函数:每隔1秒输出数字1、2、3(需考虑闭包问题)5.如何用CSS实现宽度随内容自适应且最大不超过父容器80%的布局?6.解释浏览器从输入URL到页面渲染的完整过程7.前端微前端方案如何解决样式隔离问题?8.设计一个支持千万级日活的H5活动页面架构9.Node.is高并发场景下的性能优化策略10.如何实现前端灰度发布方案?

为了防止被认为是菜鸡, 所以先说一句, 第一关到第三关我还是会的 😭面试官不要再学历挂我了好吗前言：上周一，产品经理搬着椅子坐到了我旁边：“咱们的 AI 助手体验太‘古典’了，请求发出去要转圈五秒钟才吐字。你看人家 ChatGPT，那个字是一个个蹦出来的，多解压！还有，能不能让 AI 给我写个 React 组件，直接渲染出来让我点？就像那个 Gemini Canvas 或者 Vercel v0 一样？”我看着手里还在用 await fetch().json() 的代码，陷入了沉思。这不是加个 CSS 动画能解决的事，这是一场从网络层到渲染层的全面重构。这几天，我像是经历了一场前端技术的“大航...

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

《零售部门》：技术一面：45min