浏览器

router.replace 之后紧跟 reload，页面为什么无限刷新？有个需求几乎每个前端都写过：从 URL 上读一个一次性参数——登录 token、邀请 code、渠道来源 ref——用完之后，把它从地址栏抹掉，再刷新一下页面让新状态生效。

爱看老照片

浏览器的同源策略以及跨源问题（浏览器的同域策略以及跨域问题）源 = 协议 + 主机 + 端口（如：http://192.168.0.0.1:8080）“同源”即是指协议、主机、端口三者都完成相同。

记一次坑爹的 Cloudflare Pages 部署：Failed to load module script 是怎么把我的 SPA 搞挂的昨天我们产品的官网项目发了个新版本，满心欢喜等用户反馈。结果没过多久，就有人报 Bug，说线上的网站白屏了。

浏览器本地存储 (cookie 、sessionStorage、localStorage)Cookie 是服务器发送到用户浏览器并保存在本地的一小段文本数据，浏览器在后续请求中会自动携带同源的 Cookie，用于会话管理、个性化设置和跟踪分析。

浏览器缓存最强攻略：强缓存、协商缓存、CDN、更新策略，一篇搞定网站加载慢？重复请求浪费带宽？用户总是看到旧版本？这些问题背后，都指向同一个关键词：缓存。今天我们从HTTP头开始，彻底搞懂强缓存、协商缓存、CDN缓存、前端静态资源版本管理，以及最常见的缓存坑和解决方案。

HTTP 强缓存和协商缓存（浏览器缓存）HTTP 缓存（也称浏览器缓存）分为两大类：强缓存和协商缓存。强缓存优先于协商缓存，强缓存命中时，浏览器直接使用本地副本，不会与服务器通信；若强缓存失效，则进入协商缓存阶段，向服务器验证资源是否更新。

初心丨哈士奇

一行 # 的差别：彻底搞懂前端路由的 hash 和 history 模式哈士奇下午看到内部的技术文章，发现history模式和hash模式竟然会影响浏览器的SEO，看到自己从没写过hash和history模式的文章，所以补充一下对这方面的了解并且写一篇文章出来给大家品鉴一下。

油猴脚本教程——元数据块开发环境使用脚本猫扩展点击跳转脚本猫官网我的CSDN个人主页什么是油猴脚本？依赖浏览器扩展运行的一段javascript代码，主要用于辅助工作。

从复制 Token 到复用登录态：site-fetchkit 的抽离过程做 Agent 网页读取时，最先撞到的不是解析规则，而是登录态。最早的做法是把页面 token 手动塞进环境变量，再由脚本拼请求头去抓内容。这个方案能快速验证，但站点一多就会反复踩同一个坑：token 过期、存储位置不统一、每个 skill 都要重复写一套"读取-校验-重登"逻辑。

从卡顿到顺滑，只差这几个优化同样的功能，为什么别人的网页纵享丝滑，你的却像在嚼炫迈？今天聊聊，怎么让网页从"卡"变成"顺"。墨渊书肆/从卡顿到顺滑，只差这几个优化

耿公子和编程

easybr指纹浏览器：轻量高效的环境隔离解决方案在自媒体多账号运营中，环境隔离一直是核心痛点。传统方案要么成本高昂，要么操作繁琐。easybr指纹浏览器凭借其轻量级设计和出色的性能，正在成为越来越多运营者的首选工具。

审判长烧鸡

【AI问答/前端】前端满天过海局（一）Axios感觉就像一堆ajax函数,再高深我就不懂了，Pinia可以当成是各组件之间的变量主动响应?这边改了,那边用到这个变量的也变了?跟vue插件传参不一样吧,感觉,vue还要写插槽传值(好像是这样,太久我忘了)。

我明白为什么B站没法在浏览器开直播了——Windows Chrome推流踩坑全记录上一篇文章确定了技术选型：RTMP推流 + SRS转发 + FLV拉流 + WebSocket信令。但我当时想得有点美：既然SRS 5.0支持WHIP协议，是不是可以写一个简单的网页，让主播打开浏览器就能推流，不用装OBS？

JavaScript：从事件循环到手写 Promise完整教学体验请参阅：JavaScript：从事件循环到手写 PromiseJS 是单线程 → 必须有异步 → 异步靠事件循环落地 → 事件循环里有微任务这种"插队任务" → 微任务催生了 Promise → Promise 的形状由几条不可妥协的约束逼出来 → 我们把这些约束翻译成代码。

书签真正难的不是收藏，而是找回来：我是怎么做这个 Chrome 插件的浏览器书签这个功能，大家都不陌生，但真正用顺手的人并不多。原因不是不会收藏，而是收藏数量一上来以后，原生书签管理器越来越像仓库，不像检索工具。你明明记得自己收藏过一个东西，也记得大概和“短信”“支付”“AI”“监控”“后台”有关，但就是想不起来它到底被塞进了哪一层目录。最后最常见的结局不是找到，而是重新去搜索引擎再搜一遍。

爱学习的程序媛

浏览器工作原理全景解析当你轻点链接或敲下回车，不到一秒，网页便跃然屏上。这“魔法”背后，是浏览器数百万行 C++ 代码的精密协作。本文将以 Chromium 架构为主线，拆解从 URL 输入到像素呈现的全过程，并告诉你这些原理如何指导我们写出性能更好、更安全的代码。

2026 浏览器原理常见面试题（附答案）答案： ① DNS 解析，建立 TCP 连接（TLS 握手）；② 发送 HTTP 请求，接收响应；③ 解析 HTML 构建 DOM 树；④ 解析 CSS 构建 CSSOM 树；⑤ 合并 DOM 和 CSSOM 构建 Render Tree（只含可见节点）；⑥ Layout（回流/重排）：计算每个节点的位置和尺寸；⑦ Paint（重绘）：生成绘制指令；⑧ Compositing（合成）：将各层合并输出到屏幕。

URL 重写规则和静态资源解析逻辑最近部署博客页面时遇到这样的问题：同样的页面结构，部署到我的两个域名下：dodolalorc.cn 和 dodolalorc.github.io，对应的网页内容是相同的，但是 dodolalorc.cn 需要写成https://dodolalorc.cn/links.html才能显示内容，否则会报404，dodolalorc.github.io就不需要这样。

韭菜炒大葱

讲讲浏览器的缓存机制浏览器缓存的核心目的就是：让浏览器少发请求、少下载资源，也就等同于让页面更快、服务器压力更小。浏览器请求一个静态资源，如：CSS、JS、图片时，顺序判断：

讲讲浏览器的缓存机制浏览器缓存的核心目的就是：让浏览器少发请求、少下载资源，也就等同于让页面更快、服务器压力更小。浏览器请求一个静态资源，如：CSS、JS、图片时，顺序判断：