Web 平台与浏览器教程

建立现代 Web 底层认知,覆盖 Web 标准、浏览器架构、URL 到页面展示、DOM/BOM、事件循环、渲染流水线、Web API、缓存存储、安全、性能、Accessibility 与 DevTools。

Internet、Web、Website、Web App 与 Web Platform

本章属于「Web 平台与浏览器 / Web 标准与平台全景」,围绕「Internet、Web、Website、Web App 与 Web Platform」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

URL、URI、Origin 与资源定位

本章属于「Web 平台与浏览器 / 输入 URL 到页面展示」,围绕「URL、URI、Origin 与资源定位」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Browser、Renderer、Network、GPU 进程模型

本章属于「Web 平台与浏览器 / 浏览器架构与 JavaScript 运行环境」,围绕「Browser、Renderer、Network、GPU 进程模型」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

DOM Tree、Node、Element、Document 与节点操作

本章属于「Web 平台与浏览器 / DOM、BOM 与事件系统」,围绕「DOM Tree、Node、Element、Document 与节点操作」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

HTML Parser、CSS Parser、DOM、CSSOM、Render Tree

本章属于「Web 平台与浏览器 / Rendering Pipeline 与性能基础」,围绕「HTML Parser、CSS Parser、DOM、CSSOM、Render Tree」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Cookie、localStorage、sessionStorage 的区别

本章属于「Web 平台与浏览器 / 存储、缓存、离线与 PWA」,围绕「Cookie、localStorage、sessionStorage 的区别」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

URL、URLSearchParams 与 URL 操作

本章属于「Web 平台与浏览器 / 常用 Web API」,围绕「URL、URLSearchParams 与 URL 操作」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

SVG:矢量图、DOM 与前端图形

本章属于「Web 平台与浏览器 / 图形、媒体与并行能力」,围绕「SVG:矢量图、DOM 与前端图形」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Same-Origin Policy:同源策略

本章属于「Web 平台与浏览器 / Web 安全与隐私」,围绕「Same-Origin Policy:同源策略」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Semantic HTML、Accessibility Tree 与辅助技术

本章属于「Web 平台与浏览器 / Accessibility、设计、兼容性与 DevTools」,围绕「Semantic HTML、Accessibility Tree 与辅助技术」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

W3C、WHATWG、ECMA 与浏览器厂商

本章属于「Web 平台与浏览器 / Web 标准与平台全景」,围绕「W3C、WHATWG、ECMA 与浏览器厂商」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

DNS、IP、端口与连接建立

本章属于「Web 平台与浏览器 / 输入 URL 到页面展示」,围绕「DNS、IP、端口与连接建立」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Renderer Process、主线程与页面生命周期

本章属于「Web 平台与浏览器 / 浏览器架构与 JavaScript 运行环境」,围绕「Renderer Process、主线程与页面生命周期」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

BOM:window、location、history、navigator、screen

本章属于「Web 平台与浏览器 / DOM、BOM 与事件系统」,围绕「BOM:window、location、history、navigator、screen」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Style、Layout、Paint、Composite 渲染流水线

本章属于「Web 平台与浏览器 / Rendering Pipeline 与性能基础」,围绕「Style、Layout、Paint、Composite 渲染流水线」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

IndexedDB:浏览器结构化客户端数据库

本章属于「Web 平台与浏览器 / 存储、缓存、离线与 PWA」,围绕「IndexedDB:浏览器结构化客户端数据库」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

FormData、Blob、File、FileReader

本章属于「Web 平台与浏览器 / 常用 Web API」,围绕「FormData、Blob、File、FileReader」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Canvas 2D:像素绘制与动态图形

本章属于「Web 平台与浏览器 / 图形、媒体与并行能力」,围绕「Canvas 2D:像素绘制与动态图形」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

CORS:跨域资源共享与预检

本章属于「Web 平台与浏览器 / Web 安全与隐私」,围绕「CORS:跨域资源共享与预检」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Keyboard、Focus、ARIA 与可访问表单

本章属于「Web 平台与浏览器 / Accessibility、设计、兼容性与 DevTools」,围绕「Keyboard、Focus、ARIA 与可访问表单」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

HTML、CSS、ECMAScript 与 Web API 的职责边界

本章属于「Web 平台与浏览器 / Web 标准与平台全景」,围绕「HTML、CSS、ECMAScript 与 Web API 的职责边界」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

TCP、TLS、HTTP 在浏览器导航中的协作

本章属于「Web 平台与浏览器 / 输入 URL 到页面展示」,围绕「TCP、TLS、HTTP 在浏览器导航中的协作」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

JavaScript Engine、Call Stack 与宿主环境

本章属于「Web 平台与浏览器 / 浏览器架构与 JavaScript 运行环境」,围绕「JavaScript Engine、Call Stack 与宿主环境」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Capture、Target、Bubble 事件流

本章属于「Web 平台与浏览器 / DOM、BOM 与事件系统」,围绕「Capture、Target、Bubble 事件流」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Reflow、Repaint、Composite 与性能代价

本章属于「Web 平台与浏览器 / Rendering Pipeline 与性能基础」,围绕「Reflow、Repaint、Composite 与性能代价」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

