前端&AI技术双周刊-2024.07.25

NodeJS

• A Guide to Reading and Writing Node.js Streams
  本文介绍了 NodeJS 中的 stream，在适当的情况下利用 Node 强大的数据流特性所带来的好处，以及如何处理数据流积压问题和错误管理

• Node.js v22.5.0 (Current) Released
  此次发布有两个值得注意的原因：首先，node:http 中的 WebSocket 功能现已公开；其次，Node 现在内嵌了 SQLite，并通过 node:sqlite 提供了对其的直接访问

前端技术

• Make Your Components Easier to Think About
  我们都希望写出的代码简单易懂，但实际的 coding 中可能事与愿违。本文中介绍了一些方法可以让你的代码更加容易让人读懂，写出可读性更强的代码。

• The 6 Levels of Reusability
  我们都希望用更少的代码实现更多的功能，为了实现这一点，我们构建组件以便复用，但是有些组件只需要基本的可重用性，而其他组件则需要更复杂的技术才能最大限度地发挥它们的作用。在本文中概述了可重用性的 6 个级别，这些模式将帮助我们充分利用组件

• 如何根治 Script Error？
  Script Error 一直是处理问题是让人比较头疼的错误，本文简要介绍了 Script Error 问题的来龙去脉，但也不局限于 Script Error，对于通用的系统性问题，应该找到系统性解决方案，进而治标治本。

CSS

• The Magic of Clip Path
  clip-path通常用于将 DOM 节点修剪成特定形状，例如三角形。同时也非常适合动画，在本文中深入clip-path探讨了可以用它做的一些很酷的事情。一旦你读完它，你就会开始看到这个 CSS 属性被广泛使用。

AI 资讯

• OpenAI发布新款小模型GPT-4o mini
  OpenAI开发者官方账号官宣了GPT-4o mini模型的发布，表示该模型相比GPT-3.5 Turbo更智能，成本更低
  视频介绍：https://www.youtube.com/watch?v=hPmgE_COf-M

• Mistral AI两连发
  法国大模型独角兽 Mistral AI 发布了一个专注于数学推理和科学发现的7B大模型「Mathstral」，来解决需要复杂、多步骤逻辑推理的高级数学问题。Mathstral是一个指令型模型，可以使用它或者对它进行微调。

• 快手开源LivePortrait，GitHub 6.6K Star，实现表情姿态极速迁移
  近日，快手可灵大模型团队开源了名为LivePortrait的可控人像视频生成框架，该框架能够准确、实时地将驱动视频的表情、姿态迁移到静态或动态人像视频上，生成极具表现力的视频结果。

扩展阅读

• TypeScript Style Guide
  TypeScript 风格指南提供了一套简洁的约定和最佳实践，用于创建一致、可维护的代码，深入阅读有助于更好的使用 Typescript

• Why “page.goto()” is slowing down your tests
  在这个视频中，我们深入探讨 Playwright 的 “page.goto()” 方法，并理解它为什么会拖慢你的端到端测试。我们从一个示例脚本开始，然后通过 Playwright 的 UI 模式来理解资源加载是如何延迟 “page.goto()” 调用的。

• Micro Agent: An AI Agent That Writes Code for You
  Micro Agent is a Node-based tool that takes the approach of writing a test case first and then iterates upon a solution until the tests pass.

• Text2Image文生图的发展脉络
  这篇介绍将简略地从技术角度聊聊他们的发展脉络。希望看完之后，能够了解 Text2Image 文生图这个领域中耳熟能详的方法