前端周刊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 信号架构在电商购物车中的应用实例。推荐指数:⭐⭐⭐⭐

相关推荐
LFly_ice2 分钟前
Next-1-启动!
开发语言·前端·javascript
regon4 分钟前
第九章 述职11 交叉面试
面试·职场和发展·《打造卓越团队》
小时前端4 分钟前
谁说 AI 历史会话必须存后端?IndexedDB方案完美翻盘
前端·agent·indexeddb
wordbaby9 分钟前
TanStack Router 基于文件的路由
前端
LYFlied9 分钟前
【每日算法】LeetCode 105. 从前序与中序遍历序列构造二叉树
数据结构·算法·leetcode·面试·职场和发展
wordbaby13 分钟前
TanStack Router 路由概念
前端
wordbaby16 分钟前
TanStack Router 路由匹配
前端
cc蒲公英17 分钟前
vue nextTick和setTimeout区别
前端·javascript·vue.js
程序员刘禹锡21 分钟前
Html中常用的块标签!!!12.16日
前端·html
sinat_3842410927 分钟前
OpenSpeedy 是一款开源免费的游戏变速工具
javascript