浏览器

拾光拾趣录

一个“全局变量”引发的线上事故你正在给一家 SaaS 客户做「企业级仪表盘」项目。需求很简单：把 20 多个子系统的实时指标汇总到一张大屏。为了“图省事”，你在入口文件里顺手写了这么一段：

拾光拾趣录

一次诡异的登录失效线上告警：用户上午 10:00 登录成功，10:15 刷新页面却跳回登录页。排查发现，你给 token Cookie 设置了 Max-Age=900，但运维在 Nginx 又加了一层 proxy_cookie_path，把过期时间改写成 Session。用户浏览器里同时出现了两条同名 Cookie，一条 15 min 一条 Session，结果请求带的是后者——登录状态瞬间蒸发。要彻底堵这种坑，得先拆清楚 Cookie 到底由哪些“零件”组成。

拾光拾趣录

为什么浏览器那条“假进度”救不了我们？你在做「企业级低代码平台」时，客户把 200+ 微应用一次性嵌进门户首页。浏览器自带的进度条只认主文档，微应用懒加载的 JS/CSS/图片它一概不管，用户盯着 100 % 的进度条却白屏 3 秒，投诉直接拉满。于是，你撸了一条完全受控的自定义加载进度条，从 0 % 到 100 % 与真实资源一一对应，投诉率当天掉到 0。

浏览器是如何渲染页面的？概述浏览器渲染原理上一篇文章：面试官：从「敲下一个 URL」到「页面出现在屏幕」都经历了什么？，最后一步页面出现在屏幕的时候浏览器如何渲染页面只是做了简要的讲解，这一篇文章将做详细讲解

🚀 CRXJS v2.0正式版发布：Chrome扩展开发新体验CRXJS团队于近期宣布v2.0.0正式版发布，标志着这一基于Vite的Chrome扩展开发工具链结束三年beta测试阶段，全面进入稳定应用期。该版本历经Vite 3至Vite 6多版本迭代，已形成成熟的扩展开发解决方案

浏览器渲染全过程解析深入探索浏览器如何将代码转化为视觉盛宴，揭示高效渲染背后的技术原理当你在浏览器地址栏输入URL并按下回车时，浏览器网络线程首先接收到HTML文档。这个文档只是一串字符，浏览器需要将其转化为用户可见的像素。网络线程会产生一个渲染任务，并将其传递给渲染主线程的消息队列。

拾光拾趣录

浏览器存储：从Cookie到IndexedDB当你开发的图片编辑器保存大文件时，突然弹窗提示"存储空间不足"——这就是前端存储选型不当的代价。实测数据：在Chrome 105中，IndexedDB存储200MB视频文件无压力，而localStorage超过5MB即报错

拾光拾趣录

前端静态资源本地缓存：从秒开到省流量当用户在地铁弱网环境下刷新你的电商网站，首屏加载时间从3秒变成30秒——静态资源的加载效率就是用户体验的生死线！

【实践篇】【01】我用做了一个插件，点击复制，获取当前文章为 Markdown 文档我去年的时候，做了一个浏览器插件，这个插件支持一键直接将掘金文章，复制成 Markdown 文本。文章链接在这儿: juejin.cn/post/736349…

浏览器重绘与重排作为一名前端开发者，你是否遇到过界面突然卡顿、滚动时页面抖动或输入框响应迟钝？这些常见性能问题背后，往往是重排与重绘在作祟。本文将深入剖析浏览器渲染机制，揭示性能杀手本质！

唐叔在学习

不用装插件！3轮对话，我用油猴脚本+AI复刻了掘金闪念笔记，真香！作者：唐叔在学习关键词：#油猴脚本 #闪念笔记 #Tampermonkey #AI编程 #浏览器插件开发

拾光拾趣录

油猴插件开发学习：从零编写你的第一个浏览器增强脚本无需浏览器扩展开发经验，仅需基础JavaScript能力即可定制化增强任何网站功能油猴（Tampermonkey）是用户脚本管理器，允许你为任何网站注入自定义JavaScript代码。根据调研数据，全球超过200万开发者使用油猴脚本：

刷新页面前，我们能够将请求发出么用户离开页面时，浏览器会取消正在发出的异步请求。这是因为默认情况下，异步请求是非阻塞的。一旦请求被放入队列中，网络请求交给浏览器的网络线程（网络线程不会阻塞 JS 线程）。这意味着当页面进入 “终止” 状态时，它们可能被销毁。那究竟有方案能够保证页面刷新前接口的调用么？

浏览器事件机制详解以及发展史公众号：小博的前端笔记浏览器事件机制是前端开发的核心概念之一，涉及事件捕获、目标触发和事件冒泡三个阶段。以下是详细解析：

浏览器渲染机制详解(包含渲染流程、树结构、异步js)公众号：小博的前端笔记核心目标：将 HTML、CSS、JavaScript 代码转换为用户可见、可交互的像素点。

浏览器和 Node.js 的 EventLoop，原来差别这么大在 JavaScript 中，Event Loop 是处理异步操作的核心机制，但不同运行环境下的实现存在显著差异。

解决跨域的几种种方法，你都知道几种？公众号：小博的前端笔记原理：服务器设置响应头告知浏览器允许跨域请求。关键响应头：请求分类：代码示例：原理：利用<script>标签无跨域限制的特性。

前端小巷子

web从输入网址到页面加载完成在日常生活中，我们每天都会多次打开浏览器，输入网址，按下回车键，然后等待页面加载完成。这个过程对我们来说是如此的简单和自然，以至于我们很少会去思考浏览器背后究竟发生了什么。今天，就让我们一起深入探索一下，从输入网址到页面加载完成，浏览器究竟经历了哪些复杂的步骤。

拾光拾趣录

浏览器对队头阻塞问题的深度优化策略在Web性能优化领域，队头阻塞(Head-of-Line Blocking)问题一直影响着网络传输效率。本文将深入探讨浏览器如何通过创新技术优化队头阻塞问题，并分析HTTP/2、HTTP/3协议的解决方案。

safari 浏览器的一次问题定位批量上传资源型文件，需要先获取对应每份文件的 ID 标识进而上传。简而言之，上传链路为：并行获取标识 -- 并行触发上传。