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

掘金安东尼
1,069 阅读6分钟

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

image.png

Web-development

• You Might Not Need that Framework：探讨了使用前端框架是否总是必要，提供了轻量级替代方案，帮助开发者避免过度依赖框架。关键词：前端框架、轻量化、开发实践。

• Catching Up on the WordPress 🚫 WP Engine Sitch：分析了 WordPress 与 WP Engine 的现状及相关动态，讨论了开发者需关注的潜在影响。关键词：WordPress、WP Engine、网站开发。

• Web Components Are Not the Future — They’re the Present：强调 Web 组件技术已成为主流，详细说明其当前应用及优点。关键词：Web 组件、前端开发、现代化。

• Web components are okay：探讨了 Web 组件的现状，指出了它们的局限性，但仍认可其在特定场景中的适用性。关键词：Web 组件、局限性、前端技术。

• The continuing tragedy of emoji on the web：讨论了表情符号在网页上的兼容性问题及技术挑战，提出改进方案。关键词：表情符号、网页兼容性、技术问题。

• Tauri adoption guide: Overview, examples, and alternatives：介绍了 Tauri 的使用指南，分析其优缺点和替代方案，帮助开发者更好地选择适合的前端工具。关键词：Tauri、桌面应用、替代方案。

• Your Accessibility Questions Answered by a Blind Person：由盲人亲自回答与网页无障碍设计相关的问题，提供了真实的用户体验反馈。关键词：无障碍设计、用户体验、真实反馈。

• Five Ways to Lazy Load Images for Better Website Performance：介绍了五种图片懒加载技术，提升网页加载性能，优化用户体验。关键词：懒加载、网页性能、图片优化。

CSS

• How to create Shapes with Inner Curves using CSS Mask：本文介绍了如何使用 CSS Mask 创建带内曲线的形状，帮助实现更复杂的视觉效果。关键词：CSS Mask、曲线形状、视觉效果。

• Feature detecting Scroll-Driven Animations with @supports: you want to check for animation-range too：介绍了如何通过 @supports 检测支持基于滚动的动画，特别是 animation-range 属性。关键词：滚动动画、CSS 检测、@supports。

• Open & Close Transitions with ：展示了如何为 details 元素创建开关过渡效果，提升用户交互体验。关键词：details 元素、过渡效果、用户交互。

• Introducing TODS — a typographic and OpenType default stylesheet：介绍了 TODS，这是一份用于 OpenType 字体的默认样式表，优化了排版效果。关键词：OpenType、排版样式、TODS。

• The problem with superscripts and subscripts：分析了在网页排版中使用上标和下标的问题，并提出了一些改进建议。关键词：上标、下标、排版问题。

• Slide Through Unlimited Dimensions With CSS Scroll Timelines：展示了如何使用 CSS 滚动时间线实现多维滑动效果，提升网页交互体验。关键词：滚动时间线、滑动效果、交互设计。

• How to Make a “Scroll to Select” Form Control：介绍了如何创建“滚动选择”表单控件，优化表单的用户体验。关键词：滚动选择、表单控件、用户体验。

• Color Mixing With Animation Composition：展示了如何通过动画组合实现颜色混合效果，创造更具视觉冲击力的设计。关键词：颜色混合、动画组合、视觉效果。

• Bad CSS-Dad Jokes (III)：第三部分的 CSS 老爸笑话系列，结合了轻松幽默和 CSS 知识。关键词：CSS、幽默、笑话。

• Developing modals using only CSS and the Popover API：介绍了如何仅使用 CSS 和 Popover API 开发模态窗口，无需 JavaScript 参与。关键词：CSS、Popover API、模态窗口。

• Solved by CSS Scroll-Driven Animations: hide a header when scrolling down, show it again when scrolling up.：讲解了如何通过 CSS 滚动动画隐藏向下滚动时的标题，并在向上滚动时重新显示。关键词：滚动动画、标题隐藏、CSS 解决方案。

JavaScript

• A guide to destructuring in JavaScript：详细介绍了 JavaScript 解构赋值的用法及其应用场景，帮助简化代码。关键词：JavaScript、解构赋值、代码优化。

• null, but also not null：探讨了 JavaScript 中 null 的特殊行为及其陷阱，帮助开发者更好理解该数据类型。关键词：JavaScript、null、数据类型。

• What are Durable Functions? A visual JavaScript primer：提供了对 Durable Functions 的视觉化介绍，展示了其在 JavaScript 中的应用场景。关键词：Durable Functions、JavaScript、可视化教程。

• How to use the Reddit API for a JavaScript application：介绍了如何在 JavaScript 应用中使用 Reddit API，展示了相关的使用方法和示例。关键词：Reddit API、JavaScript、API 集成。

。

• Component Composition is great btw：强调了 React 中组件组合的强大功能，提供了相关的开发经验。关键词：组件组合、React、开发实践。

avatar
文章
阅读
粉丝