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

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

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

Web-development

• 弹出框和对话框简介：本文介绍了什么是弹出框和对话框，以及如何使用它们。

• 在网站上部署AVIF以实现更灵敏的响应：本文介绍了如何使用AVIF图像格式来提高网站响应性能。

• 介绍弹出框API：本文介绍了Chrome浏览器提供的弹出框API，包括如何使用它们以及实现的效果。

• 登录和注册表格的11个HTML最佳实践：本文介绍了在设计登录和注册表单时应该遵守的一些HTML最佳实践。

• Node.js性能状况2023：本文介绍了Node.js在2023年的性能状况，以及对未来的展望和建议。

• 滚动像素化图像加载效果：本文介绍了如何使用JavaScript和CSS实现滚动像素化图像加载效果。

• 选择前端框架的困境：本文介绍了在选择前端框架时应该考虑的因素，以及如何做出最佳选择。

CSS

• 我们为什么不擅长CSS：本文介绍了为什么大多数人不擅长CSS，并提供了一些改进的建议。

• display：contents被认为是有害的：本文介绍了为什么display: contents被认为是有害的，并提供了一些解决方案。

• 使用PostCSS Fontpie避免Web字体引起的布局移位：本文介绍了如何使用PostCSS Fontpie避免Web字体引起的布局移位问题。

• 使用@starting-style的现代CSS实现黄色渐变效果：本文介绍了如何使用CSS实现黄色渐变效果，并提供了一些实现细节和建议。

• 使用线性()缓动函数在CSS中创建复杂动画曲线：本文介绍了如何使用线性()缓动函数在CSS中创建复杂动画曲线。

• CSS中的单行注释：本文介绍了如何在CSS中使用单行注释，以及一些注意事项。

• 使用BEM编写更清晰的CSS代码：本文介绍了如何使用BEM（块、元素、模块）方法编写更清晰、更可维护的CSS代码。

• 无媒体查询的响应式CSS布局网格：本文介绍了如何使用纯CSS实现响应式布局，而无需使用媒体查询。

JavaScript

• 如何使用一个JavaScript函数绘制任何规则形状：本文介绍了如何使用一个JavaScript函数绘制任何规则形状，以及如何调整形状的大小和形状。

• 使用Vanilla JavaScript构建无缝拖放重新排序小部件：本文介绍了如何使用Vanilla JavaScript构建无缝拖放重新排序小部件，并提供了一些实现细节和建议。

• 如何在Vanilla JavaScript中制作可重用组件：本文介绍了如何在Vanilla JavaScript中制作可重用组件，以及如何避免重复代码。

• 11种糟糕的JavaScript编写方式：本文介绍了11种糟糕的JavaScript编写方式，以及如何避免这些问题。

React

• React面试问题2023：新手和专业人员都要掌握的全面集合

• ⚛️在React中使用useLayoutEffect的最佳实践

• 像2030年一样构建React应用程序的结构

• 使用React构建国际象棋游戏

• 在React中使用WebSockets实现实时功能

这些文章介绍了React的一些最佳实践、技巧和应用。

Vue

• 如何使Vue.js快3000倍：本文介绍了如何使Vue.js快3000倍，以及如何优化Vue.js应用程序的性能。

Angular

• 使用Angular：Leaflet JS集成的简化旅程：逐步指南

• 2023年的Angular与Nx？你应该！

• 实现Angular Elements——演示

• 实用的Angular Schematics

这些文章介绍了Angular的一些最佳实践、技巧和应用。