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

相关推荐
wendycwb6 分钟前
前端城市地址根据最后一级倒推,获取各层级id的方法
前端·vue.js·typescript
Σίσυφος190021 分钟前
C++ 多肽经典面试题
开发语言·c++·面试
终端鹿27 分钟前
Vue3 模板引用 (ref):操作 DOM 与子组件实例 从入门到精通
前端·javascript·vue.js
软件测试媛32 分钟前
2026软件测试面试题大全(含答案+文档)
功能测试·测试工具·面试·ai软件测试
千寻girling42 分钟前
不知道 Java 全栈 + AI 编程有没有搞头 ?
前端·人工智能·后端
小码哥_常1 小时前
Android开发:精准捕获应用的前后台行踪
前端
蜡台1 小时前
Vue 打包优化
前端·javascript·vue.js·vite·vue-cli
木斯佳1 小时前
前端八股文面经大全:快手前端一面 (2026-03-29)·面经深度解析
前端·宏任务·原型链·闭包
皙然2 小时前
Redis配置文件(redis.conf)超详细详解
前端·redis·bootstrap
卷帘依旧2 小时前
JavaScript中this绑定问题详解
前端·javascript