记得点击文章末尾的“ 阅读原文 ”查看哟~

下面先一起看下本期周刊 摘要 吧~

奇舞精选

■ ■ ■

 WebAssembly 多语言/宿主环境中的使用

WebAssembly (WASM) 的一个优势就是能够支持将不同语言编译成 WASM 代码，然后在不同的宿主环境中运行。这样就可以在不同的宿主环境中运行不同语言编写的 WASM 代码，比如在浏览器中运行 C/C++ 代码，或者在 Node.js 中运行 Rust 代码。那么，这些不同语言编写的 WASM 代码是如何运行在不同的宿主环境中的呢？在这篇文章中，将会重点介绍这些不同的语言和宿主环境中的 WASM 运行机制

 React SSR 实现原理：从 renderToString 到 hydrate

文章中介绍了 React SSR 从服务端的 renderToString 到浏览器端的 hydrate 的全流程的原理。

 为什么说 Nest.js 提供了 Express 没有的架构能力？

Nest.js 是当前最流行的 Node.js 框架之一，现在已经 56k star 了，这么优秀的 node 企业级开发框架，让我们看一下它提供了哪些架构特性吧。

技术实践

■ ■ ■

 2023 年如何搭建新的 React 项目？

最近 React 发布了全新的文档，文档中已经不再将 create-react-app (CRA) 作为搭建 React 应用的推荐方式，而是推荐了很多其他方式，包括 Vite、Next.js、Remix、Gatsby 等。通过这一篇文章，让我们看看这些方式都有哪些优缺点，2023 年该如何做出选择

 如何检查前端项目中未使用的依赖包

随着前端项目中使用的依赖包越来越多，而其中一部分依赖包可能并未被项目所使用，手动查找这些依赖包既耗时又繁琐。那么，有没有工具能够快速地帮助我们识别和清理项目中未使用的依赖包呢？这一篇文章中就介绍了两个用于检查未使用依赖包的常用工具！

 JavaScript 中的 Generator 有什么用？

这篇文章中介绍了一个 JavaScript 不是特别常用的语法 Generator，也许在实际的项目开发中很少看到有人去用，可能因为它的语法相对复杂，使用 async/awiat 也都能实现，所以大家实际很少去使用。但是在一些复杂的流程控制、状态判断的需求场景中 Generator 还是挺好用的。就让我们通过这篇文章从基础到实践来了解一下 Generator 吧。

拓展边界

■ ■ ■

 10 分钟轻松搞定前端甘特图！

甘特图是一种广泛使用的工具，它可以用来管理和展示项目进度，同时提高协作效率。这篇文章介绍了一些流行的 JavaScript 甘特图库及其用法，以帮助我们更好地理解和选择适合需求的甘特图库。

 rrweb 实现原理介绍

rrweb 全称‘record and replay the web’，是当下很流行的一个录制屏幕的开源库。与我们传统认知的录屏方式 (如 WebRTC) 不同的是，rrweb 录制的不是真正的视频流，而是一个记录页面 DOM 变化的 JSON 数组，因此不能录制整个显示器的屏幕，只能录制浏览器的一个页签。通过这篇文章，让我们进一步了解一下 rrweb 的原理吧。

 关于编码的那些事——前端应该了解的字符编码

这篇文章介绍了前端开发中我们会遇到的各种字符集及字符编码的概念，希望通过这篇文章可以让你彻底清晰的理解这些问题。

关于奇舞团

奇舞团是 360 集团最大的大前端团队，代表集团参与 W3C 和 ECMA 会员（TC39）工作。奇舞团非常重视人才培养，有工程师、讲师、翻译官、业务接口人、团队 Leader 等多种发展方向供员工选择，并辅以提供相应的技术力、专业力、通用力、领导力等培训课程。奇舞团以开放和求贤的心态欢迎各种优秀人才关注和加入奇舞团。