现象：父元素“包不住”子元素的 margin 先来看一段再普通不过的 HTML 结构： 配上样式： 直觉预期：子元素距离父元素顶部 50px，父元素高度会变成 150px（100px 子元素 + 50

输入 URL 到页面展示（结合浏览器多进程完整版面试口述版） 按顺序 + 进程分工梳理，直接背诵，逻辑清晰、考点全覆盖。 整体流程（分 7 大步，标注对应进程） 1. 地址栏输入 URL，回车（浏览器

你是否曾经疑惑过：为什么 setTimeout 后面的代码会先执行？为什么 Promise 能解决回调地狱？JS 明明是单线程，却能处理网络请求、定时任务？本文将带你从计算机底层进程线程讲起，逐步揭开

vue 基础 1. 声明式渲染 模板语法：{{ }} 文本插值、v-html 输出 HTML 指令： 内置指令：v-bind、v-on、v-model、v-if/v-else-if/v-else、v-

一个真实的“翻车”场景 上周维护一个老项目，看到同事写了这样的代码： 他把 await 放在 for 循环里，本意是串行请求，结果因为接口响应时间不同，数据顺序全乱了。我帮他改成 Promise...

上个月团队扩招，我面试了一个特别“潮”的候选人。他说自己不用手写代码，全靠AI生成，自称“Prompt工程师”。我觉得挺新鲜，就招了进来。结果一个月后，他负责的模块上线，三天内爆出十几个bug。

前端这几年一直在被重新定义。 从组件化、工程化、跨端到 Node.js 全栈，再到 AI 应用开发，边界每隔一段时间就会被推开一次。过去这些变化大多围绕怎么把界面做出来、做稳定、做高效展开，你要理解浏

0. 开篇钩子 你可能天天在用富文本编辑器，飞书写文档、掘金写文章、语雀记笔记。但你想过一个问题吗——浏览器里那些加粗的文字、插入的图片、@某人的标签，底层到底是怎么存、怎么渲染的？ 有人说"不就是

__proto__ vs prototype：90% 的人分不清的 JavaScript 核心机制 一、先搞清楚两个容易混淆的东西 很多初学者看到 __proto__ 和 prototype 就头大，

前端转全栈别乱学：15 个 Node.js 高质量资源，按能力地图整理 前端转全栈，最容易踩的坑不是资源不够。而是学习顺序错了。 也许有小伙伴说ai写代码还有必要看这个地图吗？ 我的回答有必要，ai虽

面试官的“新标配问题” 8场面试，所有面试官都问了AI工具相关的问题。我把它们分成三类： 第一类：基础使用题 “你平时用Copilot还是Cursor？” “大概用多久了？感觉怎么样？” 这种问题

手写Promise，面试经典老题。但2026年了，还有多少人在面试前夜死磕`resolve`、`reject`、`then`的链式调用？

前言 写 JS 谁没栽在拷贝上？兴冲冲赋值以为复制好了对象，改新变量原数据跟着原地叛变；只改内层属性老对象悄悄躺枪，排查 BUG 半天才发现踩了引用的大坑。浅拷贝只能扒外层皮，嵌套对象依旧共用一套内存

AI 生成代码时，经常会写出一种看起来很谨慎的风格：到处判断空值、到处给默认值、到处包 try/catch，读取环境变量时还特别喜欢加 trim() 和 fallback。 比如下面这种代码很常见：

身边总有人问我，你一天到晚写代码，随手写个小程序或者 App，不就能一直赚钱吗？ 以前听到这句话，我只是觉得好笑。后来我真的做了一个小程序，也接入了广告，才更明确地发现，这件事真正难的地方，从来不是把

💡 前言：为什么会有深浅拷贝的纠结？ JS 将数据分为简单数据类型（原始值） 和 复杂数据类型（引用值） 。 简单类型：直接存放在栈（Stack）中，赋值是“值”的完全复制，不存在深浅拷贝的概念。 复

很多人第一次做协同编辑，都会下意识把它理解成一个更复杂的 WebSocket 功能。 两个人打开同一篇文档，A 输入一段文字，B 的页面实时出现；B 删除一个段落，A 的页面也跟着更新。这个效果看起来

2026年的前端面试，变了 这不是段子。这是2026年春招，某二线大厂前端群面的真实场景。 曾几何时，我们以为背熟ES6、刷透LeetCode、手写Promise、精通Vue和React的源码，就能稳

复杂 Agent 最容易失稳的地方，往往不是后面某个工具没调好，也不是某个模型节点回答得不够漂亮，而是用户输入刚进入系统时，任务就已经被读错了。 在单轮聊天里，理解偏一点，常见后果只是回答不够贴题。但