栗子前端技术周刊第 151 期 - ViteConf 2026、React Router 8.5、React Native 0.88...
🌰栗子前端技术周刊第 151 期 (2026.10.19 2026.10.25)：浏览前端一周最新消息，学习国内外优秀文章，让我们保持对前端的好奇心。 📰 技术资讯 1. ViteConf 2026：上周的 ViteConf 共有约 30 …
分类 · 文章
前端技术
前端框架、工程化、性能优化、跨端开发
Rspack 源码解析（三十一）：HotModuleReplacementPlugin 如何用 hash 比对生成增量更新
> 本篇是 Rspack 源码解析系列第三十一篇。第十一篇讲增量构建时提到 records 与热更新。本文进入 rspack_plugin_hmr，看 HMR 如何通过比对两次构建的 module hash 与 runtime module…
React项目实战经验分享：如何避免useEffect闭包陷阱导致的陈旧状态问题？
### 当定时器遇上useEffect："永远迟到"的计数器 去年在做直播互动场景的礼物特效系统时，遇到一个诡异问题：后台推送的礼物数量通过WebSocket实时更新，但页面上用setInterval实现的动画计数器总是"慢半拍"。比如连续…
TypeScript 编译器开始卷 Rust 了：Cloudflare 的 tsrs 到底想干嘛？
> 不是新语言，也不是重学 TypeScript。代码照旧写，只是底下那个干活的编译器，从 tsc 换成了 Rust 版本。2026 年 10 月 20 日发布，官方口径是类型检查最快 8 倍、内存少约 70%。 Cloudflare 发布…
【封闭结束1】端到端交付：Agent 一次请求如何走完全链路
> 最近一段时间封闭结束，开始系统性整理。这篇文章是系列第一篇：用一次只读查询，把从界面到 Trace 的整条链路先跑通。 用户说：“查一下生产环境 order-service 最近的错误日志。” 最终只看到一段回答，背后至少经过身份、会话…
热点解读：【AI智能体】Codex 开发聚合搜索应用项目实战操作详解
热点解读：【AI智能体】Codex 开发聚合搜索应用项目实战操作详解 随着 AI 智能体逐步进入工程化落地阶段，越来越多团队开始尝试用它来辅助完成真实业务开发。其中，Codex 这类具备代码理解、生成和重构能力的智能体，特别适合用来快速搭建…
JavaScript的闭包陷阱，这个坑我躺了三天才爬出来
上周三凌晨两点，我在排查一个线上告警时发现：一个本该每小时执行一次的定时任务，竟然卡住了整整三小时。更诡异的是，日志显示任务函数被调用了，但其中的异步操作却像被“吞掉”了一样。最终定位到一个闭包引用导致的变量污染问题——这个看似简单的概念，…
函数式与对象式：前端架构的两种成本曲线
函数式与对象式：前端架构的两种成本曲线 > 摘要：人们习惯用"函数式 vs 对象式"划分 React/Vue 与 Zova 的阵营，但 React 的 Fiber 节点和 Vue 的组件实例揭示了一个事实：所谓函数式，底下都藏着一套对象系统…
热点解读：AI 浏览器会取代 App，还是只是更聪明的 RPA？
热点解读：AI 浏览器会取代 App，还是只是更聪明的 RPA？ 随着 AI 代理、浏览器插件和自动化工具快速普及，“AI 浏览器是否会取代 App”成为近期讨论焦点。表面上看，AI 浏览器似乎能通过自然语言直接完成搜索、比价、下单、填表等…
浏览器里导出H.265，8.5秒和55.5秒差在硬件
手上有一段 60 秒的 1080p 街头演奏视频，116.7 MB。我在网页里把输出格式换成 MP4 H.265，档位选高清均衡。8.5 秒就出了片，43.99 MB。后来换了一段本身就是 H.265 的一分钟录屏，又把浏览器的硬件视频编码…
ahooks常用的一些库，我们使用一下
前言 ahooks常用的一些功能如下所示 useRequest useRequest 这是早期ahooks拿手绝活，很多人都是因为这个功能才用它的，算是早期比较常用额一个功能柜了，其支持请求缓存、轮询等操作，支持控制状态，非常棒不错的功能，…
TCP 三次握手到底发几个包？丢包重传动画实测一遍
三次握手全程只发 3 个包：SYN、SYN+ACK、ACK，客户端侧耗时 1 个 RTT。 丢第一个 SYN，客户端按 RTO 翻倍重传，1 次之后建连成功。 服务端完全不回应时，客户端重传 3 次、RTO 涨到 8 个 RTT 才放弃。 …
React组件莫名重渲染？你可能忘了这个小细节
上周排查一个线上性能问题时，发现某个表单页面在输入时会卡顿。用React DevTools一查，几个本不该重渲染的子组件频繁刷出绿色边框——又是无意义的re-render在搞鬼。但这次的问题有点特别：useMemo和useCallback都…
用 C# 把每周 6 小时的 PDF 录入干到 20 分钟：一份可复制的桌面 OCR 方案
先说结论 "把纸质单据 PDF 自动转成 Excel"这类需求，在 .NET 桌面端完全可以用纯离线方案做到够用级别，不需要云 API，也不需要训练模型。最近交付的一个真实项目：客户每周 6 小时的手工录入，压到了 20 分钟。本文把技术选…
Web钱包开发需要哪些核心技术？解析多链集成、私钥管理与区块链交互方案
Web钱包开发需要哪些核心技术？解析多链集成、私钥管理与区块链交互方案 元链科技：随着区块链技术、Web3应用和数字资产生态不断发展，Web钱包逐渐成为用户进入去中心化金融、数字资产交易、NFT应用以及DApp生态的重要入口。相比传统软件钱…
浏览器为什么加载不了超大图片
> 一张 87 MB 的 JPEG 在 Network 面板中返回 200 OK，但页面上却只显示“图片加载失败”。问题究竟出在网络、组件，还是浏览器？ 问题现象 最近在项目中做了一个成果文件预览功能，图片使用 Element Plus 的…
标着 JavaScript 的 Wiki 与知识库：既不是 CMS 也不是 SSG（番外三）
搜 "self-hosted knowledge base"，或者按 JavaScript 标签在 GitHub 上翻，翻出来的多半是 Wiki.js、Outline 这批。它们跑在 Node 上、有后台、有权限，界面也是后台的样子；可"对…
LikeShop 单商户 SaaS 版 uni-app 多端打包避坑指南
写在前面 LikeShop 单商户 SaaS 版的核心诉求是“无限多开”——一套代码部署一次，可以为多个客户开通独立的商城账号，每个租户拥有独立的域名或子域名、独立的会员体系和订单数据。这和单商户标准版“一个客户一套系统”的模式有本质区别，…
WAF绕过与加密绕过进阶实战
WAF绕过与加密绕过进阶实战 马哥教育网络安全课程实战博客 · 第09篇 对应课程章节：第20章 Web安全，绕过验证码、WAF绕过、加密绕过等进阶知识 实验环境：4台Ubuntu 24.04服务器，攻击机 113.47.1.165 一、验…
LCP 优化：从 4s 到 1.5s，6 个手段怎么排序
LCP 4s 报警却不知改哪？先用四段拆解定位瓶颈，再把 6 个优化手段按优先级排序，附 preload、字体等可复制配置，动手测一次。