栗子前端技术周刊第 61 期 - Vant 和 Rspack 事件、2024 JS 状态调查结果、Astro 5.1...

晓得迷路了
878 阅读2分钟

🌰栗子前端技术周刊第 61 期 (2024.12.16 - 2024.12.22)：浏览前端一周最新消息，学习国内外优秀文章视频，让我们保持对前端的好奇心。

📰 技术资讯

  1. Vant 和 Rspack 遭恶意代码注入：2024 年 12 月 19 号前端开源项目 Vant 和 Rspack 的 token 被盗用，并发布了包含恶意代码的版本，两个团队很快做出了反应，废弃了恶意版本，并发布了新的安全版本，有使用到这两个库的记得检查下自己项目的库版本号。

  2. 2024 年 JavaScript 状态调查结果：2024 年 JavaScript 状态调查结果已出炉，内容包括开发们正在使用的语言特性、使用流行库的经验、构建工具的流行程度等等，其中最受喜爱的库为 Vite，最高满意度的为 Vitest，最感兴趣的技术为 Rolldown。

  3. Astro 5.1：Astro 5.1 引入了一项新的实验性会话功能，用于管理服务器上的每个用户数据，并改进了远程图片的缓存和增加了 getActionPath() 工具类。

  4. GitHub Copilot 有限制的免费：GitHub Copilot 推出了免费服务，在新版的 VSCode 中即可使用，当然，免费的 GitHub Copilot 服务是有限制的，用户和 AI 的聊天次数每个月只有 50 次，实时代码补全则是每个月 2000 次。

  5. 2024 年 Node.js 性能状况：该报告重点比较 NodeJS 的 v20 版本到第 v22 版本，目的是详细分析其在过去一年中的发展情况，包括性能提升、退步以及推动这些变化的因素。

📒 技术文章

  1. 5 CSS snippets every front-end developer should know in 2024：2024 年每位前端开发人员都应了解的五个 CSS 代码段 - 文章内容包括 :has()，subgrid，CSS 原生嵌套，text-wrap: balance | pretty 和 CSS 容器查询。

  2. JavaScript Visualized: Promise Execution：JavaScript 可视化：Promise 的执行 - 一篇精心编排的文章，介绍了 Promise 是如何工作的。

image-20241222132734737
  1. JavaScript 深入 ToPrimitive 类型转换：这篇文章深入探讨了 JavaScript 的 ToPrimitive 类型转换，包括 Boolean、String、valueOf 方法、一元和二元运算符的类型转换规则及示例。

🔧 开发工具

  1. React 19 小抄：React 19 小抄，包含了新版本的所有内容。
image-20241222131050602
  1. 锚点定位工具：CSS 锚点定位功能即将推出，其中一个相当不错的布局机制就是定位区域（position-area），这个工具展示了它是如何工作的。
image-20241222133439617
  1. draw.io：draw.io 是一款免费的在线绘图软件，用于制作流程图、用例图、类图等等。
image-20241222134118065

🚀🚀🚀 以上资讯文章选自常见周刊，如 JavaScript Weekly 等，周刊内容也会不断优化改进，希望你们能够喜欢。

💖 欢迎关注微信公众号：栗子前端

avatar
文章
阅读
粉丝