前端&AI技术双周刊-2024.08.09

前端技术

• Node 实验性支持 TypeScript
  在 7.25 合并的 PR 中，有一个是 Node.js 增加了对 TypeScript 的实验性支持。这一支持对于推动生态系统向前发展以及使用户能够执行 TypeScript 文件而无需安装外部依赖项或加载程序至关重要。最初的实现是通过设置实验标志 –experimental-strip-types 来执行 TypeScript 文件。不过社区也有不少人认为 TS 会降低 Node 的稳定性，用户需要不断更新 Node 版本才能获取到 TS 的所有功能，所以后续也有可能以解耦的方式分发独立包令其获得实验性 TypeScript 支持。

• TypeScript 5.6 Beta 发布
  TypeScript 5.6 的首个测试版已经发布，其中区域优先检查（目前仅限 VS Code）是一个特别有趣的新增功能，它支持仅对文件的相关区域进行 TS 检查。

• Don’t Use JS for That: Moving Features to CSS and HTML
  不用 JS，将功能迁移到 CSS 和 HTML。本视频中展示了一些可以平替某些 JS 概念的 HTML/CSS 特性。

• Garbage collection and closures
  垃圾回收和闭包 - 本文讨论了 JavaScript 引擎如何在函数内部处理垃圾回收。当三位 JavaScript 专家聚在一起，在遇到内存泄漏时都能学到有关 JavaScript 工作原理的新知识时，它就值得一看。

• Patterns for Memory Efficient DOM Manipulation with Modern Vanilla JavaScript
  本文主要讨论了在现代 JavaScript 中，如何使用原生 JS 高效地操作 DOM，以提高应用程序的性能。虽然像 React 或者 Vue 这样的框架让我们可以无需关注 DOM 更新就可以完成应用的开发，但是在某些场景（如拖拽、滚动等）还是无法避免直接操作 DOM。作者在文中提出了很多最佳实践，同时对 DOM 操作和优化背后的核心原则进行了很好的概述。

AI 资讯

• OpenAI 即将推出 AI 搜索产品 SearchGPT
  旨在通过结合 AI 大语言模型的强大能力和互联网上实时信息，为我们提供快速、及时且具有清晰、相关来源的答案。目前只是给出一个临时原型，并向小部分用户内测，感兴趣的可以申请加入 Waitlist。

• GPT-4o 模型支持结构化输出
  模型型号 gpt-4o-2024-08-06 和 gpt-4o-mini 支持 API 结构化输出，能够 100% 保证输出的JSON格式是正确的。

扩展阅读

• How to choose the best rendering strategy for your app
  文章讨论了应用的不同渲染策略，包括静态站点生成（SSG）、服务器端渲染（SSR）、客户端渲染（CSR）、增量静态渲染（ISR）等。每种策略都有其自己的使用场景和权衡，最终渲染策略的选择应该基于你的应用的特定需求和目标。

• So you think you know box shadows?
  作者发挥创造力，利用 JavaScript 对 div 元素上的盒阴影进行了一些有趣的实验。