- 博客(26)
- 收藏
- 关注
RSS订阅原创 前端设计模式：策略模式与代理模式的重构艺术
面试官提问： “在 Vue 3 中，数据响应式是如何实现的？另外，在一个复杂的表单校验或权限判断逻辑中，你是如何避免写出上百行的 if-else 的？”
2026-02-02 11:55:05
819
原创 浏览器脚本加载机制与关键渲染路径
面试官提问： “浏览器解析 HTML 时遇到 script 标签会发生什么？defer、async 和 type='module' 在加载和执行时机上究竟有何区别？JS 的执行会阻塞 DOM 树构建吗？会阻塞 CSSOM 吗？”
2026-02-02 11:54:29
491
原创 前端设计模式：发布订阅与依赖倒置的解耦之道
面试官提问：“在大型前端项目中，模块之间的耦合变得越来越严重。你会如何设计代码来解决耦合问题？请谈谈你对发布订阅模式和依赖倒置原则的理解。”
2026-02-01 17:48:21
1190
原创 拒绝死记硬背：从一道 BFE 面试题彻底搞懂 JS 柯里化
面试官提问：“请手写一个通用的 `curry` 函数。要求支持占位符（placeholder），并解释一下我们为什么要柯里化？”
2026-02-01 14:59:13
827
原创 拒绝“白屏”噩梦：构建企业级前端监控与可观测性体系
面试官提问： “代码上线后，怎么知道用户有没有报错？如果页面加载慢，你是怎么发现并定位瓶颈的？你的埋点代码是满屏写 track() 吗？”
2026-01-04 18:39:11
600
原创 前端架构师进阶：从零搭建 pnpm + Turborepo 高效 Monorepo 架构指南
面试官提问： “我看你的简历上写了搭建过 Monorepo。请问如果不使用 Monorepo，传统的 Multi-repo 会遇到什么问题？你是如何解决代码共享和工作流统一的？pnpm 在这里起到了什么作用？”
2026-01-03 00:52:00
1147
原创 前端工程化样式方案大盘点：从 BEM 到 Tailwind 的演进之路
**面试官提问**: “在大型前端项目中，你们是如何管理 CSS 的？CSS Modules、CSS-in-JS 和 Tailwind CSS 各有什么优缺点？为什么最近 Atomic CSS 这么火？”
2026-01-03 00:32:22
932
原创 前端包管理器的三国杀：npm、yarn 与 pnpm 的架构演进
**面试官提问：** “项目里为什么会出现‘幽灵依赖’？pnpm 是如何解决这个问题的？`package-lock.json` 到底有什么用，能删吗？”
2026-01-01 23:23:56
1246
原创 彻底搞懂前端模块化：CommonJS 与 ES Modules 的宿命对决
**面试官提问：** “请简述一下 CommonJS 和 ES Modules 的区别。为什么现在的打包工具（如 Webpack/Vite）都推荐使用 ES Modules？”
2026-01-01 22:55:30
1760
原创 拒绝“一本正经胡说八道”：RAG 与向量数据库详解
本文将带你深入 RAG 的核心架构，并揭示支撑这一架构的关键拼图：向量数据库、嵌入模型与重排序技术。
2025-12-25 14:21:54
693
原创 面试官：讲讲浏览器的DOM操作
无论 React 的 Fiber 架构还是 Vue 的 Compiler-Svelte 模式，其最终交付给浏览器的都是原生 DOM 操作。很多开发者在面试中能对 Virtual DOM 侃侃而谈，却在面对“如何手动优化一千个节点的插入”时哑口无言。本文将带你跳出框架，回归底层，构建一套完整的原生 DOM 知识体系。
2025-12-25 14:16:21
968
原创 JS继承的“进化论“
你以为 JS 有很多种继承方式？错！JS 只有一种机制：原型委托。所谓的“构造函数继承”、“组合继承”统统都是为了模仿 Java 类继承而产生的“战术补丁”。本文将带你通过进化论的视角，彻底看清 JS 继承的本质。
2025-12-24 13:16:57
658
原创 面试官：介绍一下浏览器的垃圾回收（GC）机制
在 JavaScript 中，内存管理是自动的。当我们创建变量、对象、函数时，系统自动分配内存；当这些对象不再被需要时，垃圾回收机制（Garbage Collection）就会将其销毁并回收空间。
2025-12-24 13:15:49
869
原创 Positon的各个属性值和区别作用
面试官提问： “absolute 和 relative 有什么区别？fixed 是相对于谁定位的？sticky 的生效条件是什么？”
2025-12-23 11:33:59
552
原创 ES6 如何解决 JS 中的函数二义性问题
面试官问“箭头函数和普通函数的区别”，大多数人只能背出 this 指向不同。但本文将从 ES6 的顶层设计切入：JavaScript 为什么要创造箭头函数？它是如何通过剥离“构造”能力，解决 ES5 函数既是“过程”又是“对象工厂”的二义性 (Ambiguity) 问题的？
2025-12-22 14:53:31
940
原创 面试官：面向对象编程/函数式编程的区别？
前端界正在经历一场从“高度封装的对象”向“纯粹的函数组合”的范式转移。本文将通过一个经典的倒计时组件，深度剖析这两种思维模式的本质差异。
2025-12-22 14:50:42
1070
原创 面试官：聊聊对原型和原型链的理解
原型链是 JavaScript 模拟面向对象继承的核心机制，也是无数面试者的噩梦。本文将抛弃浅显的比喻，从底层内存视角出发，解密 prototype 和 __proto__ 的本质区别，并深入探讨一个鲜有人知的问题：原型的内存空间究竟是在函数定义时分配的，还是在 new 的时候分配的？
2025-12-20 11:48:36
865
原创 JS 基石：变量声明与数据类型详解
在前端面试中，变量声明（var/let/const）和数据类型往往是连环炮。面试官问完“Const 有什么特点”，紧接着就会问“为什么 Const 定义的对象可以修改属性？”
2025-12-19 12:35:43
830
原创 JS中的事件循环 - 从基础原理到性能改善
面试官提问： “请简述一下 JavaScript 的事件循环机制。setTimeout 和 Promise 的执行顺序有什么区别？”
2025-12-18 12:25:42
1647
原创 从原理到 flex: 1 的底层计算
面试官提问： “平时开发中常用的布局方式是什么？能不能讲讲 flex: 1 代表什么？它和 flex: auto 有什么区别？”
2025-12-17 14:40:27
981
原创 JS如何判断是不是数组？
面试官提问： “在 JavaScript 中，如何判断一个变量是不是数组？你能说出几种方法？为什么 instanceof 在某些场景下会失效？”
2025-12-17 14:18:41
796
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人