🌰栗子前端技术周刊第 22 期 (2024.3.18 - 2024.3.24)：浏览前端一周最新消息，学习国内外优秀文章视频，让我们保持对前端的好奇心。
📰 技术资讯
-
Web 诞生 35 周年：上周是 Web 诞生 35 周年纪念日，" Web 之父 " 蒂姆-伯纳斯-李（Tim Berners-Lee）撰写了一封公开信，呼吁 "推翻由利益主导的 Web 世界，转而由人类需求主导 Web 世界"。
-
VitePress 1.0：VitePress 是一款静态网站生成器 (SSG)，专为构建快速、以内容为中心的网站而设计。简而言之，VitePress 可以用 Markdown 编写源内容，为其应用主题，并生成可轻松部署到任何地方的静态 HTML 页面。VitePress 基于 Vite 和 Vue 构建。
-
Angular 17.3 ：Angular 17.3 发布，包括新的 API
output()、TypeScript 5.4 的支持等等功能。 -
runtime-compat：多位开发人员共同创建了这种便捷的方法，用于可视化不同 Web API 和 JavaScript 功能在日益增多的不同运行时（如 Bun、Deno、Node、LLRT......）中的兼容性。
📒 技术文章
-
How to Create Interactive Animations Using React Spring：如何使用 React Spring 创建交互式动画 - 文中将探讨 JavaScript 的动画库 React Spring，讲解它的功能，包括它提供的各种钩子和组件，以及如何在 React 应用中使用它们。
-
Explaining Promises, Async, and Await in JavaScript：介绍 JavaScript 中 Promise 和 async 函数功能。
-
纯 CSS 检测文本是否溢出：一直以来，CSS 都无法很好的检测出一段文本是否溢出。但这又是一个非常普遍的需求，比如多行文本展开，展开按钮只有在文本溢出的时候才出现。本文将通过纯 CSS 来实现。
🔧 开发工具
- React Data Grid：一个 Excel 风格数据展示组件 - 官网的 Demo 展示了该组件的所有独特功能，从分组行和列到处理一百万个单元格而不会出现速度减慢，适用于 React 18+。
- Atrament 4.0：平滑画布绘图和手写库 - 用于在画布元素上进行精美绘图和手写的小型库。该库已存在数年，但 4.0 版几乎是完全重写。
- CartoSVG：轻松设计轻巧的 SVG 地图 - 使用编辑器直观地自定义地图的任何部分，其结果经过性能优化，易于导出到 HTML 中。
- react-json-view-lite：以树的形式渲染 JSON - 这是一个轻量级组件，用于可视化 JSON，既保留了其基本格式和 JSON 特性，又能让你折叠或展开数组和对象，从而更轻松地查看结构。
🚀🚀🚀 以上资讯文章选自常见周刊，如 JavaScript Weekly 等，周刊内容也会不断优化改进，希望你们能够喜欢。
💖 欢迎关注微信公众号：栗子前端 💖