- 博客(155)
- 收藏
- 关注
RSS订阅
原创 2026互联网大厂最全 前端 面试八股文题库（持续更新版）
面了字节三面，被问到一个从来没见过的题，当场卡壳。“腾讯二面结束，面试官说：你基础不错，但有些点理解得还不够深。“今年大厂名额这么少，拿什么和别人拉开差距？这是最近一个月，我听到最多的三种声音。2026年的金三银四，大厂前端岗的招聘名额确实在缩紧，但面试的难度却在成倍增加。字节、腾讯、阿里、美团……每一家都在用更刁钻的问题，筛选真正有深度、能抗事的候选人。准备校招的应届生，想系统过一遍大厂考点；准备跳槽的1-5年经验前端，想查漏补缺、冲击更高薪资；还是已经在职，想保持技术敏感度的资深开发。
2026-03-26 17:50:48
882
原创 春招前端面试最强“外挂”，看完赶超95%竞争者！
这份《春招前端面试最强题库外挂》就是你的“作弊器”。我们不是给你一本厚厚的八股文，而是直击最高频、最核心、最易错的“题眼”，每一个考点都经过数百场面试验证，每一道题都藏着面试官想听的“潜台词”。看完它，你不仅能快速补齐知识盲区，更能建立起面试官级别的答题思维，轻松碾压95%的竞争者！春招的战鼓已经擂响，前端岗位的内卷程度又创新高——面试官的问题越来越刁钻，竞争者们在暗处疯狂刷题。别再用战术上的勤奋掩盖战略上的懒惰了！与其焦虑内卷，不如直接开挂——现在开始刷，你的名字就在录用名单上！
2026-03-12 11:04:00
469
原创 一个很恶心，但能年后让你一周通过前端面试的方法
一个“恶心”但有效的7天前端面试通关法我知道，你受够了。受够了那些看似面面俱到却永远抓不住重点的复习资料，受够了刷了无数LeetCode却倒在业务场景追问下的挫败感，更受够了每次面试后对着镜子复盘时那种“如果当时那样答就好了”的懊悔。但我要告诉你一个真相：95%的前端面试，考的是同一个“题库”。这个题库不在网上流传的八股文合集里，而在你每一次面试失败后的反思里，在你刷过的每一道题背后的逻辑里，在你听过的每一个面试官追问的意图里。
2026-02-27 14:16:49
948
原创 强烈建议去听前端技术博客，真的能提level
🌟 真心建议前端方向的同学，把碎片时间留给优质的前端干货博客，就像开启一个“随身知识胶囊”，把碎片时段，变成你在用户界面与系统底层交界处深化理解的黄金窗口。🔹 核心基石：《JavaScript语言精髓与运行机制》从作用域闭包、事件循环到原型继承，透彻理解代码在浏览器引擎中如何被解析、执行和优化。提分点：面对面试官关于异步、内存管理的提问时，能结合V8引擎等运行时环境对答如流。🌿 系统灵魂：《前端框架运行时原理与设计思想》
2026-01-26 11:57:07
974
原创 实话很难听，但这就是26年前端面试现状……
能力边界也在扩张，从写业务代码进化到搭建监控系统、设计CI/CD流水线，不过线上故障现在变成一票否决项，没通过性能和安全评审的需求直接熔断。技术方案决策也变了，不再是团队内部分享，而是结合线上性能数据和业务指标归因做选型，有时一次科学的压测数据比十次技术争论更有效。接下来的内容，将基于最新面试实况，为你揭示如何在新时代的前端面试中展现真正的工程实力。2️⃣ 实际开发流程中，单靠UI稿还原早已被淘汰，2025的主流协作模式是设计系统+性能监控平台+灰度发布流水线，头部大厂的业务线基本按这个节奏跑。
2026-01-12 16:29:34
1044
原创 26年，这两天面了8个前端开发，聊聊他们面试的一些缺点...
其实简历过了初筛，就说明过往经验和技术是被公司认可的，但一到技术面就挂了的原因总结下来主要是以下几点：1.技术基础不够：未深挖核心概念，结合源码理解框架。2.项目经验不足：建议用STAR法则+数据量化突出价值。3.编码能力不够：高频手写题+算法刻意练习。4.沟通协作：结构化表达+协作案例需要沉淀。5.学习能力：技术视野拓展+输出实践较少。事实上，面试不仅是技术考核，更是对候选人解决问题思维、学习自驱力和团队适配性的综合评估。
2026-01-09 16:38:26
924
原创 25年底，面了10个web前端，水平真的令人堪忧啊
近期面试前端候选人时，我发现几个普遍存在的短板，如果不解决，真的很难给offer！问题表现：对闭包、事件循环、原型链等核心概念理解模糊，手写代码时容易卡壳（比如实现Promise.all或深拷贝）。建议： 深入理解V8引擎的运作机制（如宏任务/微任务、内存回收）。能解释清楚this绑定规则、async/await底层原理（Generator + Promise）。
2025-12-23 15:03:18
1352
原创 建议你的前端工程化背到这种程度再去面试
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
824
原创 建议大家有空就去Youtube准备前端面试
还在对着密密麻麻的文字面经和八股文笔记死记硬背吗？是时候换一种更高效、更生动的方式来准备2026年的前端面试了。打开，你会发现这里藏着一个动态的、全球互联的“面试实战模拟库”。它不再是信息的被动接收，而是一场因此，不要把YouTube仅仅当作娱乐工具。把它变成你的。去关注像这样讲解算法与前端题目的优质频道，去搜索大厂工程师的分享，把刷视频的碎片时间，转化为构建你技术表达力和认知深度的宝贵投资。从今天起，让每一次点击播放，都成为你迈向心仪Offer的一次有力练习。以下题库，有需要的可以直接嗱去看看~
2025-12-18 17:44:15
859
原创 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
1842
原创 其实，很多前端岗都是先混进去再说
空」包含了:空数组、空对象、空字符串、0、undefined、null、空 map、空 set,都厘于为空的数据。说个大实话： 干了12年前端，带过无数新人，发现个真相——太多人因为“觉得自己不够格”而错失机会！54.使用同一个链接， 如何实现 PC 打开是 web 应用、手机打开是-个 H5 应用?28,如何在划词选择的文本上添加右键菜单(划词:标滑动选择一组字符，对组字符进行操作)” —— 理解这个，你就不再是工具人！29.富文本里面，是如何做到划词的(鼠标滑动选择一组字符，对组字符进行操作)?
2025-11-18 16:25:00
1046
原创 前端开发进步最快的方式:（邪修版）
🚀 【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
803
原创 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
1390
原创 25年，前端开发项目中的难点亮点【最强面试版】
本书将聚焦前端开发中的与，通过真实案例、最佳实践和前沿探索，剖析技术背后的思考与解决方案。无论你是初入行业的新人，还是经验丰富的工程师，希望这些经验能为你提供启发，助你在瞬息万变的技术浪潮中把握方向，打造更高效、更可靠、更极致的用户体验。—— **代码不止于运行，更在于创造价值。**有需要更多前端资料，看文末免费领取。
2025-05-26 14:42:13
1542
原创 2025年，前端岗最全面试攻略，吃透15个技术栈Offer拿到手软
无论您是初入职场的新人，还是寻求突破的中高级开发者，本指南都将带您深入15个核心技术栈的与。JavaScript、CSS、ES6、Vue2、vue3、React、Node.JS、小程序、HTTP、TypeScript、Webpack、Git、Linux、算法与数据结构、设计模式，我们不仅提供高频面试题的精准解析，更注重培养您举一反三的和。
2025-04-28 10:48:23
1950
原创 互联网工程师111道前端面试场景题及答案整理( 2025年 整理最新版)
而大厂所需要的程序员是有限的，高薪也只能给到少数人，所以前端的竞争才会如此激烈，内卷化也越来越严重。但说到底，你通过分析网上的一些数据后你就会发现：卷的最厉害的其实只是初中级岗，高端岗还是有很多空缺的机会。所以，为了更好的帮助一直以来支持我的粉丝朋友，更好的助力你们面试跳槽涨薪，小编今天也是在这里为大家准备了一份出自于阿里的【2025 版】前端架构师场景题参考指南。而程序员在应聘时更是需要经历层层面试。俗话说，磨刀不误砍柴工，做好面试前的准备工作可以帮助大家更好的应对面试官的问题以及面试中的突发情况。
2025-04-22 14:44:34
1958
原创 2025年，金三银四，Web前端学习步骤及路线（超详细）
感觉学前端学到自己的瓶颈期了，各种框架乱七八糟，感觉好乱。小编精心整理出来的前端程序员初、中、高级的进化之路！前端技术栈说实在的知识点很多，绝不仅仅是随便敲敲代码那么简单。如果下面的大部分没用过，甚至都没听说过，那就怀疑你是不是个假程序员了，要加油了。学习是有顺序的，不要太跳脱，这样到头来反而是最慢的。很多东西真的都是基础阶段已经讲过的，只是你没意识到。这些都是前端程序员必备的技术栈，有些不一定是首选的选择，但这些一定是前端程序员必备的。最后：对这份笔记感兴趣的小伙伴，对这份笔记感兴趣的小伙伴，
2025-04-18 15:19:57
543
原创 2025金三银四春招Web前端八股文汇总【助你备战金三银四】
inner();// 执行过程中，先将全局执行上下文压入执行栈， // 调用outer函数时，将outer函数的执行上下文压入执行栈， // 调用inner函数时，将inner函数的执行上下文压入执行栈， // inner函数执行完毕，其执行上下文弹出， // outer函数执行完毕，其执行上下文弹出。例如，当一个字符串和一个数字进行加法运算时，字符串会被转换为数字（如果可以转换的话），如 "3" + 2 会被转换为 3 + 2 ，结果为 5；映射也是键值对的集合，与对象不同的是，键可以是任意类型。
2025-04-15 10:59:58
2375
原创 TypeScript 6 官宣，JS “最后之舞“，版本升级踩雷指南
总体而言，TypeScript v6 主要做了两方面的工作，一个是新增一些 JS 的新功能，同步最新的 JS 标准；换而言之，如果你的项目能顺利迁移到 v6，未来迁移到 v7 的阻力也会更小。TypeScript v6 是一个主版本更新，包含新功能和破坏性更新，整体目的旨在简化配置，提前适应现代化的 JavaScript 开发环境，为迁移 v7 奠定基础。TypeScript 团队官宣，TypeScript v6.0 主版本正式发布，这也是基于 JavaScript 实现的最后一个主版本。
2026-03-26 15:07:32
398
原创 别再混淆了！JS类型转换底层：valueOf vs toString vs Symbol.toPrimitive 详解
js获取对象值的方法有三种valueOf()toString()这些其实是的问题；三种方式本质上略微不同；我们知道在js中，'一切皆为对象'。每个对象都有一个toString()方法和valueOf方法，其中toString()方法返回一个表示该对象的字符串，valueOf方法返回该对象的原始值。
2026-03-26 15:06:54
182
原创 浏览器窗口最小化的时候，setInterval 执行变慢，解决方案
如果定时任务不涉及 DOM 操作（如轮询数据、发送请求、计时更新），Web Worker 是最佳选择，能完美解决后台频率限制问题。如果必须操作 DOM，则只能接受浏览器对后台页面的优化，并结合可见性 API 调整业务逻辑。选择哪种方案取决于你的具体需求。在 Vue 3 中使用 Web Worker 保持精确计时，只需三步：创建独立的 Worker 文件，内部使用 setInterval 并 postMessage 通知主线程。封装组合式函数管理 Worker 生命周期（创建、启动、停止、销毁）。
2026-03-26 15:06:13
367
原创 CDN图片服务与动态参数优化
在现代Web应用中，图片已经不再是简单的静态资源，而是需要根据设备、网络、浏览器能力动态优化的核心内容。CDN图片服务提供了强大的动态处理能力，结合前端的智能参数拼接，可以实现图片加载的极致优化。一个典型的电商场景商品详情页有10张SKU图片每张图片需要支持不同尺寸（缩略图、详情图、放大镜图）需要兼容不支持WebP的老旧浏览器要求在秒级完成切换，不卡顿本文将深入探讨如何利用 CDN 图片服务，配合前端策略，打造一个高性能、自适应、可扩展的图片系统。
2026-03-26 14:55:18
394
原创 2026 年 Next.js 站点的 SEO 优化指南
Next.js 是最流行的 React 框架，被广泛用来构建现代 Web 应用，自带不少开发者未必会用到的能力。搜索形态正在从传统搜索转向"零点击搜索"，背后是 Google AI Overview、ChatGPT 等 AI 搜索产品在推动。这些平台会持续抓取站点，用元数据和内容做索引，结构清晰、易于抓取的内容更容易被引用、出现在 AI 结果里。要想在这场变化里站稳，就需要同时为人和 AI 爬虫优化页面与内容。下面按最佳实践，从页面和内容两方面说说如何做好 SEO 与 GEO。
2026-03-12 11:01:02
222
原创 Pixelium Design 更新：首版表格上线，完善表单、导航、反馈及视觉组件
最近在维护我的像素风组件库 Pixelium Design，它迎来了一波不小的更新。这次更新不仅带来了功能完善的像素风表格组件，还新增了不少输入组件、导航组件和反馈组件，补全了基础能力。此外，这次的改动，还带来了一个全新的蓝色 notice 主题，让组件看起来更有吸引用户注意的通知提示的感觉。如果你之前觉得 Pixelium Design 还缺了点什么，那这次更新或许刚好能填上你心中的空缺。
2026-03-12 11:00:28
203
原创 前端大文件上传的另一种提速思路
最近在重构项目里的大文件上传模块，本想着按常规方案实现：File API 切片、计算 Hash、封装一个带并发限制（通常习惯性设为 6）的请求池，最后调个 Merge 接口收尾。这套方案可以说是前端圈处理大文件的标配了。在 HTTP/1.1 中，由于协议本身的限制，一个 TCP 连接在同一时刻只能处理一个请求。（大部分浏览器限制为 6 个）。这就像是超市里开了 6 个结账通道，虽然不多，但在物理上是实打实并行的。
2026-03-12 10:59:43
184
原创 手搓一个 Mini React：从 JSX 到虚拟 DOM 的完整实现
javascript编辑ini体验AI代码助手代码解读复制代码手写 Mini React 是理解现代前端框架的最佳途径。通过DidactJSX只是生成对象的语法糖。虚拟 DOM是描述 UI 的普通 JS 对象。Render是一个递归遍历并创建真实 DOM 的过程。UI 是状态的函数。掌握了这些，再去阅读 React 源码或学习 Vue、Solid 等框架，你会发现它们的内核惊人地相似。下一步挑战：尝试为Didact添加useState。
2026-03-12 10:59:07
168
原创 Node.js 中间层退潮：从“前端救星”到“成本噩梦”
技术的世界，没有永恒的真理，只有不断变化的语境。BFF从崛起到回落，不是一个失败的故事，而是一个成长的印记。它见证了前端从“切图”到“全栈”的探索，也见证了架构演进的必然规律。不要停留在过去的荣光里，也不要否定曾经的探索。保持学习，保持思考，保持对新技术的好奇。这才是我们前端最宝贵的品质。如果你也经历过BFF的起起落落，欢迎在评论区聊聊你的故事。原文：https://juejin.cn/post/7610997952249921536。
2026-02-27 14:19:34
295
原创 前端圈子又出新东西了，大幅提升解析速度。尤雨溪推荐，但我不太推荐
目前我是在小项目中尝试的，在Ts类型检查方面确实是有一定速度的提升，但是提升没有想象中的那么大。可以说是把速度由原来的1.0，现在提升到了可能是1.03这个水平。至于Lint和format我直接没试出来任何的区别。官方给出的提升数据确实是不小，张口闭口都是多少多少倍的提升，但是可能需要在大型项目中才能体会到这种明显的提升。我觉得大型项目怎么也得达到2000+的.vue文件，公司的项目不敢随便鼓捣，自己手里也确实没有这么大的项目尝试，所以如果有感兴趣的朋友可以自行测试一下。
2026-02-27 14:19:01
263
原创 如何用 AI 做业务级 Code Review
AI 的能力不仅仅是局限于代码生成，我们希望把它视为一个有经验，懂业务的好搭档。我们做的事情，本质上就是：把团队踩过的坑，变成模型的直觉。原文：https://juejin.cn/post/7611165150921621554。
2026-02-27 14:18:17
573
原创 n8n文件写入权限问题的深度诊断与解决方案：一次完整的技术排查实录
最小权限原则：为n8n创建专用服务账户，仅授予必要目录的访问权限隔离性原则：将运行文件、配置文件和数据文件分离存储原子性原则：通过"写入临时文件+重命名"确保操作的原子性可追溯原则：所有文件操作都应记录详细日志。
2026-01-26 11:51:54
960
原创 一次 scrollIntoView 在 Android 企微中失效的踩坑实录
不要在 Android 企业微信中过度依赖的高级配置项iOS 正常 ≠ 代码在所有环境都正确这类问题的本质往往不是：你写错了代码*，你刚好踩到了 WebView 的能力边界了。作者：zhEng链接：https://juejin.cn/post/7599017594519814170来源：稀土掘金著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。
2026-01-26 11:51:19
2475
1原创 Vue 3 事件透传机制详解
原文：https://juejin.cn/post/7598767580306309174。将属性精确绑定到任意元素上，实现更灵活的传递。可以将其理解为“属性/事件的自动继承”。有时我们不希望所有属性都自动透传。声明属性，即可阻止其继续向下透传。禁用自动透传后，可以使用。，Vue 将不再自动将。
2026-01-26 11:49:05
445
原创 # Flutter Provider 状态管理完全指南
Provider是 Flutter 官方推荐的状态管理库，它基于实现，通过依赖注入的方式在 Widget 树中高效地共享和管理状态。Provider 的核心优势在于其简单性和高效性——它只在状态变更时重建依赖该状态的 Widget，而非整个 Widget 树。当内置 Provider 不满足需求时，可以创建自定义 Provider：dart体验AI代码助手代码解读复制代码。
2026-01-12 16:32:12
879
原创 uni-app实现网络离线定位
最近需要用uni-app实现一下定位的问题，其实就是获取经纬度，然后通过 MQTT 发送到服务器上。但是不知道为什么在我这个终端上这个写法并没有获取到定位信息，甚至代码都不走，多方排查也没有发现问题出在哪儿，遂放弃此方案。熟悉的朋友知道我最近一段时间在搞安卓方面的内容，使用uni-app开发的这段时间总算是体会到了网上兄弟们的心声。想要无能狂怒的叱骂，却又不得不默默的翻看API文档一点点的摸索，找到解决之路的那一刻，不亚于我买双色球中。云打包到基座中，否则也是无法定位的。，否则是无法实现定位的。
2026-01-12 16:31:33
486
原创 TanStack Router 实战：如何构建经典的“左侧菜单 + 右侧内容”后台布局
在 TanStack Router 中，如果你希望创建一个“包裹器”组件（比如包含侧边栏的 Layout），但不希望它在 URL 中增加一层路径，你需要在文件名加一个下划线前缀。: 会生成/admin/...的 URL 路径。不会生成 URL 路径，它只是一个逻辑上的包裹层。/login-> 渲染独立的登录页。-> 渲染_layout(带菜单) -> 渲染index(仪表盘)。/users-> 渲染_layout(带菜单) -> 渲染users(用户列表)。通过使用结构清晰。
2026-01-12 16:31:03
584
原创 React 终于出手了：彻底终结 useEffect 的“闭包陷阱“
Cloudflare 的例子不是危言耸听，我自己也遇到过类似的问题——一个看起来无害的对象放进依赖数组，结果页面卡死。+ "自动同步" 的封装，只是语义更清晰：这是一个"事件"，它描述的是"发生某事时要做什么"，而不是 effect 本身的逻辑。在编译器的情况下，它们稳定对象引用，有助于减少围绕对象标识的潜在 bug。不要听信反对者的声音——React 并没有停滞不前，它还在进化，而且在大多数情况下，变得更好。我知道这个名字很绕口，但当涉及到稳定你的 React 应用时，它是一个救命稻草。
2026-01-12 16:30:30
664
原创 ⚡IndexedDB：现代Web应用的高性能本地数据库解决方案
IndexedDB凭借其大容量、异步高性能和结构化存储能力，成为构建复杂离线应用、实现前端大数据缓存（如你的公式图片缓存场景）的理想选择。尽管其API相对复杂，但通过Promise封装、事务的正确使用以及合理的设计模式，可以充分发挥其潜力，显著提升Web应用的性能和用户体验。希望这篇文章能帮助你更全面地理解IndexedDB，并将其成功应用于更多场景。链接：https://juejin.cn/post/7592939457042939956。
2026-01-09 16:27:07
914
原创 Electron 脚本调用大坑！害惨我了
菜鸟以为做完上面两篇文章就可以高枕无忧了，结果现实给了菜鸟当头一棒！昨天，生信部门将他封装的脚本部署上了服务器，并让我进行调试，看看有没有什么问题！我按照其示例输入、示例运行shell，去修改了自己的运行脚本文件，修改后如下：js体验AI代码助手代码解读复制代码反正命令行拼出来长这样：shell体验AI代码助手代码解读复制代码其中scriptPath代表代表。
2026-01-09 16:26:31
272
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人