涂鸦智能

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

1.微前端架构落地方案及沙箱实现2.如何实现前端路由?Hash和History模式的区别3.解释浏览器渲染原理及关键渲染路径优化4.Webpack构建优化有哪些具体措施?5.如何处理大文件分片上传?6.高并发场景下的前端性能优化策略7.Webpack构建速度优化完整方案8.前端灰度发布实施方案9.设计一个前端异常监控系统10.大型SPA应用状态管理方案选型11.Serverless 在前端的应用场景

1.先做个自我介绍吧，重点介绍下你最近做的项目。2.挑一个你最熟悉的项目，说一下项目的技术架构、你的角色和主要贡献。3.说-下 JavaScript 的数据类型，基本类型和引用类型的区别是什么?4.null 和 undefined 的区别?typeofnull 的结果是什么，为什么?5.讲一下原型和原型链，proto 和 prototype 的关系是什么?6.ES6 的 class 和 ES5 的构造函数有什么区别和联系?7.讲一下作用域链和闭包，闭包的应用场景有哪些?可能会有什么问题?8.聊聊对 Promise 的理解，它的实现原理是什么?async/await 和它是什么关系?9.如何实现一个元素的水平垂直居中?你知道几种方法?10.BFC是什么?如何触发?它解决了哪些问题?11.CSS 选择器的优先级是怎么计算的?12.Vue 的双向绑定原理是什么?13.Vue 的 computed 和 watch 有什么区别?分别在什么场景下使用?14.Vue 的生命周期钩子有哪些?父子组件的生命周期执行顺序是怎样的?15.v-if和 v-show 的区别是什么?16.Vue 组件间的通信方式有哪些?17.看过 Vue 的源码吗?简单说-下 diff 算法的原理。18.Webpack的核心概念有哪些?Loader和 Plugin 的区别是什么?19.做过哪些 Webpack 相关的性能优化?20.从浏览器地址栏输入 URL到页面最终展示，中间发生了什么?21.HTTP 常见的状态码有哪些?301和 302 有什么区别?22.聊聊浏览器的缓存机制。23.跨域是什么?有哪些解决方案?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>);}