前端周刊

前端周刊

前端周刊

前端周刊持续建设，迎来v2.0！！我们将系统性跟踪全球🌍一手前端技术动态的内容。比如国外 Medium、Smashing、LogRocket、WebKit Blog 等一线技术平台，每周都在迸发新洞见、新 API、新标准！目前团队有：掘金安东尼、田八、0bipinnata0、德育处主任、嘿嘿～

等 442 人订阅共105篇文章创建于2023-03-07

用 WebGL + Solid.js 构建混合材质 Shader

本文会一步步拆解如何用 Three.js 的渲染目标实现线框与实体的混合效果，顺便聊聊在 Solid.js 中怎么管理 WebGL 的生命周期。我做过一个叫 Blackbird 的实验性网站，当时就

8小时前
61
3
评论

用 WebGL + Solid.js 构建混合材质 Shader

React 的 use() API 或将取代 useContext

多年来，React 开发者习惯使用 useContext 在全局共享状态，而不用把 props 一层层传递下去。虽然这种方式可行，但即将到来的 use() API 带来了更强大的能力，远远超越了

1天前
113
2
2

React 的 use() API 或将取代 useContext

使用 Web Components 与 CSS Modules 构建原生应用架构

在构建任何形式的数字信息页面时，最佳实践是通过组件，再由这些组件组合成完整的界面。这个可以有很多种细分方式，但通常来说：一个组件就是该界面所需功能中一个相对独立、合理的部分。比如在网站

1天前
130
2
评论

使用 Web Components 与 CSS Modules 构建原生应用架构

字节前端三面复盘：基础不花哨，代码要扎实（含高频题解）

本篇来自于：前端周刊-面试资源，加群交流～ 👤 作者：咸鱼翻身一面（JS/浏览器 & 基础编码） 1）Vue.nextTick 的实现原理（Vue2/3 通吃的本质）本质：把回调压进微任务队列，等

2天前
608
16
4

字节前端三面复盘：基础不花哨，代码要扎实（含高频题解）

Next.js 原生实现 PWA 离线能力

在本教程中，我们将使用 Service Worker 和缓存为 Next.js PWA 添加离线支持，无需额外的包，不使用 next-pwa、next-offline 或 Serwist，只使用纯

2天前
130
4
评论

Next.js 原生实现 PWA 离线能力

CSS 现状调查 2025

看完这份报告，最大的感受就是：CSS 野心很大，浏览器拖了点后腿。:has()、Subgrid 这些炫酷的新特性已经冲进主流，甚至让人觉得“写 CSS 终于要像写逻辑一样丝滑了”。但问题是，

2天前
327
9
评论

解读 hidden=until-found 属性

我第一次发现这个功能是在 Firefox 139 发布说明中，我当时心想：噢，有意思。然后我发现 Chrome 早在 2022 年就已经支持了。写到一半的时候，又看到它已经在 Safari Tec

3天前
183
4
评论

解读 hidden=until-found 属性

🌍前端周刊第427期（2025年8月11日–8月17日）

这一期的关键词就是「全面升级」：前端安全、语义化 HTML、CSS Subgrid、React use() API，都是值得关注的长期趋势。尤其是 **State of CSS 2025 报告**

4天前
440
4
评论

🌍前端周刊第427期（2025年8月11日–8月17日）

使用自定义高亮API增强用户‘/’体验

最近 CSS Custom Highlight API 引起了我的注意，因为 Firefox 最近开始支持它（Firefox 140，2025年6月），这使得所有主流浏览器都支持了这个 API。通过它

6天前
160
4
评论

使用自定义高亮API增强用户‘/’体验

我们让 JSON.stringify 的速度提升了两倍以上

JSON.stringify 提速的核心为以下6点：快速路径：避开一大堆通用检查（节省 CPU 时间）专用版本：按字符串类型分开编译（减少分支判断）批量扫描：一次看多字符（降低循环次数

6天前
677
6
评论

我们让 JSON.stringify 的速度提升了两倍以上

2分钟创建一个“不依赖任何外部库”的粒子动画背景

我一直想做一个轻量的、细腻的动画背景效果，不依赖任何外部库。这个 React 组件完全使用 HTML5 Canvas API 来渲染一个带有动画连线的粒子系统，既轻量、可定制，又容易集成到任何现代

7天前
147
3
2

2分钟创建一个“不依赖任何外部库”的粒子动画背景

TypeScript条件类型与infer构建类型安全的fetch

最近，我在处理基于 OpenAPI schema 生成的 API 请求和响应类型时，发现使用 TypeScript 的条件类型，我的 fetch 逻辑能够根据调用的路径和 HTTP 方法自动推断出适当

7天前
146
3
评论

TypeScript条件类型与infer构建类型安全的fetch

React Query 完全指南！

React Query在短短一年内增长了50%，现在已被超过20%的React应用使用。是什么推动了开发者如此迅速地采用它？答案在于React Query如何解决React中数据获取的根本

8天前
347
7
评论

React Query 完全指南！

TypeScript 5.9正式发布！！

今天我们很兴奋地宣布 TypeScript 5.9 的发布！如果你对 TypeScript 不熟悉，它是一种在 JavaScript 基础上通过添加类型语法来构建的语言。通过类型，

8天前
579
5
3

TypeScript 5.9正式发布！！

当第三方 API 失效时，如何保留文章演示示例

四年后，我的“使用 WordPress REST API 进行无头表单提交”文章中的示例最终停止运行了。这篇文章中包含了 CodePen 的嵌入，演示了如何使用流行的 WordPress 表单插件的

9天前
167
3
评论

当第三方 API 失效时，如何保留文章演示示例

浏览器开发者工具调试器高级技巧

浏览器 DevTools（又称开发者工具）为 Web 开发者提供了强大的开发功能。它们支持快速实时编辑、测试和调试软件。最棒的是，几乎所有现代浏览器都内置了 DevTools！在本系列的前两部分中

9天前
306
2
评论

浏览器开发者工具调试器高级技巧

🌍海外前端动态情报源清单（持续更新）

我们发现：中文社区缺乏系统性跟踪海外一手前端动态的内容。而国外像 Medium、Smashing、LogRocket、WebKit Blog 等一线平台，每周都在迸发新洞见、新 API、新标准、新框架

10天前
809
24
评论

🌍海外前端动态情报源清单（持续更新）

🌍前端周刊第426期（2025年8月4日–8月10日）

本期前端周刊（第426期，2025年8月4-10日）汇聚了Web开发的最新技术动态：从自定义高亮API的创新应用到国际化API的浏览器原生支持，从PostCSS创建经验分享到HTML发展的深

11天前
453
5
评论

🌍前端周刊第426期（2025年8月4日–8月10日）

⏰前端周刊第425期（2025年7月28日–8月3日）

本期前端周刊聚焦Web开发的核心技术革新：从Web Components的Shadow DOM深度应用到CSS条件样式的突破性进展，从JavaScript运行时生态的多元化发展到React架构模式

18天前
595
14
评论

⏰前端周刊第425期（2025年7月28日–8月3日）

⏰前端周刊第424期（2025年7月21日–7月27日）

本期前端周刊汇聚了Web开发领域的最新动态与深度洞察：从API契约设计到Three.js WebGPU创新应用，从CSS现代化实践到JavaScript生态的持续演进。每篇文章都经过精心筛选

24天前
755
9
评论

⏰前端周刊第424期（2025年7月21日–7月27日）