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 全栈真实项目与秋招问题。