HTTP Cache:Cache-Control、ETag、Last-Modified

本章属于「Web 平台与浏览器 / 存储、缓存、离线与 PWA」,围绕「HTTP Cache:Cache-Control、ETag、Last-Modified」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Clipboard API 与权限

本章属于「Web 平台与浏览器 / 常用 Web API」,围绕「Clipboard API 与权限」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Audio、Video 与 Media API

本章属于「Web 平台与浏览器 / 图形、媒体与并行能力」,围绕「Audio、Video 与 Media API」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

XSS:DOM 注入、输出编码与 CSP

本章属于「Web 平台与浏览器 / Web 安全与隐私」,围绕「XSS:DOM 注入、输出编码与 CSP」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

开发者设计基础:层级、对比、留白、Typography 与颜色

本章属于「Web 平台与浏览器 / Accessibility、设计、兼容性与 DevTools」,围绕「开发者设计基础:层级、对比、留白、Typography 与颜色」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

浏览器兼容性、Baseline、Feature Detection 与 Polyfill

本章属于「Web 平台与浏览器 / Web 标准与平台全景」,围绕「浏览器兼容性、Baseline、Feature Detection 与 Polyfill」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

HTTP Request / Response、状态码与资源返回

本章属于「Web 平台与浏览器 / 输入 URL 到页面展示」,围绕「HTTP Request / Response、状态码与资源返回」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Task、Microtask、Event Loop 与页面响应

本章属于「Web 平台与浏览器 / 浏览器架构与 JavaScript 运行环境」,围绕「Task、Microtask、Event Loop 与页面响应」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

事件委托、默认行为与 Event 对象

本章属于「Web 平台与浏览器 / DOM、BOM 与事件系统」,围绕「事件委托、默认行为与 Event 对象」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

requestAnimationFrame、动画帧与主线程预算

本章属于「Web 平台与浏览器 / Rendering Pipeline 与性能基础」,围绕「requestAnimationFrame、动画帧与主线程预算」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Cache Storage、Service Worker 与离线能力

本章属于「Web 平台与浏览器 / 存储、缓存、离线与 PWA」,围绕「Cache Storage、Service Worker 与离线能力」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

IntersectionObserver、ResizeObserver

本章属于「Web 平台与浏览器 / 常用 Web API」,围绕「IntersectionObserver、ResizeObserver」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Web Worker:把计算移出主线程

本章属于「Web 平台与浏览器 / 图形、媒体与并行能力」,围绕「Web Worker:把计算移出主线程」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

CSRF:Cookie 身份与跨站请求伪造

本章属于「Web 平台与浏览器 / Web 安全与隐私」,围绕「CSRF:Cookie 身份与跨站请求伪造」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Chrome DevTools:Elements、Console、Sources、Network、Performance、Lighthouse

本章属于「Web 平台与浏览器 / Accessibility、设计、兼容性与 DevTools」,围绕「Chrome DevTools:Elements、Console、Sources、Network、Performance、Lighthouse」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

MPA、SPA、CSR、SSR、SSG 的架构定位

本章属于「Web 平台与浏览器 / Web 标准与平台全景」,围绕「MPA、SPA、CSR、SSR、SSG 的架构定位」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

主文档、子资源发现与 Network Waterfall

本章属于「Web 平台与浏览器 / 输入 URL 到页面展示」,围绕「主文档、子资源发现与 Network Waterfall」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Site Isolation、多进程隔离与崩溃边界

本章属于「Web 平台与浏览器 / 浏览器架构与 JavaScript 运行环境」,围绕「Site Isolation、多进程隔离与崩溃边界」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

MutationObserver 与 DOM 变化观察

本章属于「Web 平台与浏览器 / DOM、BOM 与事件系统」,围绕「MutationObserver 与 DOM 变化观察」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

FCP、LCP、CLS、INP、TTFB 与 Core Web Vitals

本章属于「Web 平台与浏览器 / Rendering Pipeline 与性能基础」,围绕「FCP、LCP、CLS、INP、TTFB 与 Core Web Vitals」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

PWA:Manifest、安装、离线与渐进增强

本章属于「Web 平台与浏览器 / 存储、缓存、离线与 PWA」,围绕「PWA:Manifest、安装、离线与渐进增强」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

History、Navigation 与页面导航能力

本章属于「Web 平台与浏览器 / 常用 Web API」,围绕「History、Navigation 与页面导航能力」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Web Components:Custom Elements 与 Shadow DOM

本章属于「Web 平台与浏览器 / 图形、媒体与并行能力」,围绕「Web Components:Custom Elements 与 Shadow DOM」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

SameSite、Secure、HttpOnly、权限与隐私边界

本章属于「Web 平台与浏览器 / Web 安全与隐私」,围绕「SameSite、Secure、HttpOnly、权限与隐私边界」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。

Progressive Enhancement、兼容性测试与生产验收

本章属于「Web 平台与浏览器 / Accessibility、设计、兼容性与 DevTools」,围绕「Progressive Enhancement、兼容性测试与生产验收」建立核心认知,要求能够解释概念、理解机制或 API、完成最小代码实验,并能连接到 Java 全栈真实项目与秋招问题。