上周前端发生哪些新鲜事儿？ #404

掘金安东尼
432 阅读9分钟

# 前端每周文摘 - 每周更新：国外论坛的前端热门文章，推荐大家阅读/翻译，紧跟时事，了解/掌握前端行业新闻，也给想写作或尝试突破新技术领域的同学们提供思路~

Web-development

面向网页开发的提示工程 这篇文章介绍了如何利用提示工程优化网页开发流程：探讨了利用 AI 辅助设计和代码生成的方法。

我对 TypeScript 的销售宣言 这篇文章阐述了 TypeScript 的优势：通过实例说明其在大型项目中的价值和应用场景。

GraphQL 与 REST API：它们之间的区别是什么 这篇文章比较了 GraphQL 与 REST API：分析了两者在数据查询和开发效率上的不同。

如何通过子部分分析修复最大内容问题 这篇文章介绍了利用子部分分析技术修复最大内容绘制问题：提供了优化页面渲染性能的具体方法。

使用 React Three Fiber 创造风格化水效果 这篇文章展示了如何利用 React Three Fiber 实现风格化水面效果：详细讲解了 3D 渲染与动画技术的应用。

CSS

纯 CSS 星级评分组件及更多！(第二部分) 这篇文章介绍了如何用纯 CSS 实现星级评分组件：展示了无 JavaScript 实现交互效果的方法。

精通 CSS :has()：实现动态样式和主题切换 这篇文章讲解了 CSS :has() 选择器的高级用法：详细介绍了如何利用它实现动态样式和轻松切换主题。

或许不要在简写属性中使用自定义属性 这篇文章警示开发者：在 CSS 简写属性中使用自定义属性可能导致意外行为，建议谨慎使用。

CSS 遇上体素艺术：用堆叠网格构建渲染引擎 这篇文章展示了如何结合 CSS 与体素艺术技术构建渲染引擎：探索了使用堆叠网格实现 3D 效果的创意方法。

使用与美化 <details> 元素 这篇文章介绍了 <details> 元素的使用及样式美化：提供了增强用户体验的实用技巧。

CSS 中的函数？！ 这篇文章探讨了在 CSS 中使用函数的可能性：分析了其在动态计算样式方面的潜在应用。

使用 CSS Grid 将选择列表项分组 这篇文章展示了如何利用 CSS Grid 将选择列表项进行分组：优化了复杂列表的布局和对齐。

如何使用 CSS 隐藏滚动条而不影响滚动 这篇文章介绍了通过 CSS 隐藏滚动条的方法：同时保持页面滚动功能不受影响。

CSS cursor 属性指南 这篇文章详细解析了 CSS cursor 属性：涵盖了各种光标效果及其应用场景。

JavaScript

五个搭配 Emoji 使用的 JavaScript 代码片段 这篇文章提供了五个实用的 JavaScript 代码片段：展示了如何结合 Emoji 提升网页交互体验。

JavaScript 的 sort() 方法：从基础到自定义排序 这篇文章详细讲解了 JavaScript 中 sort() 方法的使用：从基本排序到实现自定义排序规则。

理解 Redux 生态系统：从概念到实现 这篇文章深入解析了 Redux 的概念与实现：帮助读者全面掌握状态管理解决方案。

React 中的纯组件：使用 PureComponent 和 React.memo 这篇文章探讨了如何在 React 中使用纯组件优化性能：对比了 PureComponent 与 React.memo 的应用场景。

使用 httpResource 实现无缝数据获取 这篇文章介绍了如何使用 httpResource 进行数据获取：提供了一种高效的异步数据加载解决方案。

Angular 19.2 现已发布 这篇文章宣布了 Angular 19.2 的发布：介绍了新版本中的改进和新增功能。

加更：# 400

Web-development

2025 年应该选择哪个富文本编辑器框架？ 这篇文章讨论了 2025 年应选择的富文本编辑器框架：比较了多种编辑器框架的优缺点及适用场景。

2025 年如何设置网站图标：满足大多数需求的三个文件 这篇文章讲解了如何在 2025 年处理网站图标：介绍了适用于大部分需求的三种 favicon 文件。

如何制作 GIF 动图（2025 版） 这篇文章展示了制作 GIF 动图的技巧：提供了最新的 2025 年版 GIF 制作方法与工具。

Popover API 现已达到基线水平 这篇文章介绍了 Popover API 的新基线功能：详细说明了其新特性与实现方式。

一次性密码输入的 HTML 与 CSS 这篇文章讲解了如何使用 HTML 与 CSS 构建一次性密码输入框：涵盖了样式设计与交互实现的最佳实践。

使用传统 HTML 与现代 CSS 实现带批量操作的内容列表 这篇文章展示了如何结合传统 HTML 与现代 CSS 实现内容列表及批量操作：提供了一种简单高效的解决方案。

优化关键渲染路径 这篇文章探讨了如何优化关键渲染路径：介绍了提升网页加载性能的策略与技巧。

CSS

CSS 中“&”（和号）选择器的三种使用方法 这篇文章探讨了 CSS 中使用“&”选择器的三种方法：对比了不同方案的优缺点及适用场景。

如何使用 CSS 创建波浪形盒子 这篇文章介绍了如何使用 CSS 制作波浪形盒子：通过创新设计提升网页视觉效果。

CSS 嵌套：请谨慎使用 这篇文章讨论了 CSS 嵌套的使用注意事项：提醒开发者谨慎使用嵌套以避免样式复杂化。

将响应式网页设计推向极致 这篇文章分享了将响应式网页设计推向极致的方法：展示了在极端条件下实现 RWD 的技巧。
应用视图过渡：更高性能的 ::view-transition-group(*) 动画 这篇文章讲解了改进版 ::view-transition-group(*) 动画效果：通过优化视图过渡提升动画性能。

根据用户屏幕 DPI 调整字体粗细 这篇文章介绍了如何根据用户屏幕 DPI 调整字体粗细：提升文本显示的适应性和美观性。

使用 Vite 与 Lightning CSS 编译 CSS 这篇文章展示了使用 Vite 与 Lightning CSS 编译 CSS 的方法：提升构建效率与性能。

CSS 自定义函数即将到来……将改变游戏规则 这篇文章预告了 CSS 自定义函数的到来：预计将彻底改变 CSS 开发方式。

JavaScript

Oracle 用 Node.js 为其 JavaScript 商标辩护——现又试图忽略这一点 这篇文章讨论了 Oracle 如何通过 Node.js 正当化其 JavaScript 商标并试图忽略这一事实：揭示了品牌争议和技术分歧。

转向仅使用 ESM 这篇文章主张转向纯 ESM 模块：阐述了 ESM 在现代 JavaScript 开发中的优势。

Temporal API：JavaScript 日期问题或将迎来解决方案 这篇文章介绍了 Temporal API：探讨了如何修复 JavaScript 日期处理中的种种问题。

教程：使用 TypeScript 发布基于 ESM 的 npm 包 这篇文章提供了使用 TypeScript 发布基于 ESM 的 npm 包的教程：详细解说了现代模块开发流程。

用原生 JavaScript 构建单页应用（SPA）路由器 这篇文章讲解了如何用纯 JavaScript 构建单页应用路由器：展示了 SPA 路由设计的实现方法。

avatar
文章
阅读
粉丝