前端周刊434期(2025年9月29日–10月5日)

国庆假期结束,周刊继续~~

本期周刊有几个趋势:

  1. 浏览器与 SEO 关联愈发紧密,Google num=100 移除引发关键词可见性波动,提醒前端开发者关注搜索引擎对页面呈现的影响。
  2. 现代 CSS 与可访问性逐渐成熟,light-dark 函数、兄弟元素选择器等技巧让样式控制更精细。
  3. JavaScript 架构演进明显,函数注册模式、Nitro 服务器引擎、WebMCP AI 控制等工具提升开发效率与能力边界。
  4. React 与 Angular在状态管理、服务端渲染及信号架构上不断升级,前端框架趋向更模块化、可控和智能化。

Web 开发

🔹谷歌移除 num=100 后,77% 网站关键字曝光下降的数据:谷歌移除 num=100 参数导致大部分网站关键字排名下降,SEO 影响显著。推荐指数:⭐⭐⭐⭐

🔹谷歌移除 &num=100 参数:对你的网站意味着什么:详细解读 num=100 参数移除对网站 SEO 的实际影响及应对策略。推荐指数:⭐⭐⭐⭐

🔹浏览器、Cookies 与上网历史:互联网术语的趣味演变:回顾互联网术语和浏览器、Cookies 的发展历史。推荐指数:⭐⭐⭐

🔹共享测试套件如何解决 Web 最大的问题:讲述共享测试套件如何提升 Web 项目的兼容性和稳定性。推荐指数:⭐⭐⭐⭐

🔹核心 Web Vitals 的历史:介绍 Core Web Vitals 指标的起源和发展过程。推荐指数:⭐⭐⭐⭐

🔹别再忽视浏览器:十年来前端最大的转变:强调前端开发者需要重新重视浏览器能力,这是十年来最大的前端转变。推荐指数:⭐⭐⭐⭐⭐

🔹Astro 新特性速览------2025 年 9 月:汇总 Astro 框架 2025 年 9 月的更新内容和新特性。推荐指数:⭐⭐⭐⭐

🔹状态在哪里://:React 社区深度思考文章,探讨状态管理和渲染定位问题。推荐指数:⭐⭐⭐

🔹直接在 img 元素上应用内阴影(第一部分):展示如何在 img 元素上实现 inset 阴影效果。推荐指数:⭐⭐⭐

🔹2025 年轻松检测 Safari 与 iOS 版本:介绍检测 Safari 和 iOS 版本的最佳实践方法。推荐指数:⭐⭐⭐

CSS

🔹你对媒体查询了解多少?:全面梳理 CSS 媒体查询用法及实战场景。推荐指数:⭐⭐⭐⭐

🔹渐进增强挑战:通过实战练习探索渐进增强的实现策略。推荐指数:⭐⭐⭐

🔹使用现代 CSS 实现范围选择:介绍如何用 CSS 实现自定义的范围选择控件。推荐指数:⭐⭐⭐

🔹轻松处理兄弟元素样式:探索 sibling-count 与 sibling-index:展示如何高效操作兄弟元素样式的新技巧。推荐指数:⭐⭐⭐

🔹针对特定字符的 CSS 规则:讲解如何在 CSS 中精确定位和样式化特定字符。推荐指数:⭐⭐⭐

🔹自定义 light-dark() 函数:支持任意值类型,仅 3 行代码:用简短 CSS 函数实现任意值的明暗调节。推荐指数:⭐⭐⭐⭐

🔹Safari 26 新 CSS 特性速览:总结 Safari 26 支持的新 CSS 功能和实践技巧。推荐指数:⭐⭐⭐

🔹打造可访问的轮播组件:讲解如何让轮播组件满足无障碍标准。推荐指数:⭐⭐⭐⭐

JavaScript

🔹JavaScript 2025 状态报告:汇总 JavaScript 生态最新趋势和开发者偏好数据。推荐指数:⭐⭐⭐⭐

🔹从 If-Else 地狱到函数注册模式的清洁架构:展示函数注册模式在 React 架构中的应用,提升代码可维护性。推荐指数:⭐⭐⭐⭐

🔹为什么你应该升级到 TypeScript 5.9:介绍 TypeScript 5.9 新特性及升级理由。推荐指数:⭐⭐⭐⭐

🔹WebMCP:用 JavaScript 控制 AI Agent:展示如何通过 WebMCP 框架让开发者操控 AI Agent。推荐指数:⭐⭐⭐⭐

🔹Nitro 入门:为现代 JavaScript 构建的服务器引擎:介绍 Nitro 服务器引擎及其在现代 JS 应用中的优势。推荐指数:⭐⭐⭐⭐


React

🔹React 19.2:React 最新版本 19.2 更新特性一览。推荐指数:⭐⭐⭐⭐

🔹React 框架与服务端功能:超越客户端渲染:讲解 React 在 SSR 与全栈应用中的拓展能力。推荐指数:⭐⭐⭐⭐

🔹Activity,新型 React 组件:介绍全新 Activity 组件及其应用场景。推荐指数:⭐⭐⭐

🔹我讨厌 React 其实讨厌的是 JavaScript:作者吐槽 JS 的复杂性以及 React 的设计权衡。推荐指数:⭐⭐⭐

🔹2025 年 React 状态管理指南:分析现代 React 状态管理的最佳实践和必要工具。推荐指数:⭐⭐⭐⭐

Angular

🔹基于信号的 Angular 架构:构建更智能的购物车:介绍 Angular 信号架构在电商购物车中的应用实例。推荐指数:⭐⭐⭐⭐

相关推荐
Mintopia1 天前
🚀 一文看懂 “Next.js 全栈 + 微服务 + GraphQL” 的整体样貌
前端·javascript·全栈
Mintopia1 天前
🧬 医疗Web场景下,AIGC的辅助诊断技术边界与伦理
前端·javascript·aigc
半桶水专家1 天前
父子组件通信详解
开发语言·前端·javascript
Watermelo6171 天前
从vw/h到clamp(),前端响应式设计的痛点与进化
前端·javascript·css·算法·css3·用户界面·用户体验
寻星探路1 天前
测试开发话题10---自动化测试常用函数(2)
java·前端·python
Moment1 天前
快到  2026  年了:为什么我们还在争论  CSS 和 Tailwind?
前端·javascript·css
梵得儿SHI1 天前
Vue 核心语法详解:模板语法中的绑定表达式与过滤器(附 Vue3 替代方案)
前端·javascript·vue.js·插值语法·vue模板语法·绑定表达式·过滤器机制
江城开朗的豌豆1 天前
TypeScript枚举:让你的代码更有"选择权"
前端·javascript
江城开朗的豌豆1 天前
TypeScript接口:打造你的代码“契约”之道
前端·javascript
江城开朗的豌豆1 天前
TypeScript类:面向对象编程的超级武器
前端·javascript