CSP (Content Security Policy 内容安全策略)
CSP 是一种 HTTP 安全策略,用来限制网页可以加载哪些脚本、样式、图片、字体、连接和嵌入内容。核心作用CSP 主要用来降低 XSS 攻击风险。即使页面中出现了可注入内容,攻击脚本也可能因为不在允许来源中而无法执行。示例Content-Security-Policy: default-src 'self'; script-src 'self' https
CSP 是一种 HTTP 安全策略,用来限制网页可以加载哪些脚本、样式、图片、字体、连接和嵌入内容。核心作用CSP 主要用来降低 XSS 攻击风险。即使页面中出现了可注入内容,攻击脚本也可能因为不在允许来源中而无法执行。示例Content-Security-Policy: default-src 'self'; script-src 'self' https
DOM Tree 是 DOM 节点按照父子关系组织起来的树状结构。示例<body> <main> <h1>Hello</h1> <button>Save</button> </main> </body>浏览器会把它理解为:document └── html └── bod
JavaScript 是 Web 前端的核心脚本语言,负责页面交互、状态变化、网络请求和浏览器 API 调用。在浏览器里的角色HTML 提供结构,CSS 提供样式,JavaScript 提供行为。用户点击按钮、输入内容、打开弹窗、请求后端数据,通常都由 JavaScript 驱动。关键能力操作 DOM。监听事件。发起 HTTP 请求。管理异步任务。调用浏览器 API。与后端接口协作。学习主线基础语
Parsing 是把文本或字节流转化为结构化表示的过程。浏览器会解析 HTML、CSS 和 JavaScript,再进入渲染与执行流程。在浏览器中HTML 解析成 DOM Tree。CSS 解析成 CSSOM。JavaScript 解析成 AST,再由引擎编译或解释执行。为什么重要解析阶段决定了浏览器如何理解源代码。语法错误、阻塞脚本和资源加载顺序都会影响后续渲染。本文归档于个人知识库 · 领域: