Markdown content example

介绍了JavaScript编程语言的起源、特点，以及设计问题。

JavaScript 起源

ECMAScript 版本速览

介绍JavaScript的作用域、作用域链与声明提升特性，包括 var、let、const、class、function声明提升。

JavaScript 作用域与声明提升

介绍JavaScript运行时的执行上下文和执行栈，讨论执行上下文模型，包括词法环境和变量模型。

JavaScript 执行上下文和执行栈

介绍JavaScript语言中this绑定的动态性，以及函数在不同的调用形式下this绑定的确定，包括call、apply、bind的使用。

理解this的指向

介绍计算机程序中闭包的定义，以及JavaScript编程中闭包的实践，以及闭包的应用。

JavaScript 闭包

介绍JavaScript中如何按照面向对象范式实现对象的封装。包括原型模式、构造函数模式、class声明，以及介绍JavaScript属性私有化。

JavaScript 面向对象编程之封装

介绍JavaScript中原型机制。包括如何基于原型扩展对象，构造函数如何使用原型，以及原型机制可能造成的问题。

JavaScript 原型机制

介绍JavaScript中如何按照面向对象范式实现继承。包括原型链继承、借用构造函数继承、组合继承、原型式继承、寄生式继承、寄生组合式继承、类声明继承。

JavaScript 面向对象编程之继承

JavaScript 面向对象编程之多态

介绍JavaScript异步编程的实现，包括回调函数实现、事件监听的异步、使用Promise实现异步、借用生成器实现异步，和使用async/await实现异步。

JavaScript 异步编程

介绍JavaScript的事件循环驱动模型，还包括JavaScript程序的整个执行模型，包括任务和微任务在事件模型中如何调度。

JavaScript 事件循环模型

介绍JavaScript程序的内存管理。包括内存管理的基本概念——堆、栈、分配、回收、回收算法，以及介绍V8 引擎中内存管理的工作方式。

JavaScript 内存管理

介绍编译语言、解释型语言、即时编译的定义，介绍V8 JavaScript引擎中即时编译的工作流程。包括解析、解释、编译器的优化。

番外：V8 与即时编译（JIT）

山路回而愈高，水流缓而愈远。当我们多得一分知道、多读一分透彻，幸福就在其间。

阶段一结语

框架

为了细致地阐述阅读地方法，作者把阅读分为了四个层次：基础阅读、检视阅读、分析阅读、主题阅读。切记，这四个阅读层次是累积渐进的，除非你做好了前一个层次的阅读，否则没办法开展下一个层次的阅读。读者应该在不同层次的阅读中，回答自己提出的问题，从而完成阅读工作。

《如何阅读一本书》读后

讲解 JavaScript 属性描述符的概念与用法，区分数据描述符与访问器描述符，并通过示例说明如何精确控制对象属性的特性。

JavaScript 属性描述符

介绍 JavaScript 中 Proxy 与 Reflect 的核心概念和用法，讲解对象拦截与元编程技巧，帮助理解这两个 ES6 特性在实际开发中的应用。

JavaScript 代理和反射

浏览器工作原理

Database 从关系模型到查询、存储、并发、恢复与扩展的知识地图。

Database TODO

HTML

网页样式

redis TODO

服务端渲染

网络请求

先讲清 Codex App 支持哪些能力，再讲怎么用这些能力做 Multi-Agent 编排：三层运行模型加可编程控制面、两层二十个编排原语、八种拓扑，以及跨项目跨主机的落地方法。

[转] Codex 进阶指南：作为 Multi-Agent 编排控制平面

Redis 的定义、核心数据结构、持久化机制、分布式能力及常见应用场景概览。

What is redis

深入理解 Redis 单线程事件循环、I/O 多路复用、epoll 工作机制以及 Redis 请求从接收到响应的完整生命周期。

从请求到响应：Redis 单线程事件循环与 I/O 多路复用原理解析

从关系模型出发，理解关系型数据库如何通过表、键、约束、SQL、事务、索引和系统架构管理共享数据。

什么是关系型数据库：从关系模型到数据库系统架构

从故障恢复出发，理解 Redis RDB 快照、AOF 追加日志、刷盘与重写机制，并掌握持久化选型、备份和生产运维边界。

Redis 持久化原理：RDB、AOF、数据恢复与生产实践

从客户端连接出发，理解一条 SQL 如何经过解析、语义分析、查询改写、查询优化与执行，最终通过索引、缓冲区和数据页读取结果。

一条 SQL 是如何执行的：从连接、解析到执行计划与数据页

从内容平台 Primary 故障出发，深入理解 Redis Primary-Replica 复制、全量与部分同步、Sentinel 故障判定与自动切换，以及异步复制下的数据边界和生产选型。

Redis 高可用原理：Primary-Replica 复制、Sentinel 与故障转移

