栗子前端技术周刊第 55 期 - Rspack 1.1、Nuxt 3.14、Docusaurus 3.6...

晓得迷路了
895 阅读2分钟

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

📰 技术资讯

  1. Rspack 1.1：Rspack 是基于 Rust 的前端构建工具，API 基本与 Webpack 相同。现在 Rspack 1.1 正式发布，内容包括性能优化（如调度策略优化、新的增量构建）、新功能（优化 HTML 插件和 JSDoc）、生态系统拓展（Docusaurus 构建提速、Nuxt Rspack 构建器）等。
image-20241110131945546

  1. Nuxt 3.14：Nuxt 3.14 正式发布，带来了全新的 rspack 构建器、共享文件夹以及性能增强。这一版本的更新为即将到来的 Nuxt v4 做好了充分准备，特别是在 unjs 方面为 Nitro v3 的准备工作打下了基础。

  2. Docusaurus 3.6：面向文档的静态网站生成器，v3.6 是一个注重性能的版本，它现在使用 Rspack、SWC 和 Lightning CSS 等工具，使构建过程比以往更快。

📒 技术文章

  1. A Friendly Introduction to Container Queries：友好地介绍容器查询 - 作者将深入探讨 CSS 容器查询使用率低的原因，并向大家重新介绍该功能，建议我们如何使用它。

  2. 浅谈SOLID原则在前端的使用：SOLID 原则是由 Robert C. Martin 在 2000 年提出的一套软件开发准则，它不仅在传统 OOP 语言中广泛应用，也被引入到 JavaScript 和 TypeScript 等现代编程语言和框架中。

  3. 货拉拉微信小程序体验优化总结：货拉拉微信小程序因业务扩张出现诸多问题，2023 年初成立优化专项，经过一年多的持续优化，颇有成效，文中将介绍其优化效果、优化思路、技术重点实现等等。

🔧 开发工具

  1. npmpackage.info：以仪表盘的方式展示 NPM 包的主要统计信息，包括质量得分、代码提交情况、Issues、发布记录、软件包大小等。
image-20241110132718071
  1. Faker 9.2：用于生成大量模拟数据 - 姓名、简历、地址、邮编、日期、货币金额、交易，从 9.2 版开始，还能生成宠物名和罗马数字！你可以在控制台中直接体验该库的功能。
image-20241110113607975
  1. click-to-component：快速访问组件源代码 - Option+点击浏览器中的 React 组件，即可在 VS Code 中打开源代码。此外，Option+右键单击可打开一个上下文菜单，其中包含父组件的属性、文件名、列号和行号。
clicktocomponent
  1. skellyCSS：轻量级骨架屏 CSS 框架。
image-20241110130705606

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

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

avatar
文章
阅读
粉丝