前端框架
React 19 严格模式行为变更与测试策略
引言React 19 在开发阶段的 Strict Mode 行为更贴近未来能力,旨在主动暴露组件中的潜在问题,以便在发布前修复。关键变更(已验证)记忆化重用:当 Strict Mode 进行双重渲染时,`useMemo` 与 `useCallback` 将在第二次渲染期间重用第一次渲染时记忆化的结果
React数据获取:SWR与React Query对比
对比两大常用数据获取库在缓存/失效与并发与开发体验上的差异,指导前端工程选型。
SSR 与边缘渲染 Streaming 实战
概述SSR Streaming 允许边生成边发送 HTML,缩短首字节时间(TTFB)。将 SSR 运行至边缘节点,可进一步降低网络延迟并提升并发能力。已验证技术参数传输:启用 `Transfer-Encoding: chunked` 实现分块传输与早期 flush组件层:结合 Suspense 等
Trusted Types 与 CSP:防 DOM XSS 的工程化落地
"介绍 Trusted Types API 与 CSP 指令的协作方式,阐明在 DOM 注入点强制使用受信类型的规则,并给出创建策略与集成消毒库的实践。"
Trusted Types 与 DOM XSS 防护:策略启用、迁移与验证指标
通过启用 Trusted Types 与安全策略限制危险 DOM 接口的字符串注入,提供增量迁移与白名单治理,并给出经验证的拦截与误报指标。
Vercel Speed Insights 与 Web Vitals 集成指南
引言Speed Insights 为基于 Vercel 的应用提供 RUM(真实用户监控),覆盖核心 Web 指标与页面体验,便于在生产中持续优化。能力与集成(已验证)Web Vitals 集成:采集 FCP/LCP/TTFB/CLS 等指标并在仪表板中展示趋势。来源:Vercel Docs(Spe
Web Push 与 VAPID 推送通知:订阅、送达与权限治理实践
利用 Web Push 与 VAPID 在 PWA 中实现可靠推送,覆盖订阅流程、后端发送、SW 展示与点击处理、隐私与权限治理,并给出经验证的送达与互动指标。
Web Push 与 VAPID:浏览器推送订阅与服务端发送
"总结 Push API 的订阅与接收流程,解释 VAPID 的应用服务器标识与发送机制,给出安全注意与工程实践参考。"
Web Push 与后台同步(Push API、VAPID、Background Sync)
基于 Push API 与 VAPID 实现浏览器推送,结合 Background Sync 完成离线任务重试与同步,提供可验证的实现与策略。
