用户输入 URL 后，浏览器首先解析 URL 并进行 DNS 查询获取服务器 IP，然后通过 TCP 三次握手建立连接。如果是 HTTPS，还会进行 TLS 握手，通过数字证书验证服务器身份并协商对称

前言 在前面的 Agent 记忆体系里，我们已经把短期记忆和长期记忆的边界拆开了：Redis 更适合承载最近几轮消息、会话摘要、临时状态；PostgreSQL 或向量数据库更适合承载永久消息、历史记录

Container Queries 解决了什么问题？ @media 媒体查询基于视口宽度。这导致一个组件在不同父容器下无法独立响应——同样的卡片，在侧边栏和主内容区需要两套样式或者额外类名。

手写 call、apply、bind 是 JS 进阶的必修课。本文从原理出发，给出完整实现代码，并处理 3 个最容易被忽略的边界情况：null/undefined 指向、原始类型转换、new 调用..

页面内容可以无限滚动，但背景图片必须像“贴膜”一样固定在屏幕视口中，不随内容滚动，也不因内容高度的改变而重新拉伸或定位。

Event Loop 面试通关：从原理到口述再到实战 一、readme.md 知识点梳理 readme.md 围绕 事件循环（Event Loop） 展开，核心可归纳为以下五层： 第一层：单线程困境

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

手写React Hooks，从useMouse到useTodos，掌握自定义Hook的核心规则与数据流。

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

在前端日常开发与算法面试中，数组、栈、队列、链表是最基础也最核心的线性数据结构。本文结合 JavaScript 语言特性，梳理它们的原理、特性、内存差异、时间复杂度以及高频考点，帮你系统理清知识点。

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

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

引言：为什么需要 HTTPS？ 在传统的 HTTP 协议中，数据是以明文形式在网络中传输的，这带来了三大安全风险：窃听（隐私泄露） 、篡改（数据被劫持修改）和冒充（钓鱼网站） 。 为了解决这些问题，H

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

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

本文深度解析 JS 数组底层原理与 ADT 概念，详解增删改查、遍历方法及二维数组避坑指南。剖析原型链机制，助你从语法到逻辑全面进阶，夯实大厂面试与高性能开发基础。

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

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

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