摘要: Escape、encodeURI、encodeURIComponent:JavaScript 编码函数详解 在 Web 开发中,正确处理 URL 和特殊字符至关重要。JavaScript 提供了三个主要函数用于编码:escape()、encodeURI() 和 encodeURIComponent( 阅读全文
posted @ 2025-06-27 15:49 张浩伟 阅读(311) 评论(0) 推荐(0)
摘要: DOM 与 BOM 详解 DOM (文档对象模型) 定义:将 HTML/XML 文档解析为树形结构的编程接口,允许 JavaScript 操作页面内容 核心结构: graph TD A[Document] --> B[Element: html] B --> C[Element: head] B - 阅读全文
posted @ 2025-06-27 15:12 张浩伟 阅读(23) 评论(0) 推荐(0)
摘要: HTML、CSS、JavaScript 加载顺序分析与优化建议 一、加载顺序与相互影响 sequenceDiagram participant Browser participant Network participant Parser Browser->>Parser: 开始解析HTML Pars 阅读全文
posted @ 2025-06-27 15:09 张浩伟 阅读(106) 评论(0) 推荐(0)
摘要: 前端页面加载过程是一个复杂的流程,涉及多个阶段和技术的协同工作。以下是详细的流程分析,涵盖从用户发起请求到页面完全渲染的全过程: 一、导航阶段(Navigation Phase) 用户输入URL 浏览器检查URL合法性(协议/域名等)。 若输入为搜索关键词,调用默认搜索引擎。 读取缓存 Servic 阅读全文
posted @ 2025-06-27 15:08 张浩伟 阅读(82) 评论(0) 推荐(0)
摘要: 在 JavaScript 中,回流(Reflow) 和 重绘(Repaint) 是浏览器渲染引擎处理网页更新的两个关键过程,直接影响页面性能。以下是详细分析: 一、核心概念 重绘(Repaint) 当元素样式改变但不影响布局时(如颜色、背景色、可见性等),浏览器只需重新绘制受影响的部分。 不触发几何 阅读全文
posted @ 2025-06-27 10:04 张浩伟 阅读(84) 评论(0) 推荐(0)
摘要: JavaScript 观察者模式解析 观察者模式(Observer Pattern)是一种行为型设计模式,它定义了一种一对多的依赖关系,当一个对象(主题)的状态发生改变时,所有依赖它的对象(观察者)都会自动收到通知并更新。 核心概念 Subject(主题):维护观察者列表,提供添加/移除观察者的方法 阅读全文
posted @ 2025-06-27 09:34 张浩伟 阅读(23) 评论(0) 推荐(0)
摘要: JavaScript 发布/订阅(Pub/Sub)模型解析 发布/订阅模式是一种消息传递模式,其中 发布者 和 订阅者 通过事件通道(Event Channel)解耦。发布者不直接发送消息给订阅者,而是将消息分类发布到通道,订阅者根据兴趣接收特定类别的消息。 核心概念: 发布者(Publisher) 阅读全文
posted @ 2025-06-27 09:34 张浩伟 阅读(59) 评论(0) 推荐(0)