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

相关推荐
brzhang2 小时前
当我第一次看到 snapDOM,我想:这玩意儿终于能解决网页「截图」这破事了?
前端·后端·架构
掘金安东尼3 小时前
前端周刊433期(2025年9月22日–9月28日)
前端·javascript·github
绝无仅有3 小时前
面试真题之收钱吧问题与总结
后端·面试·github
井柏然3 小时前
为什么打 npm 包时要将 Vue/React 进行 external 处理?
javascript·vite·前端工程化
万少3 小时前
我的HarmonyOS百宝箱
前端
绝无仅有3 小时前
真实面试经历之比亚迪线下hr面+一面+线上二面面经
后端·面试·github
江城开朗的豌豆3 小时前
uni-app弹层遮罩难题?看我如何见招拆招!
前端·javascript·微信小程序
江城开朗的豌豆3 小时前
小程序生命周期漫游指南:从诞生到落幕的完整旅程
前端·javascript·微信小程序
绝无仅有3 小时前
远景集团面试后端Java岗位问答与总结汇总
后端·面试·github