- 博客(135)
- 收藏
- 关注
RSS订阅
原创 实话很难听，但这就是26年前端面试现状……
能力边界也在扩张，从写业务代码进化到搭建监控系统、设计CI/CD流水线，不过线上故障现在变成一票否决项，没通过性能和安全评审的需求直接熔断。技术方案决策也变了，不再是团队内部分享，而是结合线上性能数据和业务指标归因做选型，有时一次科学的压测数据比十次技术争论更有效。接下来的内容，将基于最新面试实况，为你揭示如何在新时代的前端面试中展现真正的工程实力。2️⃣ 实际开发流程中，单靠UI稿还原早已被淘汰，2025的主流协作模式是设计系统+性能监控平台+灰度发布流水线，头部大厂的业务线基本按这个节奏跑。
2026-01-12 16:29:34
971
原创 26年，这两天面了8个前端开发，聊聊他们面试的一些缺点...
其实简历过了初筛，就说明过往经验和技术是被公司认可的，但一到技术面就挂了的原因总结下来主要是以下几点：1.技术基础不够：未深挖核心概念，结合源码理解框架。2.项目经验不足：建议用STAR法则+数据量化突出价值。3.编码能力不够：高频手写题+算法刻意练习。4.沟通协作：结构化表达+协作案例需要沉淀。5.学习能力：技术视野拓展+输出实践较少。事实上，面试不仅是技术考核，更是对候选人解决问题思维、学习自驱力和团队适配性的综合评估。
2026-01-09 16:38:26
874
原创 25年底，面了10个web前端，水平真的令人堪忧啊
近期面试前端候选人时，我发现几个普遍存在的短板，如果不解决，真的很难给offer！问题表现：对闭包、事件循环、原型链等核心概念理解模糊，手写代码时容易卡壳（比如实现Promise.all或深拷贝）。建议： 深入理解V8引擎的运作机制（如宏任务/微任务、内存回收）。能解释清楚this绑定规则、async/await底层原理（Generator + Promise）。
2025-12-23 15:03:18
1312
原创 建议你的前端工程化背到这种程度再去面试
8.面试官：说说Loader和和Plugin的区别？17.webpack的module、bundle、chunk分别指的是什么？6.说说webpack proxy工作原理？10.说说webpack中常见的Loader？22.webpack treeShaking机制的原理是什么？9.说说webpack中常见的Plugin？7.说说webpack的热更新是如何做到的？的那一刻，80%的前端候选人已经暴露了自己的天花板。12.说说你对webpack的理解？26.webpack的热更新是如何做到的？
2025-12-22 15:25:32
730
原创 建议大家有空就去Youtube准备前端面试
还在对着密密麻麻的文字面经和八股文笔记死记硬背吗？是时候换一种更高效、更生动的方式来准备2026年的前端面试了。打开，你会发现这里藏着一个动态的、全球互联的“面试实战模拟库”。它不再是信息的被动接收，而是一场因此，不要把YouTube仅仅当作娱乐工具。把它变成你的。去关注像这样讲解算法与前端题目的优质频道，去搜索大厂工程师的分享，把刷视频的碎片时间，转化为构建你技术表达力和认知深度的宝贵投资。从今天起，让每一次点击播放，都成为你迈向心仪Offer的一次有力练习。以下题库，有需要的可以直接嗱去看看~
2025-12-18 17:44:15
828
原创 2026前端 Vue 100道 综合面试题整理【全网最新整理】刷完赶超90%竞争者！
Vue2.0为什么不能检查数组的变化，该怎么解决?Vue模板是如何编译的Vue3.0 所采用的 Composition Api与Vue2.x 使用的 Options Api 有什么不同?React和Vue 在技术层面有哪些区别?vue2中的虚拟dom是怎么实现的?说说vue中，key的原理谈谈Vue 事件机制，并手写on、on、on、off、emit、emit、emit、onceVue项目中如何解决跨域问题？vue3相比较于vue2，在编译阶段有哪些改进？Vue 中的h函数有什么用？
2025-12-05 19:42:13
1528
原创 其实，很多前端岗都是先混进去再说
空」包含了:空数组、空对象、空字符串、0、undefined、null、空 map、空 set,都厘于为空的数据。说个大实话： 干了12年前端，带过无数新人，发现个真相——太多人因为“觉得自己不够格”而错失机会！54.使用同一个链接， 如何实现 PC 打开是 web 应用、手机打开是-个 H5 应用?28,如何在划词选择的文本上添加右键菜单(划词:标滑动选择一组字符，对组字符进行操作)” —— 理解这个，你就不再是工具人！29.富文本里面，是如何做到划词的(鼠标滑动选择一组字符，对组字符进行操作)?
2025-11-18 16:25:00
1000
原创 前端开发进步最快的方式:（邪修版）
🚀 【2025前端学习核心理念】❌ 别碰过时技术栈！jQuery/BootStrap已入土，Vue3+TS/React18+Next.js才是饭碗！⚡ 【四步暴力学习法（6个月速成版）】基础速通（1个月）HTML/CSS：🔹 死磕 flex布局游戏（http://flexboxfroggy.com） + Grid花园（Grid Garden）🔹 每天仿写1个 http://codepen.io 炫酷效果（只抄CSS，不准用JS！
2025-11-10 12:02:18
782
原创 2025Web前端八股面试（含答案，万字总结，精心打磨，建议收藏）堪称2025最强
更好的性能：Vue.js 3的动画系统使用了更高效的动画引擎，提供了更好的性能。更简洁的语法：Vue.js 3的动画系统使用了更简洁的语法，使得动画的定义和使用更加直观和方便。支持更多的动画特性：Vue.js 3的动画系统支持更多的动画特性，如交互式动画和更复杂的动画效果。答案：静态提升是Vue.js 3中的一项优化技术，通过在编译阶段将静态节点提升为常量，从而减少了运行时的开销。相比之下，Options API是Vue.js 2中常用的组织组件逻辑的方式，通过选项对象中的属性来定义组件的数据、方法等。
2025-11-04 11:15:05
1305
原创 25年，前端开发项目中的难点亮点【最强面试版】
本书将聚焦前端开发中的与，通过真实案例、最佳实践和前沿探索，剖析技术背后的思考与解决方案。无论你是初入行业的新人，还是经验丰富的工程师，希望这些经验能为你提供启发，助你在瞬息万变的技术浪潮中把握方向，打造更高效、更可靠、更极致的用户体验。—— **代码不止于运行，更在于创造价值。**有需要更多前端资料，看文末免费领取。
2025-05-26 14:42:13
1410
原创 2025年，前端岗最全面试攻略，吃透15个技术栈Offer拿到手软
无论您是初入职场的新人，还是寻求突破的中高级开发者，本指南都将带您深入15个核心技术栈的与。JavaScript、CSS、ES6、Vue2、vue3、React、Node.JS、小程序、HTTP、TypeScript、Webpack、Git、Linux、算法与数据结构、设计模式，我们不仅提供高频面试题的精准解析，更注重培养您举一反三的和。
2025-04-28 10:48:23
1843
原创 互联网工程师111道前端面试场景题及答案整理( 2025年 整理最新版)
而大厂所需要的程序员是有限的，高薪也只能给到少数人，所以前端的竞争才会如此激烈，内卷化也越来越严重。但说到底，你通过分析网上的一些数据后你就会发现：卷的最厉害的其实只是初中级岗，高端岗还是有很多空缺的机会。所以，为了更好的帮助一直以来支持我的粉丝朋友，更好的助力你们面试跳槽涨薪，小编今天也是在这里为大家准备了一份出自于阿里的【2025 版】前端架构师场景题参考指南。而程序员在应聘时更是需要经历层层面试。俗话说，磨刀不误砍柴工，做好面试前的准备工作可以帮助大家更好的应对面试官的问题以及面试中的突发情况。
2025-04-22 14:44:34
1877
原创 2025年，金三银四，Web前端学习步骤及路线（超详细）
感觉学前端学到自己的瓶颈期了，各种框架乱七八糟，感觉好乱。小编精心整理出来的前端程序员初、中、高级的进化之路！前端技术栈说实在的知识点很多，绝不仅仅是随便敲敲代码那么简单。如果下面的大部分没用过，甚至都没听说过，那就怀疑你是不是个假程序员了，要加油了。学习是有顺序的，不要太跳脱，这样到头来反而是最慢的。很多东西真的都是基础阶段已经讲过的，只是你没意识到。这些都是前端程序员必备的技术栈，有些不一定是首选的选择，但这些一定是前端程序员必备的。最后：对这份笔记感兴趣的小伙伴，对这份笔记感兴趣的小伙伴，
2025-04-18 15:19:57
501
原创 2025金三银四春招Web前端八股文汇总【助你备战金三银四】
inner();// 执行过程中，先将全局执行上下文压入执行栈， // 调用outer函数时，将outer函数的执行上下文压入执行栈， // 调用inner函数时，将inner函数的执行上下文压入执行栈， // inner函数执行完毕，其执行上下文弹出， // outer函数执行完毕，其执行上下文弹出。例如，当一个字符串和一个数字进行加法运算时，字符串会被转换为数字（如果可以转换的话），如 "3" + 2 会被转换为 3 + 2 ，结果为 5；映射也是键值对的集合，与对象不同的是，键可以是任意类型。
2025-04-15 10:59:58
2308
原创 # Flutter Provider 状态管理完全指南
Provider是 Flutter 官方推荐的状态管理库，它基于实现，通过依赖注入的方式在 Widget 树中高效地共享和管理状态。Provider 的核心优势在于其简单性和高效性——它只在状态变更时重建依赖该状态的 Widget，而非整个 Widget 树。当内置 Provider 不满足需求时，可以创建自定义 Provider：dart体验AI代码助手代码解读复制代码。
2026-01-12 16:32:12
722
原创 uni-app实现网络离线定位
最近需要用uni-app实现一下定位的问题，其实就是获取经纬度，然后通过 MQTT 发送到服务器上。但是不知道为什么在我这个终端上这个写法并没有获取到定位信息，甚至代码都不走，多方排查也没有发现问题出在哪儿，遂放弃此方案。熟悉的朋友知道我最近一段时间在搞安卓方面的内容，使用uni-app开发的这段时间总算是体会到了网上兄弟们的心声。想要无能狂怒的叱骂，却又不得不默默的翻看API文档一点点的摸索，找到解决之路的那一刻，不亚于我买双色球中。云打包到基座中，否则也是无法定位的。，否则是无法实现定位的。
2026-01-12 16:31:33
376
原创 TanStack Router 实战：如何构建经典的“左侧菜单 + 右侧内容”后台布局
在 TanStack Router 中，如果你希望创建一个“包裹器”组件（比如包含侧边栏的 Layout），但不希望它在 URL 中增加一层路径，你需要在文件名加一个下划线前缀。: 会生成/admin/...的 URL 路径。不会生成 URL 路径，它只是一个逻辑上的包裹层。/login-> 渲染独立的登录页。-> 渲染_layout(带菜单) -> 渲染index(仪表盘)。/users-> 渲染_layout(带菜单) -> 渲染users(用户列表)。通过使用结构清晰。
2026-01-12 16:31:03
468
原创 React 终于出手了：彻底终结 useEffect 的“闭包陷阱“
Cloudflare 的例子不是危言耸听，我自己也遇到过类似的问题——一个看起来无害的对象放进依赖数组，结果页面卡死。+ "自动同步" 的封装，只是语义更清晰：这是一个"事件"，它描述的是"发生某事时要做什么"，而不是 effect 本身的逻辑。在编译器的情况下，它们稳定对象引用，有助于减少围绕对象标识的潜在 bug。不要听信反对者的声音——React 并没有停滞不前，它还在进化，而且在大多数情况下，变得更好。我知道这个名字很绕口，但当涉及到稳定你的 React 应用时，它是一个救命稻草。
2026-01-12 16:30:30
612
原创 ⚡IndexedDB：现代Web应用的高性能本地数据库解决方案
IndexedDB凭借其大容量、异步高性能和结构化存储能力，成为构建复杂离线应用、实现前端大数据缓存（如你的公式图片缓存场景）的理想选择。尽管其API相对复杂，但通过Promise封装、事务的正确使用以及合理的设计模式，可以充分发挥其潜力，显著提升Web应用的性能和用户体验。希望这篇文章能帮助你更全面地理解IndexedDB，并将其成功应用于更多场景。链接：https://juejin.cn/post/7592939457042939956。
2026-01-09 16:27:07
831
原创 Electron 脚本调用大坑！害惨我了
菜鸟以为做完上面两篇文章就可以高枕无忧了，结果现实给了菜鸟当头一棒！昨天，生信部门将他封装的脚本部署上了服务器，并让我进行调试，看看有没有什么问题！我按照其示例输入、示例运行shell，去修改了自己的运行脚本文件，修改后如下：js体验AI代码助手代码解读复制代码反正命令行拼出来长这样：shell体验AI代码助手代码解读复制代码其中scriptPath代表代表。
2026-01-09 16:26:31
239
原创 程序员邪修手册：那些不能写进文档的骚操作
正道：设计模式、最佳实践、代码规范、架构优雅邪修：能跑就行、先上再说、TODO 永远不改、这个 Bug 是 Feature产品经理说"明天上线"老板说"这个很简单吧"测试说"这个 Bug 必须今天修"客户说"我们付了钱的"于是，邪修就成了生存必备技能。免责声明：本文技巧仅供紧急情况使用。如果你的代码审查者看到这些，请假装不认识我。写到最后，我想说几句认真的话。邪修不是目的，是手段。产品经理的 deadline老板的"这个很简单吧"客户的"我们付了钱的"凌晨三点的生产事故。
2026-01-09 16:26:00
526
原创 Python 3.12 新特性实战：5个让你的代码效率提升30%的技巧
这些改进不仅增强了语言的表现力，还在性能、开发效率和代码可读性方面提供了显著的提升。本文将深入探讨 Python 3.12 中五个最具实战价值的新特性，并通过实际示例展示如何利用这些特性将你的代码效率提升至少30%。然而，现有的接口较为复杂，且缺乏对只读缓冲区的支持。PEP 684 引入了“每解释器 GIL”，允许在同一个进程中创建多个解释器实例，每个解释器有自己的 GIL。Python 的类型注解系统自 PEP 484 引入以来不断演进，但在泛型类型的使用上仍然存在一些冗余和不够直观的问题。
2026-01-09 16:25:10
615
原创 Node.js 编程实战：路由与中间件
路由用于描述请求路径与处理函数之间的映射关系。一个完整的路由通常由请求方法、路径和回调函数组成。js体验AI代码助手代码解读复制代码});当客户端以 GET 方法访问/users时，Express 会执行对应的处理函数。路由和中间件是 Node.js Web 框架中最重要的基础设施。路由决定请求走向，中间件决定请求如何被处理。只有真正理解它们的执行机制和设计思路，才能写出结构清晰、易维护的服务端代码。在项目初期建立合理的路由和中间件体系，将为后续功能扩展打下坚实基础。
2025-12-24 16:40:18
333
原创 2025快手直播至暗时刻：当黑产自动化洪流击穿P0防线，我们前端能做什么？[特殊字符]♂️
兄弟们，前天的瓜都吃了吗？🤣说实话，作为一名还在写代码的打工仔，看到前天晚上快手那个热搜，我手里捧着的咖啡都不香了，后背一阵发凉。，正是流量最猛的时候，快手直播间突然失控。不是服务器崩了，而是内容崩了——大量视频像洪水一样灌进来。紧接着就是官方无奈的拔网线，全站直播强行关停。第二天开盘，股价直接跌了3个点。这可不是普通的 Bug，这是。
2025-12-24 16:39:47
692
原创 Steam玩累了？那用 Node.js 写个小游戏：手把手玩懂 JS 运行环境
你可能听说过Node.js是JS的运行环境”，但这玩意儿到底咋用？提到JavaScript，你可能先想到它在浏览器里折腾网页特效的样子；但Node.js的出现，直接把 JS 从浏览器“解放”了出来，让它能像PythonJava一样，在操作系统上呼风唤雨—— 读写文件、操作终端、搭建后端服务都不在话下。而模块化，正是 Node.js 让代码变得整洁、可复用的核心秘诀。今天咱从模块化入手，再手把手写个小游戏，让你把Node.js玩明白！它不仅是 “JS 运行环境”，更是。
2025-12-24 16:39:15
878
原创 AI Agent 设计模式 - ReAct 模式
ReAct 并不是最复杂、也不是最“智能”的 Agent 模式，但它结构清晰、实现成本低、工程可控性强，是理解和实践 Agent 系统非常合适的起点。在后续更复杂的场景中，往往会在 ReAct 之上叠加：规划（Plan & Execute）、反思（Reflection）、记忆与长期状态，但无论如何，ReAct 所确立的思考—行动—反馈闭环，仍然是多数 Agent 系统绕不开的基础结构。在下一篇中，我们将展开对P&E（Plan and Execute）模式。
2025-12-24 16:38:44
655
原创 JavaScript 性能优化：7 个 V8 引擎偏爱的编码模式让你提速 40%
本文将深入剖析 V8 引擎的优化策略，揭示七个经过验证的高效编码模式。V8对连续的小数组有特殊优化（称为"Packed SMI Elements"）。建议将这些技巧融入日常开发流程中并结合真实世界的基准测试持续验证效果——您可能会惊讶地发现那些看似微不足道的改动确实带来了显著的性能提升！通过这七大模式的学习我们了解到： • V8的JIT特性使JavaScript表现出接近原生语言的性能潜力。包含try-catch的函数通常不会被内联优化（inlining），而内联是重要的性能优化手段。
2025-12-23 15:06:05
581
原创 用Spec给AI Agent立规矩，AI编码告别手忙脚乱
早期，Cursor社区中有一种AI编码行为协议叫做RIPER-5，代表五种模式(研究RESEARCH-信息收集和深入理解、创新INNOVATE-头脑风暴潜在方法、计划PLAN-创建详尽的技术规范、执行EXECUTE-准确实施规划的内容、回顾REVIEW-无情地验证实施与计划的符合程度) ，通过强制性、分阶段的流程来约束AI的行为，确保其在执行复杂编码任务时的每一步操作都安全、可控且符合预期。4.最后「结论 / 行动」：严格按步骤执行，煎完静置 3 分钟，摆盘后检查熟度，记录这次的时间参数，下次复用。
2025-12-23 15:05:33
825
原创 深入理解 Webpack5：从打包到热更新原理
前端构建工具让模块管理、资源打包和优化变得高效，提升了开发体验和应用性能。Webpack 的工作原理尤其值得学习：从模块解析、依赖图构建，到 Chunk 生成和热更新，它展示了现代前端构建的完整机制。理解这些原理不仅能帮助我们更好地使用工具，也能为优化前端项目打下坚实基础。原文：https://juejin.cn/post/7586569284551229480。
2025-12-23 15:05:02
917
原创 React 已经改变了，你的 Hooks 也应该改变
自定义 Hooks 不仅仅是为了减少重复代码。它们关乎将领域逻辑从组件中抽离出来，让你的 UI 专注于……嗯，UI。例如，与其用这样的设置代码来污染组件：ts体验AI代码助手代码解读复制代码}, []);不如将其移入一个 Hook：ts体验AI代码助手代码解读复制代码。
2025-12-22 15:18:21
966
原创 顶层元素问题：popover vs. dialog
你是否曾尝试通过设置解决元素层级问题？如果是，那你其实是在与一个基础的CSS概念————斗争。层叠上下文定义了元素在第三维度（即“z轴”）上的排列顺序。你可以把z轴想象成视口中层叠上下文根节点与用户（即通过浏览器视口观察的你）之间的DOM元素的层级。一个元素只能在同一层叠上下文中重新调整层级。虽然z-index是实现这一点的工具，但失败往往源于层叠上下文的变化。
2025-12-22 15:17:47
659
原创 React 的新时代已经到来：你需要知道的一切
大多数应用可能会使用已经实现了这些模式的库中的组件。但你也可以自己实现它们来构建自定义异步组件。这是一个针对 Next.js 的实用示例：一个与 URL 参数同步的可复用选择组件。这对于过滤器、排序或任何你希望持久化在 URL 中的 UI 状态很有用：javascript体验AI代码助手代码解读复制代码});该组件在内部处理协调。父组件可以通过注入副作用：ini体验AI代码助手代码解读复制代码在这个例子中，进度条的乐观更新和路由器导航被协调在一起。传递给。
2025-12-22 15:16:47
780
原创 那个把代码写得亲妈都不认的同事，最后被劝退了[特殊字符]♂️
他试图去理解那个位移掩码的逻辑，但他发现，只要改动一个字符，整个系统的权限就全乱套了——管理员突然看不了页面，实习生突然能删库了🤔。说实话，阿K 的技术底子很强。因为这个模块的逻辑过于晦涩，且和其他模块高度耦合（阿K 为了复用，把这些位运算逻辑注入到了全局原型链里），我们根本不敢动。在那个没有性能瓶颈的后台管理系统里，他为了那肉眼不可见的 0.0001 毫秒提升，制造了一个维护麻烦。阿K 走的时候，还是觉得自己怀才不遇，觉得这家公司配不上他的技术🤣。上上周，我们在例会上送别了团队里的一位技术大牛，阿K。
2025-12-22 15:15:03
536
原创 Unable to create converter for xxx.NetworkResponse＜Auth＞ for method AuthService
原文：https://juejin.cn/post/7584758215701332006。如果是Body的JSON请求，必须添加**@Body**不要用 sealed / Any。Retrofit 会在。
2025-12-18 17:46:37
258
原创 Resize 事件导致的二进制内存泄漏：隐式闭包的 “隐形陷阱”
resize事件导致的二进制内存泄漏，本质是“隐式闭包捕获引用 + 事件监听器未解绑”形成了无法切断的引用链，最终让 HEAP64 中的二进制数据被永久锁定。事件监听器（尤其是resize/scroll等高频率事件）必须 “绑定 - 解绑” 成对出现；警惕闭包的隐式捕获：哪怕回调没显式使用大对象，也可能因捕获上下文导致泄漏；二进制数据（ArrayBuffer）体积大，一旦泄漏会快速耗尽内存，需优先处理。
2025-12-18 17:46:05
587
原创 Jenkins 打包崩了？罪魁是 package.json 里的 ^
原本的“^”符号会允许yarn在主版本不变的情况下拉取最新次版本，而去除该符号后，依赖版本将被严格限定：一方面，即使后续主线发布更高版本（如0.2.683、0.2.684等），yarn也会始终拉取“0.2.667-xxx”这一指定版本，彻底杜绝“自动升级引发适配问题”的风险；yarn.lock 的核心价值，是解决“依赖版本不一致”问题，其原理是：精准记录项目中每个依赖“在 package.json 里声明的版本范围”，与“实际下载安装的精确版本”之间的对应关系。
2025-12-18 17:45:33
908
原创 我做了一个“慢慢来”的开源任务管理工具：蜗牛待办（React + Supabase + Tauri）
如果你也在找一个够用就好的任务管理工具，或者对 React + Supabase + Tauri 这套技术栈感兴趣，欢迎试用和反馈。原文：https://juejin.cn/post/7584834746062487586。
2025-12-18 17:45:01
897
原创 前端文本分割工具，“他”来了
在日常开发场景中大多数是使用空字符串、空格或者换行符来进行文本分割。现在可以试试新的分割工具-。支持根据语言进行的文本分割，将一个字符串分割成片段，分割类型包括字、词和句。很适合在文本处理场景下使用，给了一定的分割标准。它在文本编辑器中计算光标索引、搜索建议的生成、文本计算长度和文本过滤，甚至在自然语言处理场景中都可以使用到。目前在fabric.js中也在考虑使用来优化文本分割，可以研究学习。大家可能也注意到了，Segmenter只是Intl。
2025-12-05 19:38:41
753
原创 Android Studio Otter 2 Feature 发布，最值得更新的 Android Studio
这个版本其他都是虚的，你只需要知道，能 Free Gemini 3 Pro ，还有什么理由不更新？原文：https://juejin.cn/post/7579999793320247302。
2025-12-05 19:38:04
552
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人