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

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

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

Web-development

• 微服务与API：有何不同：本文介绍了微服务与API的区别，以及它们的优缺点。

• SVG与Canvas的比较：本文对比了SVG和Canvas在Web开发中的应用，以及它们的优缺点。

• 四月份Web平台新动向：本文介绍了Web开发领域在2023年4月份的最新动态，包括JavaScript、CSS和Web API等方面的更新。

• 图像平铺菜单动画：本文介绍了一种使用CSS和JavaScript实现的图像平铺菜单动画效果。

工具

• 微软Edge浏览器现在允许您从设备仿真工具栏模拟深色、浅色、高对比度模式、模糊视力和色盲等效果：本文介绍了微软Edge浏览器的新功能，即通过设备仿真工具栏模拟深色、浅色、高对比度模式、模糊视力和色盲等效果。

• 拆解Npm恶意软件：五个包及其恶意安装脚本：本文介绍了五个包含恶意安装脚本的Npm软件包，并分析了它们的危害。

可访问

• 可访问的目标大小速查表：本文介绍了一个可访问目标大小速查表，以帮助Web开发者创建易于触摸的目标。

• Cookie通知的潜在不可访问性：本文介绍了Cookie通知的潜在不可访问性问题，以及如何解决这些问题。

CSS

• 通过借鉴JavaScript函数来编写更好的CSS：本文介绍了一种使用JavaScript函数来编写更好的CSS的方法。

• CSS混合模式：本文介绍了CSS混合模式的概念和应用。

• 发掘新的Tailwind CSS实用程序：本文介绍了一些常见但不太为人知的Tailwind CSS实用程序，以及它们的用法。

• 通过CSS增强高对比度用户的可访问性：本文介绍了如何通过CSS增强高对比度用户的可访问性。

• 使用现代CSS重建特色新闻部分：Vox news：本文介绍了如何使用现代CSS技术重建Vox news的特色新闻部分。

JavaScript

• JavaScript私有类字段的副作用：本文讨论了JavaScript私有类字段的一些副作用，并介绍了一些替代方案。

• 作为前端工程师：必须了解的10个有关“[].reduce”的秘密：本文介绍了10个关于JavaScript数组reduce方法的秘密，帮助开发者更好地使用它。

• “const”常量的欺骗：本文介绍了JavaScript中“const”常量的一些欺骗和限制，并提出了一些解决方案。

• 使用JavaScript格式化紧凑数字：本文介绍了如何使用JavaScript格式化紧凑数字，以便更好地呈现数据。

• JavaScript中的缓存API及其用法：本文介绍了JavaScript中的缓存API及其用法，以帮助开发者更好地管理Web应用程序的缓存。

• 永远的函数：通过递归的力量获得力量！：本文介绍了如何使用JavaScript中的递归函数来解决一些复杂问题。

React

• 在React中呈现交互式指南：本文介绍了React中呈现交互式指南的方法和技巧。

• 使用React和GSAP构建交互式手风琴组件：本文介绍了如何使用React和GSAP构建交互式手风琴组件。

• 使用React Three Fiber和GSAP构建WebGL旋转木马：本文介绍了如何使用React Three Fiber和GSAP构建WebGL旋转木马。

• React中的并发模式：概述

  本文介绍了React中的并发模式，以及如何使用它来提高Web应用程序的性能。

• 在React中编写干净、可重用的组件：本文介绍了在React中编写干净、可重用组件的最佳实践。

• 如何在React中实现拖放功能：本文介绍了如何使用React Beautiful Dnd库在React中实现拖放功能。

Vue

• 使用Vue.js和Spryker实现前端架构：本文介绍了如何使用Vue.js和Spryker实现前端架构。

• 是的，这里有3种使用Vue 3创建多个布局系统的方法：本文介绍了使用Vue 3创建多个布局系统的三种方法。

• Vue.js前端工程师必须使用的10个优化技巧：本文介绍了Vue.js前端工程师必须使用的10个优化技巧。

Angular

• Angular中的延迟加载服务：本文介绍了Angular中的延迟加载服务，以及如何使用它来提高Web应用程序的性能。

• Angular 16 RC2：革命即将来临！：本文介绍了Angular 16 RC2的新功能和改进。

• Angular观察者模式的全面指南：本文介绍了Angular观察者模式的原理、用法和最佳实践。

• Angular 16与Vue、React和Svelte的竞争：本文介绍了Angular 16与Vue、React和Svelte之间的竞争关系，以及各自的优缺点。