涂鸦

上班后也不要忘记自己的爱好很多人都把“上班”当成了生活的全部：早上匆匆起床、赶地铁、坐在办公室里对着电脑一整天，晚上回到家只想倒在沙发上。久而久之，生活变成了单调的重复，心里也越来越空。其实，我们并不是不想活得更有趣，只是习惯了把兴趣放在“以后再说”的位置。但上班并不意味着放弃爱好。相反，爱好可以成为我们在忙碌生活中的一束光。比如玩游戏，不仅能让人放松，还能在紧张的工作之后带来一种成就感；比如写作，哪怕只是记录一天的心情，也能让人重新认识自己，找到生活的节奏。有时候我们以为“没有时间”，但其实真正缺少的只是“给自己留一点空间”。你可以在午休时玩一局短暂的游戏，或在晚上洗漱后花十分钟写几行文字。...

1.手写一个 React 倒计时组件（注意处理组件卸载时的定时器清除）。2.map 和 forEach 的区别是什么？谁有返回值？3.useEffect 的依赖数组（Dependency Array）怎么用？它的返回函数（Cleanup Function）有什么作用？4.什么是回流（Reflow）和重绘（Repaint）？什么操作会导致回流？5.ResizeObserver 和 IntersectionObserver 的区别和应用场景分别是什么？6.为什么 JS 必须是单线程的？7.React Query (TanStack Query) 解决了什么核心问题？8.AI 的流式响应（Streaming）是如何实现的？什么是 SSE？9.常见的前端性能优化手段有哪些？（图片、代码分割、构建优化）

一面 40分钟   项目难点亮点深挖（思路和解决办法）   浏览器渲染，display、visibility这些内容对元素的重排、重绘的影响   setTimeout、Promise、requestAnimationFrame这些api的区别   react中通过useState维护了一个对象数组，如果要修改这个对象数组的某个值，应该如何实现？  通过不可变数据（让口头说源代码怎么写😂），通过扩展运算符    如果对象的赋值，如果不是浅拷贝，使用深拷贝的话有哪些影响   重渲染层面来说，深拷贝有什么影响吗  面试的时候说id一样就不会重新渲染，后面复盘的时候试验了一下，都会重新渲染，除非用m...

1. 智能数据分析管理系统◦ 前端：React/Vue3 + TypeScript 搭建，实现数据可视化（ECharts/Chart.js）、权限路由、表单校验；◦ AI 亮点：集成 ChatGPT API 做数据洞察，自动生成分析报告；或用 TensorFlow.js 实现前端本地数据预测（如用户行为趋势）。2. 智能文档管理系统◦ 前端：实现文件上传/预览/分类、拖拽排序、断点续传；◦ AI 亮点：接入 OCR 接口（如百度AI）提取文档文本，再用大模型做关键词提取、内容摘要、相似文档推荐。3. 智能客服工单管理系统◦ 前端：工单CRUD、状态流转、实时通知（WebSocket）；◦ AI 亮点：内置智能客服机器人，自动识别工单问题分类、优先级，减轻人工处理成本。简历加分关键点• 突出前端工程化：Vue3 + Vite + Pinia/React + Umi + Redux Toolkit、ESLint + Prettier、Mock 数据；• 强调AI 集成细节：接口调用逻辑、跨域处理、前端 AI 模型轻量化部署（如 TensorFlow.js 离线运行）；• 量化成果：如“支持 10 万级数据渲染不卡顿”“AI 分类准确率达 92%”。项目能同时覆盖前端基础、工程化、AI 应用三大核心考察点，面试时可从技术选型、性能优化、AI 落地难点多维度展开。