转转前端周刊第八十三期

转转前端周刊

本刊意在将整理业界精华文章给大家，期望大家一起打开视野

如果你有发现一些精华文章想和更多人分享，可以点击我们的公众号名称，将文章链接和你的解读文案发给我们！我们会对内容进行筛选和审核，保留你的推荐人署名，分享给更多的人

1、如何写一个属于自己的Vue3组件库

从环境搭建开始，介绍如何写一个属于自己的Vue3组件库

2、探索前端新特性：Compute Pressure API

本文介绍了前端新特性：Compute Pressure API。该 API 可以实时观察 CPU 的压力变化，通过监听 CPU 的压力，开发者可以动态调整视频流的质量和数量，提升用户体验。介绍了 API 的使用方法，并提到了一些边界情况的处理。尽管该 API 目前还未标准化，但作者认为它对于提供更好的用户体验是有必要了解的。

3、React最佳实践之“你可能不需要 Effect”

本文思想来自React官方文档You Might Not Need an Effect，保熟，是我近几天读了n遍之后自己的理解，感觉受益匪浅，这里小记一下跟大家分享。

4、JavaScript打包下载最佳实践：StreamSaver.js+zip-stream.js流式下载

介绍了使用 StreamSaver.js 和 zip-stream.js 实现 JavaScript 打包下载的最佳实践。通常在用户需要下载多个文件时，可以采用浏览器打包下载的方式，减少服务器流量和性能消耗。详细介绍了使用 StreamSaver.js 和 zip-stream.js 的步骤和方法，并提供了同步和异步两种打包下载的函数。最后，给出了调用函数进行下载的示例代码。最后指出，异步下载可能会导致浏览器内存溢出，因此推荐使用同步下载方式。

5、通过 View Transition API 在状态之间添加丰富的过渡动画

W3C 2023年度全球技术大会（TPAC2023）于今年9月11-15日召开。W3C CSS 工作组成员 Bramus Van Damme（Google）为本届大会制作视频介绍 CSS 视图过渡模块：View Transition API 允许 DOM 更改在状态之间流畅地进行动画。这是通过利用用户代理（UA）的能力来保持状态的可视表示（即快照）并将它们与当前 DOM 状态的可视输出混合来实现的。该 API 还允许通过标准的 CSS 动画属性自定义动画。该规范描述了 single-page transition API 的 CSS 和 JS 机制。