浏览器

写了那么久的前端，你真的了解浏览器背后的“小动作“吗？在开发中，我们常聚焦于代码的健壮性和执行效率，却较少从浏览器角度思考其代码执行方式。本文将着重讲解浏览器的执行机制，助力开发者优化代码，提升 Web 应用性能

JavaScript 运行机制详解：再谈 Event Loop同步更新至个人站点: JavaScript 运行机制详解：再谈 Event Loop本文从经典的 Promise 与 setTimeout 执行顺序问题入手，深入浅出地剖析了 JavaScript 的单线程模型、事件循环（Event Loop）机制。通过辨析宏任务与微任务的区别与优先级，帮助你彻底理解 JS 异步执行的底层原理，看懂页面卡顿的真相。

js使用History.replaceState实现不刷新修改浏览器url在 Web 开发中，浏览器的历史记录管理是一个重要的功能。HTML5 引入了 History 接口的新方法，其中History.replaceState()便是其中之一。它允许开发者在不刷新页面的情况下，修改当前历史记录条目，从而实现动态更新浏览器地址栏的 URL，同时与页面的状态进行关联。

Uncaught URIError: URI malformed 报错如何解决？前几天遇到一个线上问题反馈，用户的某一个文件访问对应的页面时，加载不出来，其他文件都没有问题，拿到这个文件后一看，大概知道了原因，文件名称包含了 % ，name作为query参数拼接到了url后面，name没有做编码，导致浏览器自动解码时遇到 % 报错，结果给用户的表现就是页面空白，啥也没有。

浏览器垃圾回收机制：V8引擎的“清道夫”是怎样工作的？想象一下，你的浏览器就像一个繁忙的办公室，各种各样的任务（网页、脚本、图片）都在这里有条不紊地进行着。每个任务都需要占用一定的“办公空间”（内存）。如果这些任务用完空间后不及时清理，或者有些任务偷偷摸摸地占着空间不放，那这个办公室很快就会变得一团糟，甚至瘫痪。这就是我们常说的“内存泄漏”和“内存溢出”！

白雾茫茫丶

浏览器进程模型及事件循环机制程序运行需要有它自己专属的内存空间，可以把这块内存空间简单的理解为进程有了进程后，就可以运行程序的代码了。一个进程至少有一个线程，所以在进程开启后会自动创建一个线程来运行代码，该线程称之为主线程。如果程序需要同时执行多块代码，主线程就会启动更多的线程来执行代码，所以一个进程中可以包含多个线程。

第七章：数据持久化 —— `chrome.storage` 的记忆魔法本章目标：掌握 chrome.storage API 的使用，学会数据的增删改查，并为我们的项目创建一个“选项页”(Options Page)，让用户可以自定义配置并将其持久化保存。

第六章：玩转浏览器 —— `chrome.tabs` API 精讲与实战本章目标：深入学习 chrome.tabs API 的核心方法，如 query, create, update, group，并利用它们实现“智能标签页管家”的第一个核心功能：一键查询并展示所有标签页。

魔改chromium源码——解除 iframe 的同源策略在进行以下操作之前，请确保已完成之前文章中提到的源码拉取及编译部分。如果已顺利完成相关配置，即可继续执行后续操作。

从 HTML 到屏幕像素：一次性讲清浏览器渲染流程页面渲染是浏览器的核心功能之一，所谓渲染流程，本质就是将 HTML 字符串转换为屏幕上像素点的过程。这个过程看似简单，实则是一套由多进程多线程协同完成的复杂流水线。

跨域问题从青铜到王者：JSONP、CORS原理详解与实战（前端必会）作为一名前端开发者，你一定遇到过这样的报错：红字警告，请求被拦截，数据拿不到，页面空白……是不是很熟悉？

优化前端性能必读：浏览器渲染流程原理全揭秘金金金上线！话不多，只讲你能听懂的前端知识浏览器里面有一个网络进程，进程里面会有一个网络线程：去通信一顿操作之后拿到HTML之后会把这个东西生成成一个渲染任务放到消息队列去排队，渲染主线程拿到渲染任务之后启动渲染流程

幕后英雄 —— Background Scripts (Service Worker)本章目标：理解 Manifest V3 中 Service Worker 的工作模式，学会监听浏览器事件，并为我们的扩展建立一个持久的后台逻辑处理中心。

🔥前端小白到高手之路必学：渲染过程与回流重绘详解🔥当我们在浏览器中打开一个网页时，往往只需要短短几秒，就能看到五彩斑斓的界面。你有没有想过，这一过程背后究竟发生了什么？浏览器是如何一步步把一段 HTML、CSS 和 JavaScript 代码变成我们可以看到和交互的页面的？

初遇你时动了情

浏览器渲染首屏优化性能优化会变成：浏览器渲染遵循刷新率 60Hz（16.6ms 一帧）：JS 主线程 + 渲染引擎合作完成每一帧

事件循环-原理篇金金金上线！话不多，只讲你能听懂的前端知识浏览器是一个多进程多线程的应用程序更多工具 - 任务管理器，可以看见

深入解析协商缓存（弱缓存）协商缓存的核心是验证资源内容是否变化，而不是文件本身是否修改（例如文件元数据变化但内容未变时不应更新）

浏览器【详解】requestIdleCallback（浏览器空闲时执行）requestIdleCallback 是浏览器的一个 API，用于在浏览器空闲时间执行低优先级任务，避免阻塞主线程，提升页面性能和响应速度。

浏览器垃圾回收机制-面试足够了咱们直接开门见山，如何回收，不说为什么有垃圾回收，垃圾怎么造成的，什么情况算是垃圾（可达性），这些大家可以自行搜索