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

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

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

Web开发

• 错误的HTML: 糟糕的示例造就糟糕的开发人员：介绍了一些常见的错误的HTML用法，以及如何避免这些错误。

• TypeScript有什么特别之处？：介绍了 TypeScript 相较于 JavaScript 的优点。

• WebAssembly如何加速新的Web功能：介绍了 WebAssembly 技术的应用和未来发展。

• 我的老板：前端开发将被100%替代：讨论了人工智能是否会取代前端开发。

• Chrome 112中最大内容绘制的变化，忽略低熵图像：介绍了 Chrome 112 中最大内容绘制（LCP）的变化。

工具

• 欢迎使用Make Bookmarklets：提供了制作自定义书签工具的方法。

• 5个有用的JSON工具，提高生产力：介绍了5个常用的JSON工具。

CSS

• 一个CSS选择器来突出可点击的元素：介绍了如何使用CSS来突出显示可点击的元素。

• 使用color-mix()创建不透明的变体：介绍了如何使用 color-mix() 函数来创建颜色的不透明变体。

• Tailwind CSS vs Bulma CSS：比较了 Tailwind CSS 和 Bulma CSS 两种CSS框架。

• 只有设备和用户都允许时才运行CSS动画：介绍了如何让CSS动画只在设备和用户都允许的情况下运行。

• 你能在CSS中创建漂亮的描边文本吗？：介绍了如何使用CSS来创建描边文本。

• 使用COLRv1规范创建自定义CSS排版：介绍了如何使用 COLRv1 规范来创建自定义的CSS排版。

JavaScript

• 使用JavaScript进行动画的最佳方法是什么？：介绍了使用JavaScript进行动画的最佳方法。

• Vue和Ember：它们的比较和使用建议：比较了Vue和Ember两种框架，提供使用建议。

React

• React HOC的最佳实践：你不知道的好处：介绍了React HOC的最佳实践。

• React路由解析器的最佳实践：停止等待组件获取数据：介绍了React路由解析器的最佳实践。

• 使用react-snap预渲染您的React应用程序：介绍了如何使用react-snap预渲染React应用程序。

• React forwardRef()：如何将Ref传递给子组件：介绍了如何使用React forwardRef()函数将Ref传递给子组件。

• React中的Refs：从访问DOM到命令式API：介绍了React中Refs的使用方法。

• 使用Format.js翻译您的React应用程序：介绍了如何使用Format.js来翻译React应用程序。

Vue

• 使用Vue和Splide.js构建可重用的轮播组件：介绍了如何使用Vue和Splide.js库构建可重用的轮播组件。

• 在Vue中使用SuperTokens：介绍了如何在Vue中使用SuperTokens库。

• 理解Vue.js中的插槽：类型、优点和用例：介绍了Vue.js中插槽的使用方法。

• Vue 3中复杂模态框的Promise处理：介绍了如何处理Vue 3中复杂模态框的Promise。

• [Vue 3]函数表达式与Script Setup中的函数声明的区别：介绍了Vue 3中函数表达式与Script Setup中函数声明的区别。

Angular

• Angular：过去、现在和未来的框架：介绍了Angular框架的历史和未来发展。

• 常见的Angular面试问题和答案：提供了常见的Angular面试问题和答案。

• 我认为Angular是垃圾的一部分原因：介绍了作者对Angular框架的不满。

浏览器

• Safari发布是开发地狱：介绍了Safari浏览器的版本发布情况。

• Chrome发布WebGPU：介绍了Chrome浏览器发布的WebGPU技术。

• Chrome 112中的新功能：介绍了Chrome 112中的新功能。