上周前端发生哪些新鲜事儿? #403

524 阅读3分钟

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

image.png

Web-development

2025 年前端开发趋势 这篇文章分析了 2025 年的前端开发趋势:关注 WebGPU、边缘计算、AI 驱动的开发工具等。

OKLCH 颜色选择器与转换器 这篇文章介绍了 OKLCH 颜色模型及其在线工具:OKLCH 提供更直观的颜色调整方式,适用于现代 Web 设计。

Deno、Llama 和 Whale 这篇文章讲述了 Deno 与 AI 结合的未来:Deno 计划支持 Llama 语言模型,探索 AI 驱动的 Web 开发可能性。

本地大语言模型在替代文本生成中的比较 这篇文章对比了不同的本地 LLM 生成替代文本的能力:评估了它们在可访问性和性能方面的表现。

颗粒化失真交互式渐变斑点 这篇文章展示了如何用 CSS 和 SVG 创建动态的渐变图案:探索了色彩混合与动画交互效果。

WebGPU 流体模拟:高性能与实时渲染 这篇文章介绍了 WebGPU 在流体模拟中的应用:利用 GPU 加速实现更真实的实时渲染效果。


CSS

纯 CSS 星级评分组件及更多(第一部分) 这篇文章介绍了如何使用纯 CSS 构建交互式星级评分组件:利用伪元素和选择器实现评分效果。

CSS 自定义属性的回退值 这篇文章讲解了 CSS 变量的回退机制:如何在不支持 CSS 变量的环境下提供备用样式。

如何在 CSS 中使用 attr() 处理列、颜色和字体大小 这篇文章探索了 CSS attr() 的用法:展示了如何动态获取 HTML 属性值并应用于样式。

从图片中提取颜色用于 CSS 主题 这篇文章介绍了如何从图片提取颜色:利用 JavaScript 和 CSS 变量生成动态主题。

使用和美化 <details> 元素 这篇文章介绍了 <details> 元素的用途:用于折叠内容,并提供更好的用户体验。

使用 position-area 提升锚点定位 这篇文章讲解了 CSS position-area 属性:增强了锚点元素的精确定位能力。


TypeScript

TypeScript 5.8 发布公告 这篇文章介绍了 TypeScript 5.8 的新特性:增强了类型推导、性能优化和 ECMAScript 兼容性。

深入 TypeScript 类型系统的 24 个高级技巧 这篇文章总结了 TypeScript 高级类型技巧:包括条件类型、映射类型和推导技巧。

成功在 TypeScript 类型系统内运行 Doom 这篇文章展示了如何在 TypeScript 类型系统中运行 Doom:利用类型计算的强大能力进行编程挑战。

TypeScript 概述:给 JavaScript 开发者的指南 这篇文章解释了 TypeScript 的核心概念:介绍了它的静态类型、编译过程和 JavaScript 兼容性。


JavaScript

为什么 ReScript 是 2025 年最好的 JavaScript 替代方案 这篇文章分析了 ReScript 的优势:强调其类型安全、编译性能和与 JavaScript 的互操作性。

StyleObserver 解决方案:Element.matchContainer() 这篇文章介绍了 matchContainer() API:用于根据容器大小动态调整样式。

React.memo 解析:何时使用(以及何时不该用) 这篇文章深入剖析了 React.memo:适用于性能优化,但滥用可能导致维护成本增加。

Svelte 5 如何让我理解了 Nuxt 这篇文章探讨了 Svelte 5 和 Nuxt 的异同:通过 Svelte 5 的设计理念,理解 Nuxt 的架构演进。