前端&AI技术双周刊-2024.04.25

Node.js

• Node.js 协作峰会的旅行报告
  Node 的协作者和社区成员每年两次在协作峰会上会面，分享知识、讨论问题并充实新想法。最后一次会议于本月早些时候在伦敦举行，重点讨论了 Node 的 HTTP 堆栈、新node –run功能、ES 模块支持、包管理等。

• Node.js 22
  Node.js 22版本已发布，包含ES模块支持、WebSocket客户端、V8 JavaScript引擎更新等新功能。该版本将在十月进入长期支持（LTS）。同时，随着新版本的发布，Node.js 18将于2025年4月停止支持使用。

CSS

• Desert Racer
  使用纯CSS来制作一个游戏，一个听起来几乎不可能的想法现在已经实现了。原作者完全通过CSS实现了一个有趣的小游戏，同时用CSS实现对滑动、碰撞等感知，不得不令人佩服其强大的创造力

前端技术

• 【Discussions】Deep Dive into Rspack & Webpack Tree Shaking
  一个有意思的Webpack Tree Shaking的工作原理discussions。在对DCE Optimization、usedExports Optimization、sideEffects Optimization等场景均有进行说明，同时对常见的Webpack Tree Shaking Failed 也有进行探讨

• Signals 提案进入 Stage 1 阶段
  框架作者们已经与 TC39 合作，争取打合出一份 Signals 提案，目标是将其变成 JavaScript 语言的一部分。如果能落地，前端框架的响应式实现将变得非常简单。

• Comparing JavaScript Frameworks part 1: templates(比较 JavaScript 框架第1部分
  这篇文章是对现代流行JavaScript框架模板语言的比较，包括Vue.js、React、Angular和Svelte。第一部分重点在于对比这些框架的模板语言，这对于定义应用程序或网站的HTML来说至关重要。作者基于他个人使用这些框架的经验，详细阐述了它们如何使创建动态HTML变得更容易，同时回顾了每个框架的组件定义方式、条件渲染和列表渲染等核心模板特性。整个比较突出了各个框架的不同思路和设计选择，提供了一个全面的视角帮助读者理解这些不同的模板语言如何在构建丰富的Web应用时发挥作用。

• 不一样的SVG！SVG 渐变边框在 CSS 中的应用
  介绍了如何利用 SVG 实现渐变边框，并通过调整 SVG 尺寸和内联 CSS 优化其在 HTML 和 CSS 中的应用。核心内容包括 SVG 自适应尺寸的实现、SVG 在 HTML 中的应用以及将 SVG 转换为内联 CSS 代码的方法

AI 资讯

• Dify 发布 AI Workflow
  Dify 是一款开源的大语言模型(LLM) 应用开发平台。它融合了后端即服务（Backend as Service）和 LLMOps 的理念。所谓 AI Workflow 是按应用情景划分为两种类型

性能优化

• Optimizing Javascript for fun and for profit(优化 Javascript 的技巧和策略)
  这篇文章提供了针对Javascript性能优化的一系列建议和技巧。作者分享了从基础的比较、避免不必要的工作，到深入的内存管理等不同层面的优化策略，强调了优化前进行基准测试的重要性，并且指出了常见的性能瓶颈和提高代码执行效率的方法。

开源库推荐

• svelte-dnd-action
  该仓库支持丰富的drag and drop操作，支持几乎所有可以想象到的拖放用例、任何输入设备，并且对浏览器的支持性也非常棒。