- 博客(222)
- 收藏
- 关注
RSS订阅
原创 2026前端面试题汇总（持续更新2026-06-18）
本文汇总了2026年前端面试高频考点，涵盖字节、腾讯、快手等大厂及AI方向的面试真题。内容包含JavaScript核心（事件循环、数据类型判断）、框架原理（Vue/React响应式）、性能优化（FCP、虚拟列表）等专题，由华为HDE专家整理。文章平均质量分95，总阅读量超2万，持续更新中，适合前端开发者收藏备考。
2026-03-17 09:30:13
13756
5
原创 【共创季稿事节】HarmonyOS 7.0 尝鲜：轻触即定位，把分享变成一次直觉操作
摘要： HarmonyOS 7.0（26.0.0）的“碰一碰·精准分享”功能将跨设备文件传输升级为直觉化操作。通过轻触目标设备屏幕，系统不仅能识别接收设备，还能获取触碰坐标（screenX/Y），实现图片/素材精准插入文档、画布等指定位置。该功能结合Share Kit文件传输与坐标识别能力，将传统“发送-接收-拖拽”流程简化为一步操作。开发适配需升级至26.0.0 SDK，支持平板设备，并在接收端处理坐标转换与业务集成。示例演示了从手机选图到PC/平板精准插入的闭环流程，展现了HarmonyOS在跨设备交互
2026-06-18 16:23:24
29536
原创 前端八股文面经大全：海底捞前端二面（2026-06-15）·面经深度解析
摘要 本文针对海底捞前端开发二面中的AI Agent相关问题进行深度解析。面试涉及28个问题，全面考察AI Agent系统设计、架构实现和运维能力。核心问题包括： 架构设计：LangChain的任务编排作用、RabbitMQ选型考量、任务流转状态机设计 性能优化：剪辑任务耗时从30分钟压缩到5分钟的关键优化点 异常处理：大模型输出校验、幂等性实现、指数退避重试机制 系统扩展：监控告警策略、分布式负载均衡、架构扩容方案 面试呈现出明显的"全链路追问"特点，要求候选人对AI Agent项目从开发到运维有完整认知
2026-06-18 15:52:09
432
原创 前端八股文面经大全：美团前端暑期实习一面（2026-06-08）·面经深度解析
本文是一篇关于美团前端暑期实习一面的深度解析文章。作者木斯佳针对面试中涉及的16个技术问题进行了系统梳理和解答，内容涵盖React Hooks原理、组件通信、浏览器缓存机制、性能指标、CSS布局等核心知识点。 文章特点： 采用结构化呈现方式，通过对比表格、代码示例等形式清晰展示知识点 不仅提供标准答案，还深入解析问题背后的原理和实际应用场景 特别标注了高频考点和易错点，如useEffect清理函数的内存泄漏问题、this指向等 包含实用的自查清单，适合面试前快速复习 该解析既可作为面试准备资料，也能帮助前端
2026-06-09 15:13:33
343
原创 HarmonyOS 6 Pura X Max 阔折叠实战 — 平行视界适配
华为Pura X Max阔折叠屏适配实战：平行视界功能实现 本文以电商购物Demo为例，详细讲解如何在HarmonyOS 6上为Pura X Max阔折叠屏设备实现平行视界功能。通过配置easy_go.json开启分栏模式，重点解决16:10宽屏特有的适配问题：右侧容器实际宽度仅占60%、多列网格布局优化、横屏全屏处理等。文章提供完整技术方案，包括路由管理、响应式布局实现、全屏页面特殊处理等核心代码，并强调"按容器宽度断点"的关键设计原则，帮助开发者提升大屏设备的多任务操作体验。
2026-06-09 15:06:09
2126
原创 前端八股文面经大全：百度-Agent部门-前端一面（2026-06-04）·面经深度解析
跨站请求伪造，攻击者诱导用户点击恶意链接，利用用户的登录态发起非法请求。
2026-06-06 21:45:18
662
原创 前端八股文面经大全：磐松私募-27届前端实习一面（2026-05-27）·面经深度解析
本文整理了一份前端实习面试的深度解析，聚焦磐松私募的面经内容。面试涵盖CSS单位、数组去重、闭包、打包工具、SSE、JWT等基础知识，同时深挖项目细节和技术场景应用。文章采用表格对比、代码示例等形式，详细解析了rem/vh/vw区别、Webpack/Vite差异、async/await本质等高频问题，并针对图片上传流程、SSE断线处理等实际问题提供解决方案，适合前端求职者系统复习和自我检验。
2026-06-04 18:38:32
279
原创 HarmonyOS 6 ArkGraphics 3D 精讲：几何体、材质与纹理
本文探讨了HarmonyOS 6 ArkGraphics 3D中几何体、材质与纹理的关系，通过3D商品展示案例（如T恤换肤）说明资源链路的运作机制。文章将3D渲染分解为几何描述（Mesh）、表面表现（Material）和场景对象（Geometry）三个层级，类比为骨架、皮肤和实物。详细解析了运行时创建几何体与glTF导入模型的适用场景差异，并演示了立方体/球体切换、PBR/Unlit材质切换等操作。最后指出材质决定了物体视觉表现（如塑料或金属），而复杂模型仍需专业工具制作。全文提供了ArkGraphics
2026-06-04 18:21:39
1461
原创 前端八股文面经大全：腾讯音乐-前端一面（2026-05-27）·面经深度解析
腾讯音乐前端一面深度解析：本文整理了腾讯音乐2026年前端一面面试题及详细解析，涵盖虚拟DOM原理、浏览器渲染流程、虚拟滚动实现、流式输出机制等核心知识点。重点探讨了虚拟DOM的存储位置（JS堆内存）与真实DOM（浏览器渲染引擎C++对象）的区别，分析了内存泄漏场景的解决方案，并提供了跨域问题的完整应对策略。面试问题兼顾底层原理与工程实践，适合准备中大厂前端面试的开发者参考学习，帮助深入理解前端技术体系的核心概念和实际应用场景。
2026-06-03 15:03:16
342
原创 HarmonyOS 6 ArkGraphics 3D 精讲：场景树与节点体系
摘要： 本文深入讲解了HarmonyOS 6 ArkGraphics 3D中的场景树与节点体系，通过太阳系公转自转Demo，阐释了场景树的组织方式及其在3D开发中的重要性。场景树通过父子节点关系管理空间变换，避免逐帧计算全局坐标，提升代码可维护性。文章详细解析了Scene、Node、Geometry的三层关系：Scene是场景容器，Node负责层级与变换，Geometry作为可见节点承载网格数据。父子节点的变换继承机制（WorldTransform = ParentWorldTransform * Loca
2026-06-03 11:09:43
1481
原创 前端八股文面经大全：字节跳动-存储部门一面（2026-05-29）·面经深度解析
前端面试深度解析：组件开发与工程化实践 本文针对字节跳动前端一面面试题进行深度解析，重点探讨组件开发流程、工程化实践和性能优化等核心问题。文章涵盖了SDD+TDD开发流程、Story文档覆盖度保障、AI辅助文档工具链(MCP/Skills/llm.txt)、逻辑与UI层分离实现、工厂函数性能分析等关键技术点。特别对组件库版本管理、大图加载优化、安全功能扩展、鉴权流程等实际工程场景提供了具体解决方案。同时包含React Hook原理、组件通信等常见面试题的深入解答，适合中高级前端开发者提升工程化能力和面试准备
2026-06-02 17:39:58
515
原创 鸿蒙开发入门指南：前端开发者快速理解视频编码概念——输入模式
本文介绍了鸿蒙系统中的视频编码开发，帮助前端开发者快速理解其核心概念与API设计。文章首先解释了视频编码的作用（压缩原始数据为H.264/H.265格式），并对比了鸿蒙提供的两种输入模式：Surface模式（直接对接GPU纹理）和Buffer模式（手动处理内存数据）。通过状态机类比前端生命周期，详细解析了编码器的7个状态。重点讲解了Surface模式从摄像头到视频文件的完整流程，包括创建实例、注册回调、配置参数、获取Surface等关键步骤，并与前端WebCodecs API进行类比。最后简要说明了Buff
2026-06-02 17:32:05
1527
原创 前端八股文面经大全：腾讯云智前端一面（2026-05-13）·面经深度解析
腾讯云智AI前端面试深度解析 本文针对腾讯云智前端一面面试题进行专业解析，聚焦AI应用方向的前端技术考察点。面试全程围绕AI相关技术，包括： Prompt设计原则与结构化方法 向量数据库切片策略（大小设计、语义与token切分） 大模型上下文长度与压缩技术 大文件上传的断点续传方案 HTTP2多路复用底层原理 AI工程化概念（驱动工程、上下文工程） 解析从面试官角度拆解问题本质，提供技术实现方案和最佳实践，适合有AI项目经验的前端开发者参考。专栏致力于提供真实、前沿的面试资料，帮助开发者应对AI时代的前端技
2026-05-21 22:00:00
532
原创 HarmonyOS 6 ArkGraphics 3D精讲：四元数与旋转——搞定那个让人头疼的万向锁
本文深入探讨了3D开发中的旋转问题，重点分析了万向锁现象及其解决方案。文章首先通过手机旋转的直观例子解释了万向锁的本质：当某个轴旋转到特定角度时，其他两个旋转轴会重合，导致自由度丢失。随后对比了欧拉角和四元数两种旋转表示方法：欧拉角虽然直观但存在万向锁和顺序敏感问题；而四元数通过轴角表示法（{x,y,z,w}）避免了这些问题，更适合3D节点旋转和平滑插值。文章还提供了HarmonyOS 6 ArkGraphics 3D中的具体实现代码，帮助开发者理解如何正确使用四元数进行3D旋转操作。
2026-05-21 21:30:00
427
原创 前端八股文面经大全：携程前端暑期实习一面（2026-05-14）·面经深度解析
摘要 本文深度解析携程前端暑期实习一面面试内容，涵盖30分钟技术面涉及的20个核心问题。面试重点考察JavaScript基础（原型链、ES6/7特性）、工程化实践（Webpack/Vite、Tree Shaking）、框架原理（Vue2/3区别）、模块化方案（ESM/CJS）以及AI协作开发等前沿话题。特别值得注意的是，面试官对AI工具的使用细节（如Claude Code套餐价格）和验证AI修复正确性的方法进行了深入追问，反映了当前前端领域对AI协作能力的重视。文章不仅提供标准答案，更从面试官角度剖析问题背
2026-05-20 21:30:00
472
原创 HarmonyOS 6 ArkGraphics 3D精讲：坐标、向量与矩阵——初识3D数学的“空间建模”
本文深入讲解HarmonyOS 6 ArkGraphics 3D中的3D数学基础，重点解析坐标、向量与矩阵在3D空间建模中的核心作用。文章通过太阳-地球-月亮公转自转模型案例，直观展示父子节点层级变换的传递机制，阐明局部坐标与世界坐标的转换关系。同时详细介绍了右手坐标系规则、向量运算的实际应用（如光照计算中的点乘运算），以及相机视图矩阵的工作原理。全文强调3D数学不是炫技工具，而是解决实际开发问题的必备基础，帮助开发者理解节点变换、相机定位等核心概念，为后续Shader编写打下坚实基础。
2026-05-20 16:27:48
801
原创 HarmonyOS 6 ArkGraphics 3D精讲：从旋转立方体看鸿蒙原生3D能力
摘要：鸿蒙原生3D能力演进与实践 本文系统介绍了HarmonyOS 6.0中ArkGraphics 3D能力的重大升级。作者通过旋转立方体案例，展示了鸿蒙原生3D开发的核心流程，包括场景加载、相机设置、材质修改和动画控制。文章对比了HarmonyOS 6.0前后3D能力的差异，指出新版本在场景构建、资源管理和交互能力上的显著提升。同时分析了ArkGraphics 3D的轻量化特性、适用场景以及与Unity/Three.js的异同，为开发者提供了技术选型参考。文中还总结了常见问题解决方案，帮助开发者快速上手鸿
2026-05-19 17:09:03
888
原创 前端八股文面经大全：快手电商日常实习前端一面（2026-05-15）·面经深度解析
摘要 本文解析了快手电商前端实习面试的技术问题，重点包括： 数组类型判断方法及typeof的缺陷 TypeScript中interface与type的区别及高级用法 React Hooks原理深度剖析，包括执行时机、设计哲学和链表结构原因 自定义Hook实现方案 面试考察重点转向技术深度和工程化能力，反映前端岗位门槛提升的趋势 面试问题覆盖基础类型判断、TS高级特性、React核心机制等关键技术点，强调对原理的理解而非简单记忆。文章提供了详细的解决方案和代码示例，帮助开发者应对日益深入的技术考察。
2026-05-19 17:07:34
519
原创 前端八股文面经大全：腾讯WXG暑期前端一面（2026-05-15）·面经深度解析
腾讯WXG前端暑期实习一面深度解析：涵盖算法、项目实践与前端核心知识。面试重点考察最长递增子序列和版本号对比算法题，项目中的AI代码迭代实践（包括代码检查方法），批量请求缓存策略实现，以及sessionStorage/localStorage区别等前端存储方案。特别关注了暗黑模式切换实现、登录鉴权流程和Vue响应式原理等实战问题。文章提供了详细的代码示例和解决方案，帮助读者深入理解面试考察要点，适合准备前端面试的开发者参考学习。
2026-05-18 18:01:51
538
原创 前端八股文面经大全：质谱华章前端一面（2026-05-14）·面经深度解析
前端面试深度解析：React性能优化与短视频加载策略 本文针对质谱华章前端面试中的核心问题进行了深度解析，重点围绕React框架理解和短视频场景性能优化展开。 核心内容 React理解：从虚拟DOM、Fiber架构、Diff算法等核心概念入手，分析React的优缺点，包括声明式编程优势和学习曲线陡峭等问题。 性能优化：提出四维优化方案： 加载优化：代码分割、懒加载 渲染优化：React.memo、useMemo 网络优化：HTTP缓存、CDN加速 运行时优化：防抖节流、Web Worker 短视频加载策略：
2026-05-18 16:26:52
488
原创 HarmonyOS 统一拖拽实战：一个教学案例带你搞懂拖拽框架
用启用拖拽源用和封装拖拽数据用allowDrop声明接收区支持的数据类型用onDrop统一解析文本和图片用@State驱动演示卡片和日志区刷新用 Grid 布局压缩素材区，让移动端拖拽效果更清晰拖拽开发的核心在于数据流设计。拖出去的是什么数据？接收区允许接收什么类型？接收到以后应该更新哪个业务状态？把这三件事理清楚，HarmonyOS 的拖拽框架就不再只是一个组件能力，而可以自然地融入课程编辑、内容编排、低代码搭建、文件处理等真实业务场景中。
2026-05-12 19:15:23
368
原创 HarmonyOS 实战（源码教学篇）：从一次语音识别率排查，讲透音频采集、PCM 与 ASR 同源校验
排查到这里，我没有继续在原有大项目里堆日志和临时页面，而是专门把过程整理成了一个小工具。让一条命令先有标准参考音频让采样结果可以本地回放让ASR校验直接消费本次采样的同一份音频让波形、录音文件、识别文本三者能对得上这样一来，现场再遇到“为什么识别率突然掉了”这类问题时，排查就不会只停留在结果层，而是能回到采样本身。检查WAV头写入是否正确（采样率、声道数、位深是否与PCM数据匹配）确认finalizeWaveFile在录音结束时被调用。
2026-05-11 18:36:05
634
原创 前端八股文面经大全：上海威派格前端实习（2026-05-07）·面经深度解析
本文记录了上海威派格智慧水务公司前端实习岗位的面试经历，包含HR面和技术面两部分内容。技术面试重点考察了Vue2/Vue3区别、Webpack/Vite对比、JavaScript/TypeScript差异等基础知识，以及项目权限管理、防抖节流等实战问题。现场实操环节测试了Git命令、项目配置等工程化能力。文章提供了详细的面试问题解析，包括Vue响应式原理、路由守卫实现、包管理工具对比等核心知识点，并附有代码示例。最后总结了面试整体风格为"基础八股+工程实操+项目追问"的三星难度组合，对准
2026-05-11 15:46:08
493
原创 前端八股文面经大全：腾讯企业微信一面（2026-05-06）·面经深度解析
腾讯企业微信前端面试深度解析 本文解析腾讯企业微信前端一面30分钟高能面试，聚焦底层网络原理和AI项目实战。面试特点： 深度考察浏览器渲染全链路、SSE原理等核心技术 围绕AI项目连续追问10+问题，包括性能优化、XSS防护等 重点问题解析：URL加载过程、HTTP协议演进、DNS解析4层缓存、SSE实现原理等 提供性能问题定位方法：通过Chrome DevTools分析重排重绘 面试展现了对网络协议和工程实践的深度考察，适合准备中大厂面试的前端开发者参考。
2026-05-09 16:57:05
520
原创 【腾讯位置服务开发者征文大赛】 AI 帮你选对址：WorkBuddy + 腾讯位置服务，把选址报告变成可交互的智能助手
本文介绍了基于腾讯位置服务开发的AI选址助手WorkBuddy，通过将选址分析过程封装为可交互的工作流，实现从自然语言需求到可视化报告的完整闭环。系统采用三层架构设计：前端地图展示层、LBS分析层和WebService数据层，将选址拆解为客群密度、交通可达性等五个维度进行智能评分。通过固定JSON输出协议，实现前后端解耦，使报告模板可复用。该方案将传统依赖经验的选址流程转化为自动化分析链路，显著提升选址效率和决策科学性。
2026-05-07 19:18:51
1813
原创 前端八股文面经大全：中科星图前端日常实习（2026-04-29）·面经深度解析
本文解析了中科星图前端实习面试内容，重点考察Vue3组件通信、前后端联调、CSS布局实战及AI协作能力。面试采用基础+场景题模式，特别关注CSS手写能力，揭示AI时代开发者仍需扎实掌握布局原理。核心建议：善用AI工具但不能依赖，需加强Flex/Grid等基础技能实战训练。专栏持续更新真实面经，帮助前端开发者应对日益提高的行业门槛。
2026-05-04 15:21:44
443
原创 用 WorkBuddy 打造前端修仙模拟器——当 AI Agent 遇上八股文修炼 #腾讯云OpenClaw玩虾大赛
这篇文章介绍了一个将前端面试刷题与修仙游戏结合的创新项目。作者利用腾讯云WorkBuddy开发了一个名为"前端异世界修仙"的Skill，将枯燥的面试准备转化为沉浸式修仙体验。项目通过门派选择（对应技术栈方向）、功法修炼（映射前端知识点）、境界提升（能力等级进阶）和心魔挑战（答题错误惩罚）等修仙元素，重构了传统刷题方式。技术实现上采用JSON题库存储真实面试题，通过自然语言交互实现修炼过程，支持多世界观切换。这个创意项目不仅让学习更有趣味性，还展示了AI Agent在教育培训领域的创新应用
2026-05-04 13:12:24
3066
1
原创 前端八股文面经大全：腾讯前端实习二、三OC面（2026-04-27）·面经深度解析
腾讯前端实习面试深度解析：聚焦流式传输与AI工程化 摘要：本文深度解析腾讯前端实习二面和三面真题，涵盖流式传输实现（RXJS vs EventSource）、SSE/WebSocket区别、流式渲染优化策略（批量更新vs逐字追加）、BFC原理、URL加载全流程等核心技术点。三面侧重项目复盘与AI工程化认知，包括搜索框设计要点、链表算法等。面试呈现"技术选型深挖+渲染优化实战+AI素养考察"的特点，为前端开发者提供了一份结合工程实践与前沿技术的面经指南。
2026-05-02 23:02:52
634
原创 HarmonyOS 本地存储实战：记账本案例改造实现日历联动
摘要： 本文以HarmonyOS记账本为例，演示如何将本地存储升级为系统日历联动方案。通过KVStore存储发薪日/还款日等轻量配置数据，利用CalendarKit同步至系统日历，并使用本地RDB记录同步状态。文章重点剖析了三类数据的存储策略：KVStore适合简单配置型数据，CalendarKit处理系统级事件，RDB维护同步记录。实战部分展示了KVStore初始化、数据读写及归一化处理的关键代码，最终实现"本地配置+系统提醒"的无缝衔接。这种架构设计可复用于待办、纪念日等需要系统级提
2026-04-29 18:47:14
431
原创 前端八股文面经大全：腾讯前端实习一面（2026-04-27）·面经深度解析
腾讯前端实习一面深度解析：HTTP2多路复用、HPACK压缩原理、缓存策略等底层技术考察，结合性能优化实战和AI工程化应用，全面评估候选人技术深度与工程思维。面试涵盖从HTTP协议到CDN优化、懒加载实现，再到Cursor AI开发陷阱和多Agent协作等前沿话题，既检验基础功底，又考察AI辅助开发全流程的实践能力，是一套兼顾深度与广度的综合性技术面试。
2026-04-29 16:36:01
509
原创 前端八股文面经大全：字节抖音前端三面（2026-04-27）·面经深度解析
本文解析了字节跳动抖音前端三面面试题，重点围绕AI对话流式渲染优化、数据结构底层原理和算法实现展开。文章从面试风格、难度和考察重心入手，详细拆解了SSE性能优化方案、requestAnimationFrame使用场景、数组与链表的性能差异、Top K算法实现（包括排序、部分排序和堆解法）以及快排手写等核心问题。特别强调了CPU缓存机制对数据结构选择的影响，并提供了可落地的代码优化方案。该面试综合考察了候选人对前端性能优化、数据结构和算法等核心能力的掌握程度。
2026-04-28 17:35:56
601
原创 前端八股文面经大全：字节暑期前端一面（2026-04-24）·面经深度解析
摘要 这篇面经解析文章详细记录了TME QQ音乐前端三面的面试过程，重点剖析了技术问题的解答思路和优化方案。文章采用结构化呈现方式，包含面试整体画像、逐题深度解析和实用代码示例。 核心内容涵盖：大文件分片上传流程、WebAssembly应用、快速排序实现、Web持久化机制等关键技术点。特别提供了计算文件Hash的IO优化方案，包括Web Worker、增量计算等方法。对WebAssembly的特点和应用场景进行了专业解读，并给出完整的前端排序算法实现。 文章通过表格对比、代码片段和复杂度分析等方式，将面试问
2026-04-27 10:47:17
480
原创 前端八股文面经大全：TME QQ音乐前端二面（2026-04-22）·面经深度解析
摘要 TME QQ音乐前端二面是一场高难度的系统设计面试，聚焦大文件上传和跨页面通信两大核心场景。面试全程30个问题深度追问技术细节，包括： 大文件分片上传优化（MD5计算、Web Worker、服务端分片管理） 秒传设计（分片hash与完整文件hash的结合使用） 跨页面通信方案（LocalStorage轮询、postMessage、Service Worker） 图片懒加载与容错处理 Vite与Webpack的模块化差异 这场面试典型反映了当前大厂前端面试趋势：弱化八股文，强化复杂业务场景下的系统设计能
2026-04-26 18:44:41
452
原创 前端八股文面经大全：字节暑期前端一面（2026-04-22）·面经深度解析
摘要：本文解析字节跳动暑期前端一面面试题，重点考察异步编程和AI工程化。深入讲解了Promise的API、状态流转、链式调用原理，以及async/await与Promise的关系与适用场景。特别指出三个独立请求时，使用Promise.all比顺序await更高效。面试风格体现对底层原理的深度追问，适合校招/实习同学重点复习。专栏旨在提供真实有效的面试资料，帮助应对前端领域日益提高的技术门槛。（149字）
2026-04-26 18:39:03
524
原创 HarmonyOS 数据可视化实战：封装一个可复用的 3D 热点词球卡片组件
这篇文章介绍了如何在HarmonyOS中封装一个可复用的3D热点词球卡片组件。文章首先分析了传统标签列表的局限性，提出了通过3D球面动态分布词条的解决方案。作者详细讲解了组件设计思路，包括数据模型定义、球面坐标初始化、双轴旋转算法实现等核心技术点。重点强调了组件应封装交互逻辑（自动旋转、手势控制、惯性减速）而将业务数据与UI展示分离，以提高复用性。文章还提供了完整的代码示例，展示了如何通过数学计算实现词条在球面上的均匀分布和流畅旋转效果，最终形成一个既能自动运行又可用户交互的动态可视化组件。
2026-04-24 17:46:13
495
原创 前端八股文面经大全：秦丝科技前端（2026-04-24）·笔试深度解析
本文是一篇前端面试专栏文章，记录了秦丝科技的前端笔试题目及深度解析。内容包括10道典型的手写题，涵盖CSS基础、JavaScript核心概念和常见算法实现。文章特点： 题目分析：包括box-sizing属性说明、空对象判断、类型转换、小数精度处理、字符串反转、闭包作用域、文字截断样式、响应式布局、防抖函数实现等 解题思路：每道题提供多种实现方案，并指出常见陷阱和优化方向 重点难点：特别关注了浮点数精度问题和闭包作用域链的考察 适用人群：适合校招/实习同学检验基本功，也适合开发者复习前端核心知识 文章采用结构
2026-04-24 15:52:03
525
原创 前端八股文面经大全：腾讯PCG前端暑期二战一面·深度解析（2026-04-22）·面经深度解析
腾讯PCG前端暑期实习面试深度解析：聚焦AI工程化实战与架构设计 这场面试展现了当前大厂对AI工程化能力的深度考察，覆盖了AI对话系统（SSE流式处理、Agent模式）、知识库全流程（RAG）、前端工程化（Monorepo/微前端）等核心领域。面试问题具有鲜明的生产场景特征，如将FCP从3.3s优化到1.8s、统一渲染多种AI输出格式等。解析揭示了现代前端开发的新趋势：不仅要掌握传统Web技术，还需具备AI应用落地能力和复杂工程架构设计思维。特别值得关注的是对ReAct模式、状态机应用等AI核心概念的深度探
2026-04-23 18:45:40
521
原创 HarmonyOS 纸感交互实战：把天气卡片做成便利贴撕下效果
本文探讨了在HarmonyOS中实现天气卡片“便利贴撕下”交互效果的技术方案。作者摒弃传统渐变阴影设计，转而采用更贴近真实纸张的交互体验。核心思路是将组件内容截图并转化为位图，通过自绘层模拟纸张掀起效果，而非直接操作复杂组件变形。技术实现分为四步：意图判断、截图选择、坐标传递和实时绘制。该方案借鉴仿真翻页思路，利用几何计算和实时渲染，使交互更具“物体感”，同时解决了手势冲突和层级显露问题。最终效果通过数学关系动态计算纸张形态，而非预制动画，实现了自然流畅的撕纸体验。
2026-04-23 18:37:26
481
原创 前端八股文面经大全：字节暑期前端一面（2026-04-21）·面经深度解析
前端面试深度解析摘要 本文针对字节跳动前端面试中的关键技术点进行了系统梳理，重点解析了SDK设计、Tree Shaking原理、Monorepo架构等核心问题。文章采用结构化表达方式，通过代码示例、对比表格和流程图等形式，深入浅出地讲解了： SDK的作用与插件设计模式 Tree Shaking的工作机制及其在CJS中的限制 Monorepo的底层架构与工具对比 Markdown处理中的AI集成与性能优化策略 React生命周期与虚拟DOM diff算法 前端工程化的多项优化手段 文中特别强调了面试中对构建工
2026-04-22 16:11:01
526
原创 HarmonyOS 悬浮球实战：从页面内组件到 SubWindow 方案
本文介绍了HarmonyOS项目中实现页面内悬浮球组件的关键思路和实践经验。文章首先分析了当前导航系统存在的痛点：高频快捷入口缺乏合适位置，而传统方案如底部Tab或菜单都不够理想。随后提出了悬浮球解决方案，重点阐述了四个核心设计原则：默认收起为小球、明确区分点击与拖动手势、严格限定拖动边界范围，以及松手自动吸边机制。通过代码示例展示了如何实现边界感知、状态管理和吸附动画等关键技术点，最终打造出一个轻量但交互顺滑的悬浮控件。该方案避免了过度设计，优先确保组件与现有页面和谐共存，为后续可能的SubWindow扩
2026-04-22 15:22:41
460
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人