栗子前端技术周刊第 58 期 - Vite 6、Tailwind v4 Beta、Nuxt UI v3 alpha...

晓得迷路了
1,010 阅读2分钟

🌰栗子前端技术周刊第 58 期 (2024.11.25 - 2024.12.1)：浏览前端一周最新消息，学习国内外优秀文章视频，让我们保持对前端的好奇心。

📰 技术资讯

  1. Vite 6.0：Vite 6 正式发布，尽管 Vite 是由 Vue 作者创建的，但凭借其极快的构建速度、简洁性和可扩展性，Vite 已迅速在 React 生态中使用。Vite 6 在各个方面都加倍努力，并引入了实验性的 “环境 API”，让框架开发者能以更强大的方式使用 Vite。

  2. Tailwind v4.0 Beta 1：Tailwind CSS v4.0 Beta 1 发布，内容包括构建性能提升、统一工具链、CSS 优先配置等功能。

  3. Nuxt UI v3.0.0-alpha.9：该版本了支持 Nuxt 和 Vue 的国际化，可自动调整排版方向（ltr / rtl），并已翻译了 12 种语言，同时新增了 InputNumber 和 PinInput 组件。

📒 技术文章

  1. JavaScript Shallow Copy vs Deep Copy：JavaScript 浅复制 VS 深复制 - 作者结合例子介绍了两者的概念、区别以及最佳实践。

  2. 如何优雅处理后端流数据：在前端开发中，通过某个接口下载文件是一种很常见的需求。文章介绍了接口返回的是数据流的情况下，前端如何正确将流数据下载成文件。

  3. 前端实现画中画超简单，让网页飞出浏览器：作者介绍了前端的文档画中画（Document Picture-in-Picture）功能，并通过代码示例一步步讲解如何实现文档画中画。

🔧 开发工具

  1. Math.js 14.0：适用于 Node 和浏览器端的数学库，可处理复数、分数、矩阵计算等。
math.round(math.e, 3)           // 2.718
math.atan2(3, -3) / math.pi     // 0.75
math.log(10000, 10)             // 4
math.sqrt(-4)                   // 2i
math.derivative('x^2 + x', 'x') // 2*x+1
math.pow([[-1, 2], [3, 1]], 2)  // [[7, 0], [0, 7]]
  1. Diff Text：一款简单的在线文本比较工具 - 可以按单词、字符或行进行比较，并可切换显示所有行或只显示已更改的行。
image-20241130140549479
  1. jsontr.ee：jsontr.ee 是一款将 JSON 结构可视化为动态树形图的实用工具。
image-20241130140854691

🚀🚀🚀 以上资讯文章选自常见周刊，如 JavaScript Weekly 等，周刊内容也会不断优化改进，希望你们能够喜欢。

💖 欢迎关注微信公众号：栗子前端

avatar
文章
阅读
粉丝