前端&AI技术双周刊-2024.03.15

Node.js

• Node.js V21.7.0
  Node gains a built-in way to output colored text, load and parse environment variables, and support multi-line values in .env files.

• 防御 Node.js 中的 SQL 注入攻击
  了解为什么和在哪里 SQL 注入攻击构成威胁，以及一些初始的方法来保护 Node 应用程序免受这些攻击。

前端技术

• ECMAScript 2024（ES15）将带来的新特性
  ECMAScript 2024（ES15）即将发布，带来了一系列实用的新功能，提升了对数组、缓冲区和字符串的处理能力。这些更新将在 2024 年 6 月正式亮相，为 JavaScript 开发者提供更多便利和效率。

• JSR: What We Know So Far About Deno’s New JavaScript Package Registry
  Deno 团队推出的新型 JavaScript 包注册表 JSR，旨在解决 npm 的限制，但 JavaScript 社区担忧生态系统可能因此而分裂。 JSR 拥有多项与 npm 显著不同的技术特点，而且非官方宣布将于 2023 年 SeattleJS Conf 上推出。该注册表强调 TypeScript 优先环境、性能和易用性，以及模块安全性等方面，并获得开发者社区的积极响应。尽管 JSR 提供新的方法，但它也随之带来的生态系统分裂的担忧， 然而，它承诺保持与 npm/Node 的兼容性，以减少可能的负面影响。

• TypeScript 5.4
  Improved type narrowing, the NoInfer utility type, Object.groupBy, Map.groupBy, and more.

• JavaScript开发者必须知道的33个概念
  这是一个GitHub项目，提供了JavaScript开发者应该掌握的33个核心概念的清单，从基础的编程原理到JavaScript的高级特性。项目内容包括变量与类型、作用域、闭包、原型继承与链、this关键字、DOM事件、模块化编程等多个方面。项目旨在帮助开发者加深对JavaScript工作原理的理解，并提升编程技能。

CSS

• 使用 :is() 和 :where() 伪类简化您的 CSS
  :is()和:where() CSS伪类的详细指南，准确解释了它们的工作原理、它们之间的区别以及它们如何帮助您简化 CSS

• Proposal: CSS Variable Groups
  CSS 变量组是一种在同一命名空间下定义多个属性并传递整个组的方法，解决了围绕设计令牌、设计系统和集成第三方组件的几个痛点

AI 资讯

• Lightricks - 推出文生视频平台LTX Studio
  LTX Studio通过提供的可视化专业视频控制台，可对镜头切换、角色、场景一致性、摄像机、灯光等进行可视化精准控制，帮助用户进一步优化视频的细节达到商业级视频，并且附带语音解读，而Sora目前生成的视频由神经网络完成，也就是说生成的内容完全由AI决定，用户除了提供文本无法进行任何内容控制。

• Stability AI - 发布文生图模型Stable Diffusion 3
  Stability AI发布了Stable Diffusion 3，宣称为其最强大的文本生成图像模型，利用扩散转换器架构大大提高了多主题提示、图像质量和拼写能力的性能。

拓展阅读

• 京东-亿级高并发春晚互动前端技术揭秘
  本文揭示了在亿级流量高并发春晚互动中，平台前端团队如何优化静态资源、降低服务器成本、利用工程化提效，保证用户体验和系统稳定性。通过静态资源优化、动画图片低损压缩和自动衍生 WebP 背景图 css 代码等技术手段，有效提升页面加载速度和性能。同时，采取流量削峰、即时状态的本地存储等措施，有效降低服务器压力，应对高并发场景，确保用户权益到账信息即时准确。对于性能优化有一定启发，推荐阅读。

• 前端视角对Rust的浅析
  文章从 Rust 的历史，前端的使用场景和业界使用案例一步步带你走进 Rust的世界。并且通过一些简单的例子，了解 Rust 如何应用到前端，提高前端的生产效率。

资源推荐

• Systeminformation
  如果您想查询您的 Node 程序运行的环境信息，这个库适合您，它可以获取有关音频设备、蓝牙设备、打印机、USB、CPU、架构、WiFi 等的信息。

• Finder 3.2
  一个小巧的npm包，给定一个元素，可以生成最短且精确选择器，用来选定某个元素