MEDIUM 上有位博主叫：Fresh Frontend Links （前端文摘速递）

TA 每周都会更新 1 篇文章，关于：总结上一周 “前端新鲜事儿”，汇聚成链接合集

推荐大家阅读/翻译文摘里面的文章，紧跟时事，了解/掌握前端行业新闻，也给想写作或尝试突破新技术领域的同学们提供思路

Web-development

• 探索 Web Workers 在 Web 上的多线程潜力：介绍如何使用 Web Workers 实现多线程计算，提高性能。
• 可访问的 HTML 视频 "Facades"：介绍如何通过使用 HTML 和 JavaScript，实现自定义视频播放器的可访问性。
• UI 交互和动画摘录 #31：精选最新的 UI 交互和动画设计。

CSS

• Sniper-CSS，避免未使用的样式：介绍如何使用 Sniper-CSS 工具，避免未使用的 CSS 样式影响性能。

• syntax.fm：Vanilla CSS 能否替代 Sass？：讨论使用原生 CSS 是否能够替代 Sass 的问题。

• 容器查询单位和流体排版：介绍如何使用容器查询单位，实现响应式的流体排版效果。

• 如何使用 CSS 实现环形文本？：介绍如何使用 CSS 和 HTML，实现环形文本的效果。

• CSS 自定义属性：Beyond the :root：介绍如何使用 CSS 自定义属性，实现更加灵活的样式定义。

• 使用 CSS 实现旋转图表：介绍如何使用 CSS，实现旋转的图表效果。

• 只用 HTML 和 CSS 创建手风琴效果：介绍如何使用 HTML 和 CSS，实现手风琴效果。

• 如何编写类型安全的 CSS 模块：介绍如何使用 TypeScript，编写类型安全的 CSS 模块。

• 使用 Pure.css 创建响应式移动布局：介绍如何使用 Pure.css，实现响应式的移动端布局。

• 如何使用 CSS 创建滚动条进度条：介绍如何使用 CSS，创建滚动条进度条。

• 了解 CSS Min()，Max() 和 Clamp() 函数：介绍如何使用 CSS 函数，实现更加灵活的样式定义。

JavaScript

• 使用 StructuredClone API 实现对象的深度复制：介绍如何使用 StructuredClone API，实现 JavaScript 对象的深度复制。

• JavaScript 异步编程的最佳实践：介绍 JavaScript 异步编程的最佳实践。

• JavaScript 在最近几年中有哪些变化？：介绍 JavaScript 在最近几年中的变化和趋势。

• 6 个关于 "null" 和 "undefined" 的秘密：介绍 JavaScript 中 "null" 和 "undefined" 的一些特性和用法。

• ECMAScript 2023 中有哪些新特性：介绍 ECMAScript 2023 中的新特性和改进。

• Node.js 20 现已发布！：介绍 Node.js 20 的新特性和改进。

• kv.js — JavaScript 的高级内存缓存模块：介绍 kv.js，一款高级的内存缓存模块。

React

• 如何在 React 中编写注释：好的、坏的和丑的：介绍在 React 中编写注释的最佳实践。

• Signals：JavaScript 框架的细粒度响应性：介绍 Signals，一款细粒度响应式框架。

• 使用 React Hooks 切换元素：介绍如何使用 React Hooks，实现元素的切换效果。

• 掌握 React 优化：介绍如何优化 React 应用程序的性能。

• 使用 React Webcam 捕获和显示图像：介绍如何使用 React Webcam，实现图像的捕获和显示。

• 在 React 应用程序中添加步进组件：介绍如何在 React 应用程序中添加步进组件。

• 使用 PrimeReact 构建自定义数据表格：介绍如何使用 PrimeReact，构建自定义的数据表格。

Vue

• 如何在 Vue 3 中使用属性继承：介绍如何在 Vue 3 中使用属性继承。

• 微前端迁移方法：从 Nuxt 2 到 Nuxt 3：介绍如何从 Nuxt 2 迁移到 Nuxt 3。

Angular

• 构建可调整大小的 Angular 侧边栏：介绍如何构建可调整大小的 Angular 侧边栏。

• 新的组件传递数据方法（新特性 🎉）：介绍 Angular 中新的组件传递数据方法。

• 2023 年 Angular 新项目入门：介绍如何在 2023 年开始一个新的 Angular 项目。

• Angular Signals 的背后故事！：介绍 Angular Signals 的背景和实现。