从单 Primary 瓶颈出发，沿内容平台扩容案例理解 Redis Cluster 的哈希槽、客户端路由、MOVED 与 ASK、传统迁槽与 Redis 8.4+ 原子迁槽、键设计和故障转移边界。

Redis Cluster 原理：哈希槽、请求路由与在线扩缩容

从真实业务需求出发，系统比较 Redis Open Source 自建、Cluster 客户端直连、代理与托管服务，并讨论多可用区、跨地域容灾、Active-Active 和业务隔离的生产架构选型。

Redis 生产架构选型：自建、托管、代理与跨地域容灾

Next.js 从执行边界到页面交付的知识地图。

Next.js TODO

Node.js 从运行时核心到服务工程的知识地图。

Node.js TODO

沿用用户最近十条订单查询，对比顺序扫描、单列索引和联合索引，理解 B-Tree 如何缩小访问范围、提供目标顺序并让 LIMIT 提前停止。

索引为什么能加速查询：从联合索引到 LIMIT 提前停止

从宿主环境出发，理解 ECMAScript、V8、Node.js、libuv 与操作系统如何协作，以及异步 I/O、并发和并行之间的边界。

Node.js 是怎样的 JavaScript 运行时？

从浏览器与 Node.js 的能力边界出发，理解 Electron 如何组合 Chromium、Node.js、多进程模型与桌面 API，让 HTML、CSS 和 JavaScript 成为跨平台桌面应用。

Electron 是什么：Web 技术如何成为桌面应用

从模块作用域与导出出发，理解 Node.js 中 CommonJS 的对象引用、ESM 的实时绑定，以及模块格式、路径解析、缓存、循环依赖和两种模块系统的互操作。

Node.js 模块机制：CommonJS 与 ESM

从一次异步操作的完整往返出发，理解 libuv、操作系统 I/O 通知、Worker Pool、事件循环阶段、nextTick 与微任务，并建立可用于问题排查的运行模型。

Node.js 事件循环与异步 I/O：异步结果如何回到 JavaScript？

从任务、阶段与回调的粒度出发，比较浏览器与 Node.js 的微任务检查点、定时器、渲染机会和生命周期，用可复现实验解释哪些执行顺序可以跨环境推导。

浏览器与 Node.js 事件循环：相同的 JavaScript，不同的调度模型

Web 安全从挑战全景到身份、访问控制、浏览器、服务端、业务、数据与运行防护的知识地图。

Web 安全 TODO

从一次 Web 请求经过的信任边界出发，理解身份冒用、越权、XSS、CSRF、SQL 注入、SSRF，以及业务、资源、数据与运行安全问题如何产生。

Web 安全：Web 系统面临哪些安全挑战？

沿用用户与订单查询，理解统计信息、基数估算和成本模型如何影响执行计划，并通过实际执行结果分析优化器可能选错计划的原因。

查询优化器为什么会选错执行计划

沿着 Guang 编辑 doc-42 的请求，推演身份识别、认证、会话延续、具体授权与权限失效，并理解企业登录和服务调用如何接入这条信任路径。

Web 安全：身份与访问控制如何建立信任？

从用户与订单连接出发，理解 Hash Join 的构建与探测、哈希桶和冲突检查，以及重复键、内存和分批处理怎样影响连接工作量。

扩展：Hash Join 是如何连接两张表的

从一个有限的订单导入任务出发，理解 EventEmitter 的同步分发、监听器引用与生命周期、错误传播，以及怎样用 Promise 和异步迭代消费事件。

Node.js EventEmitter：事件如何分发，监听器如何管理？

沿着 Guang，你好👋 这段文本，理解字符串与字节、Unicode 与 UTF-8、Buffer 的共享与复制、跨块解码，以及文件和协议中的长度、内存与错误边界。

Node.js Buffer 与字符编码：文本怎样变成字节，又怎样还原？

<hr>
<h2 id="section-category-browser-work-principle">category: browser work principle</h2>
<h2 id="section-界面导航">界面导航</h2>
<h2 id="section-页面渲染流程">页面渲染流程</h2>
<h3 id="section-重排和回流">重排和回流</h3>
<h2 id="section-网络请求">网络请求</h2>
<h2 id="section-本地储存">本地储存</h2>
<h2 id="section-安全">安全</h2>
<h3 id="section-同源策略">同源策略</h3>
<h3 id="section-跨站脚本攻击英文cross-site-script缩写xss">跨站脚本攻击（英文Cross Site Script，缩写：XSS）</h3>
<h3 id="section-跨站请求伪造英文cross-site-request-forgery-又称csrf攻击">跨站请求伪造（英文Cross-site request forgery）, 又称CSRF攻击</h3>
<h3 id="section-https">HTTPS</h3>

跨站脚本攻击（英文Cross Site Script，缩写：XSS）

跨站请求伪造（英文Cross-site request forgery）, 又称CSRF攻击