- 博客(152)
- 收藏
- 关注
RSS订阅
原创 26年初，明显感觉到前端工程师的新风口已经来了
刚与多家科技公司的技术负责人、大模型产品团队交流完，这个曾经以还原视觉稿、实现交互逻辑为核心的传统岗位，正被人工智能与工程范式的升级全面重塑——从AI驱动的低代码/智能编码，到富交互AI应用的前端架构，从大模型产品的人机交互创新到智能化研发工具链，前端工程师的角色边界与价值正在被快速重定义！✅ AI时代前端工程师的核心方向智能应用前端架构师：负责集成大模型能力的复杂Web应用架构设计（如ChatGPT-like产品、AI绘画工具）。
2026-01-26 11:46:32
879
原创 2026年，给大家普及一下字节前端岗需要达到的强度
请求失败会弹出一个 toast,如何保证批量请求失败，只弹出一个 toast如何减少项目里面if-elsebabel-runtime作用是啥如何实现预览PDF文件如何在划词选择的文本上添加右键菜单(划词:鼠标滑动选 择一组字符，对组字符进行操作)富文本里面，是如何做到划词的(鼠标滑动选择一组字 符，对组字符进行操作)?如何做好前端监控方案如何标准化处理线上用户反馈的问题px 如何转为 rem浏览器有同源策略，但是为何cdn请求资源的时候不会有跨域限制。
2026-01-12 16:42:24
1109
原创 京东前端岗项目面试！直接被反复拷打！
面试官问这个问题，核心是想通过真实案例，判断你解决问题的思路、技术能力和复盘总结能力，而不只是听“遇到了什么困难”。建议不知道该怎么回答的可以多看看这份项目难点以下前端项目或更多前端八股。
2026-01-09 15:46:33
1128
原创 2026年马上到了，送给春招准备前端面试的一些话！
这不止是一份面试清单，更是一种“被期望的责任”，因为有无数个待面试者，希望从这篇文章中，找出通往期望公司的“钥匙”，所以上面的每道选题都是结合我自身的经验，于千万个面试题中经过艰辛的两周，一个题一个题筛选出来再校对好答案和格式做出来的，面试的答案也是再三斟酌，生怕误人子弟是小，影响他人的“仕途”才是大过，所以如有纰漏，还请读者朋友们在评论区指正。当时，随便背一下八股文就能过面试。一次机缘巧合下，我认识了一位大厂的大佬，他给了我一份目前市场上常问到的前端项目场景题，发现面试被问到的题目，里面竟然都有。
2025-12-23 14:20:02
931
原创 26年，真心劝告大家前端面试要打破信息差！
我们深知，真正有价值的面经不在于"押题"，而在于构建扎实的知识体系和解决问题的思维模式。本文的160+题目覆盖了2025年前端技术栈的最新趋势，从传统的JavaScript核心原理到前端高阶算法，从微前端架构设计到智能组件开发，每个专题都经过行业大佬精心编排，更是配套了完整详细的答案解析，让你更全面的开拓面试思路。今年前端面试的趋势就是考察场景题，给大家准备好了大厂的题库，基本包含了大部分高频题，有需要的直接嗱去看看吧！29.富文本里面，是如何做到划词的（鼠标滑动选择一组字符，对组字符进行操作)？
2025-12-22 15:41:46
1042
原创 前端开发，让我感受到了信息闭塞的恐怖[特殊字符]
作为非科班2个月转前端上岸的过来人，血泪警告：学前端不打破信息差，就像蒙着眼跑马拉松💥！这些网站/工具早用早开挂，没人会主动喂到你嘴边👇这些🕸站让我少走2年弯路：🎯 Codewars用游戏化闯关练JS！每关都是真实编程题，全球排名刺激肝代码，刷完200题面试手撕代码不慌（悄悄说：字节题库这里出现过）含金量炸裂的免费项目库！设计稿+需求文档全给，1:1还原企业级开发流程，做完直接放作品集杀疯HR用最少代码还原像素图，全网实时PK！被迫掌握CSS奇技淫巧，学完同事都以为我是布局仙人🌚。
2025-12-18 17:53:17
1196
原创 今天面了一个Java后端工程师，真的让我猛抬头
建议秋招和金九银十找工作可以多做些提升和思考,不仅仅在面试方面,面试只是第一步而已,你怎么过试用期也是一个大问题,给你提的需求,你能不能顺利给到上级,不要被卡在门口了.后面一些业务场景题和一些现在常问的面试题可以去理解一下解题思路,对面试也会有所帮助.但是还是重点看自己,有疑惑的也可以找我,希望大家都可以早日找到工作!
2025-11-18 16:07:12
1204
原创 其实大多Java开发都是先混进去再说...
坐办公室容易，进办公室难！我发现大家在面试Java开发的时候普遍存在一些短板，如果不解决，真的很难拿到offer！
2025-11-10 11:46:52
1801
原创 一下午面了 6 个Java后端，太让人惊喜了！[特殊字符]
Java后端真的不难吧，我就不信有了这个题，还不会一、技术理解与架构设计请描述你理解的Java后端开发技术体系，以及各技术组件的关联关系你认为Java后端工程师最重要的技术能力是什么？为什么？在接手一个新的后端系统时，你会如何进行技术架构分析？请详细描述你的分析框架你常用的Java技术栈有哪些？请举例说明它们在不同业务场景下的选型考量如何理解领域驱动设计？请结合实际案例说明你如何评估一个后端系统的架构质量？你认为后端工程师应该如何与前端、测试、运维等部门协作？
2025-11-04 10:57:30
1113
1
原创 Java后端进步最快的方式：（没有之一)
空白期=开挂期？看这位姐如何用硬核操作征服面试官！简历疑点变亮点："2024.3-至今：Gap Year"实际操作：闭关修炼Java生态+疯狂输出项目附面试神仙Q&A（Java版）：面试官问：空白期没工作，技术会不会退步？她答："这段时间我系统补强了和Spring源码（直面问题）。用重构了电商项目，接入了（展示项目）。同时给提交了3个PR并被合并（证明协作能力），代码和设计文档都在我GitHub（实锤证据）。面试官问：最擅长的技术栈是？
2025-10-30 17:39:34
731
原创 其实，大部分前端岗都是先混过面试再说的
为了更好地备战 2025 年的 Web 前端开发岗面试，求职者需要制定合理的学习路径和策略。一方面，要深入学习各类场景题的解题思路和方法，通过实际案例进行练习，积累经验。另一方面，要注重项目经验的打磨，突出项目中的技术亮点和解决的实际问题。此外，模拟面试也是提升面试能力的有效手段，通过录制答题过程，分析表达逻辑与知识点盲区，有针对性地进行改进。
2025-08-25 17:48:24
1021
原创 2025年前端面试突破秘籍：最快进步的黄金法则
2025年的前端面试，不再是知识的比拼，而是思维和能力的较量。场景化深度训练法之所以成为进步最快的方法，在于它直击面试本质——在真实环境中解决真实问题的能力。坚持这套方法3个月，你将发现自己不仅能轻松应对各种面试挑战，更具备了推动团队和技术前进的实力。记住：在前端这个快速变化的领域，唯一不变的就是变化本身。掌握这套方法，你收获的不仅是一份理想工作，更是持续成长的核心能力。现在就开始你的场景化训练之旅吧！点这里不收米，可领取。
2025-07-22 18:30:54
1175
原创 2025Web前端八股面试题，精选题型，附带详细答案解析，堪称最强题库
2025面试前必看web前端八股文题库！25年准备换工作或者想要跳槽的小伙伴快来看啊！
2025-07-16 16:09:39
1446
原创 2025Web前端面试题大全，1000+面试题题训练，附带详细答案解析，看完面试直接就稳了
我们深知，真正有价值的面经不在于"押题"，而在于构建扎实的知识体系和解决问题的思维模式。本文的1000+题目覆盖了2025年前端技术栈的最新趋势，从传统的JavaScript核心原理到前端高阶算法，从微前端架构设计到智能组件开发，每个专题都经过行业大佬精心编排，更是配套了完整详细的答案解析，让你更全面的开拓面试思路。
2025-05-26 14:28:49
2945
原创 2025年我的前端面试八股文总结
* 如果是三次的话，那么服务端的 ACK 和 FIN 合成一个挥手，那么长时间的延迟可能让 TCP 一位 FIN 没有达到服务器端，然后让客户的不断的重发 FIN。
2025-05-12 17:24:35
1426
原创 2025年前端面试必问八股文，刷完通过率超99%
随着互联网的快速发展，前端开发领域成为了IT行业中的热门领域之一。很多求职者都希望能够进入这个领域，但是面对着如此激烈的竞争，很多人都感到无从下手。为了帮助大家更好地掌握前端开发的相关知识，小编整理了一份前端面试题合集，供大家参考。这份面试题文档的主要内容包括九个相关模块：HTML相关，CSS相关，JavaScript相关，jQuery相关，浏览器相关，HTTP相关，Vue相关，React相关，小程序相关。篇幅限制小编只展示了部分内容，需要完整的看文末。
2025-04-28 10:44:17
1254
原创 2025年4月我的前端面试总结
2025年3月，很荣幸，我也加入了跳槽求职的大部队 ,虽然招聘热潮没有每年年初那样疯狂，但是还是看得出很多公司都在大量的求贤，和以往的跳槽不同，这次我主要通过猎头去寻找面试机会，因为在上一份工作中从猎头那里尝到了一点甜头，那就是会帮你要薪资嘛。
2025-04-22 14:20:36
1400
原创 2025金三银四，春招最全最新前端八股文+场景题+项目，背完让你offer拿到手软
工具与工程化 版本控制：Git 的基本使用（如 git clone、git branch、git merge、git rebase）、Git 工作流。性能优化 加载性能：减少 HTTP 请求、使用 CDN、压缩资源（如 Gzip）、懒加载、预加载。JavaScript ES6+ 新特性：箭头函数、模板字符串、解构赋值、let/const、Promise、async/await、模块化（import/export）。闭包：什么是闭包，闭包的应用场景，闭包的优缺点。数据结构：数组、链表、栈、队列、树、图。
2025-04-16 15:06:43
2385
原创 2025金三银四字节跳动前端面试趋势与核心策略
navigator . sendBeacon()方法使得网页可以异步地将数据发送到服务器，与页面的卸载过程同 时进行，这一点非常重要，因为它允许在不影响用户体验的情况下，安全地结束会话或者发送统计数 据。这方法主要用于追踪和诊断信息，特别是在需要确保数据被成功发送到服务器的场景中——比如记 录用户在网页上的行为数据。基本语法●url：一个字符串，代表您想要发送数据到的服务器地址。● data：可选参数，要发送的数据。
2025-04-11 14:41:28
3292
原创 让写作更有“手感”：开源 Tiptap Writing Kit（支持 Vue / React）
tsx体验AI代码助手代码解读复制代码如果你正在做内容产品，希望写作体验更“像笔尖在纸上”，欢迎试试。如果你愿意给我一个Star或者反馈建议，对项目帮助非常大。原文：https://juejin.cn/post/7598767580307079222。
2026-01-26 11:41:30
264
原创 大屏自适应终极方案：双剑合璧！JS+CSS协同作战实现完美适配
CSS方案与JS方案并非竞争关系，而是相辅相成的伙伴。基础布局使用CSS：利用SCSS函数保持代码简洁动态内容使用JS：利用工具类保持灵活性关键组件混合使用：结合两者优势实现最佳效果没有最好的方案，只有最适合的方案。根据项目需求和团队习惯，灵活选择组合策略，才能打造出既美观又实用的大屏应用。立即行动：在你的下一个大屏项目中，尝试这种混合方案。从一个小组件开始，体验vw/vh单位带来的适配便利，逐步扩展到整个项目。你会发现，大屏适配不再是难题，而是一次愉悦的开发体验！
2026-01-26 11:40:33
568
原创 raychart 基于 Vue 的 3D 图表可视化实践：移动端优先从交互到性能的一次系统升级 [特殊字符]
移动端优先的价值不在于“做个能在手机上跑的版本”，而在于用它作为一种强约束，让系统更简单、更清晰、更高效。快速收敛需求边界建立明确的控制层级统一 UI 的风格与节奏同时提升移动端与桌面端体验如果你也在做 3D 图表、Vue 可视化编辑器或复杂配置系统，建议试着从移动端出发设计一次，你会更快发现真正有价值的交互路径。
2026-01-26 11:39:43
559
原创 代码 Review 的艺术：如何委婉地告诉同事你写的代码是一坨屎？
有一天下午四点，我点开了同事刚提的一个 PR, 先上代码👇：javascript体验AI代码助手代码解读复制代码第一眼，还行。第二眼，嗯？第三眼，我开始怀疑人生。变量叫atemplist1if-else套了六层，在for里await查库，像一锅没加盖的乱炖。我当时脑子里只有一个念头：但问题是——你不能在评论区直接敲一句🤔：这段代码太烂了，建议重写。你可以这么想，但不能这么说。因为你不是在写技术博客，你是在上班😖。
2026-01-26 11:38:28
512
原创 我和TRAE的这一年：从“看不懂“到“玩得转“的AI学习进化史
不要一直只用一个模型，根据任务特点灵活切换。GPT适合"求稳"，Gemini适合"求快"。
2026-01-12 16:46:33
553
原创 内存泄露排查之我的微感受
极端场景是「教学工具」，目的是让你快速理解泄漏的破坏性；真实业务中的泄漏是「慢性毒药」，小内存+长期积累，比极端场景更难排查、更危险；找「未释放的引用」—— 定时器要清、监听器要删、全局变量要置空、第三方库要销毁。判断是否要往内存泄漏方向思考，记住「一个核心+四个辅助」核心信号：页面越用越卡，重启后恢复；辅助信号：内存只增不减、React 卸载警告、接口请求异常、页面崩溃。
2026-01-12 16:45:53
482
原创 Webpack 生命周期原理深度解析
插件化架构：基于 Tapable 的事件订阅/发布模式阶段化处理：初始化→编译→优化→输出的清晰流程高度可扩展：200+ 个钩子覆盖构建的每个细节性能优化：支持增量构建、缓存、并行处理开发更高效的 Webpack 插件优化构建性能和打包结果实现定制化的构建流程调试复杂的构建问题掌握生命周期原理是成为 Webpack 高级开发者的关键一步，也是理解现代前端工程化架构的基础。原文：https://juejin.cn/post/7593702885881200676。
2026-01-12 16:45:18
605
原创 Tailwind 因为 AI 的裁员“闹剧”结束，而 AI 对开源项目的影响才刚刚开始
就像我朋友，上午还问有没有什么记账软件推荐，结果下午就直接用 AI 做了一个符合心意的应用，AI 对于个人开发者的影响未来也会越来越明显，如果 AI 可以直接 A2UI 直出功能和结果的时候，是否其他独立产品还有存在的意义？因为现在很多 AI 公司，比如 OpenAI 、Claude、Gemini 等，都在前端 AI 上都大量使用了 Tailwind，因为很大程度上，当然，这波闹出来的裁掉 75% 的工程师的事件，多少也有一些标题党的味道，因为。
2026-01-12 16:44:20
487
原创 [特殊字符] 藏在 Vue3 源码里的 “二进制艺术”：位运算如何让代码又快又省内存？
Hello~大家好。我是秋天的一阵风在前端框架竞争白热化的今天，Vue3 能稳坐主流框架宝座，除了更简洁的 API 设计，其底层藏着的 “性能黑科技” 功不可没 ——位运算就是其中最亮眼的一项。它像一位 “隐形的优化大师”，在响应式系统、虚拟 DOM Diff、任务调度等核心模块中，用极致的运算速度扛起性能大旗。但要真正看懂 Vue3 源码里那些看似 “晦涩” 的位运算逻辑，我们得先打好基础。就像学开车前要先懂发动机原理，理解位运算的底层逻辑，才能看透 Vue3 性能优化的本质。在。
2026-01-09 15:43:15
692
原创 [特殊字符]解决前端 “复现难”：rrweb 录制回放从入门到精通（上）
rrweb（Record and Replay the Web）是开源的前端录制回放工具，核心定位是 “轻量级、高保真、可扩展的 Web 页面录制与回放解决方案”。它并非通过视频流录制，而是捕获 DOM 变化、用户交互与页面状态，生成结构化数据，再基于数据重建操作流程 —— 这种 “数据化录制” 模式，使其在体积、兼容性、可扩展性上远超传统方案，尤其适配 Vue3、React 等复杂项目的问题排查、行为分析与异常监控。rrweb：核心录制库，负责捕获页面变化与事件；
2026-01-09 15:42:42
773
原创 自定义AI智能体扫描内存泄漏代码
CodeBuddy是腾讯云推出的多形态 AI 编程助手，覆盖编译器插件AI IDE（类 Cursor）和命令行三种形态。其命令行模式可通过简短指令对整个项目进行快速扫描，自动执行内存泄漏分析，显著提升排查效率。命令行输入/agents进入智能体设置面板，选择创建智能体，智能体可以针对所有项目生效，也可以只针对当前项目生效。我们可以选择Personal (~/.codebuddy/agents/)创建后，在输入框输入智能体名称，codebddy会帮我们预设一个提示词promopt。
2026-01-09 15:42:10
1058
原创 CSS 新特性！瀑布流布局的终极解决方案
前端开发一直有一个老大难的问题，那就是——瀑布流布局。效果需求并不复杂：卡片错落，参差有致，看起来高级，滚动起来流畅。就是这样一个看似简单的效果，其实已经困扰了前端开发者好多年。要引入 JavaScript 库，要让内容智能填充，要实现响应式布局，写无数个媒体查询，要实现无限滚动加载，要用 JavaScript 处理复杂的布局逻辑……现在，经过 Mozilla、苹果 WebKit 团队、CSS 工作组和所有浏览器的多轮讨论，它终于有了终极解决方案！这就是。
2026-01-09 15:40:46
736
1
原创 Next.js Middleware 极简教程
要权限校验？用 Middleware。要根据语言/设备重定向？用 Middleware。要修改响应头？用 Middleware。要查数据库/拿大量数据？不要用 Middleware（去页面组件或 Server Action 里写）。原文：https://juejin.cn/post/7586983243925831718。
2025-12-24 16:48:28
367
原创 八年开源，GSY 用五种技术开发了同一个 Github 客户端，这次轮到 AI + Compose
最后，借着 AI 的风，本次也把所有项目的 Logo 形象都统一，从五个 GSYGithubApp ，到文章合集项目，再到播放器和示例项目，现在全都统一使用这个 logo ，虽然没什么设计感，但是我很满意：再结合 AI ，一个看起来很颠的视频效果就这么出来了：原文：https://juejin.cn/post/7585645111876632603。
2025-12-24 16:48:08
538
原创 【高斯泼溅】从“看清”到“看懂”，3DGS语义化让数字孪生“会说话”
能渲染出逼真的树木摇曳，却。这种"看得清但看不懂"的困境，已成为3DGS从"技术炫技"走向"产业落地"的最大拦路虎。而本文将系统探讨3DGS语义化的核心价值、技术路径与工程实践，让3DGS从"看得见"走向"看得懂"。
2025-12-24 16:45:00
777
原创 React Hooks 详解：从 useState 到 useEffect，彻底掌握函数组件的“灵魂”
在 React 中，状态（State）是驱动 UI 变化的数据。没有状态，组件就是静态的、死板的。而useState就是让函数组件拥有状态的魔法钩子（Hook）。我们来看App2.jsx的完整内容：javascript体验AI代码助手代码解读复制代码。
2025-12-24 16:43:55
435
原创 烧脑时刻：Dart 中异步生成器与流
当你需要生成有固定序列、但可能中途取消的异步数据时，async*Stream是最灵活的选择。分页加载（带「取消加载」功能，比如用户退出页面时终止后续请求）；批量任务处理（比如批量上传 100 张图片，支持中途暂停 / 取消）；精准控制的倒计时 / 定时器（支持中途停止，且不残留定时器）。这类场景的核心是「可中断」——Stream的订阅取消能直接终止async*函数的执行，而其他方案（如Future循环 + 定时器）中断逻辑复杂，易残留资源。实战示例：可中断的批量图片上传dart。
2025-12-23 14:22:25
816
原创 关于 react-hook-form 的 isValid 在有些场景下的值总是 false 问题
为什么 react-hook-form 的 isValid 为什么有时在表单验证通过没有 errors 的情况下会出现 false？在 React Hook Form 中，为true表示表单当前（无任何验证错误），但即使errors对象为空（{}），isValid有时仍会出现false的情况，这是库的正常行为或常见配置导致的。
2025-12-23 14:21:47
294
原创 深度解析 React 项目架构：从文件结构到核心 API 的全面拆解
Vue SFC 部分React (App.jsx) 对应部分<template>中的 JSX<script>函数组件内部逻辑（Hooks、方法等）<style>或内联样式属性说明path匹配的 URL 路径（支持通配符/user/:idelement渲染的 JSX 元素（注意：必须是 JSX，不能是组件引用）children嵌套路由（v6 新增）是 JSX 表达式，不是！后者会导致错误。支柱技术实现作用1. 构建工具Vite快速启动、HMR、ESM 原生支持2. 路由系统。
2025-12-23 14:21:09
912
原创 深度解析 React 组件化开发：从 Props 通信到样式管理的进阶指南
Props 是 "Properties" 的缩写。它是父组件向子组件传递数据的主要方式。：State 是组件自有的、可变的数据；而 Props 是外部传入的、只读的数据。单向数据流：数据永远是从父组件流向子组件，子组件无权修改 Props。React 的学习曲线初看略陡，但只要掌握了组件化和Props这两个核心概念，剩下的就是对 JavaScript 基础的运用。JSX让我们拥有了在 UI 中自由运用 JS 逻辑的能力。Props建立了组件间的契约，让数据流动变得清晰、可预测。
2025-12-23 14:20:34
673
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人