奇舞周刊 476 期：代码在内存中的 “形状”

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

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

奇舞推荐

■ ■ ■

 代码在内存中的 “形状”

众所周知，js 的基本数据类型有 number、string、boolean、null、undefined 等。那么问题来了 typeof null 和 typeof undefined 分别是什么呢？var、const、let 变量提升？暂时性死区又是什么东西？以前刚学 js 的时候有人跟我说 === 相比于== 不仅比较值还要比较类型，难道不是这样的？

 图解浏览器的多进程渲染机制

观察浏览器的任务管理器可以发现，打开浏览器的一个页面需要多个进程，包括浏览器进程、GPU 进程、网络进程、渲染进程等，有插件的话还会包括各种插件进程 (Chrome 选项 -> 更多工具 -> 任务管理器)。本文将聚焦于浏览器的各个进程间是如何配合，将页面呈现给用户的。

 JS 的异步机制一探

对于 FEer 来说，JavaScript 是单线程，同一时间只能执行一个任务，这种模式的好处是实现起来比较简单，执行环境相对单纯；坏处是只要有一个任务耗时很长，后面的任务都必须排队等着，会拖延整个程序的执行。常见的浏览器无响应 (假死)，往往就是因为某一段 JavaScript 代码长时间运行 (比如死循环)，导致整个页面卡在这个地方，其他任务无法执行。对于计算类型的任务，需要使用到 CPU，就只能等待任务执行完毕；但是对于很多时候 CPU 都是闲着的，比如在执行 IO 操作 (输入输出)，ajax 请求，文件读写等，这些操作 CPU 完全可以不管 IO 操作，可以继续往下执行其他任务。异步机制就是为了解决这个问题，这种机制在 JavaScript 内部采用的事件循环机制 (Event Loop)。

技术实践

■ ■ ■

 使用 Node.js + OPEN AI 实现一个自动生成图片项目

最近 ChatGPT 非常火，它是由 OpenAI 开发的一种大型语言模型，它可以通过学习大量文本来了解人类语言并生成文本，我身边的程序员们用过之后都觉得要失业了。。。它背后的 OpenAI 是一家人工智能研究机构，在人工智能领域一直处于领先地位，它的目标是通过人工智能的研究来帮助人类，现在大火的伊隆·马斯克 (Elon Musk) 正是这家公司的创始人之一。真有这么神么？为了验证一下，我们就让 ChatGPT 来帮我们实现一个基于 OPEN AI 的自动创建图片的项目。

 React Native 工程 Monorepo 改造实践

虽然可以通过发 npm 包的形式复用代码，但是有些组件和代码块不太好抽成包，还会带来调试麻烦，发版等问题。所以为了提高代码复用，提高开发效率，我们希望能够在一个仓库内包含多个工程，也就是 Monorepo 形式。

 现代 CSS 高阶技巧，完美的波浪进度条效果！

CSS 实现波浪效果，一直是 CSS 的一个难点之一。在过往，虽然我们有很多方式利用 Hack 出一些波浪效果，如今，有了 CSS Painting API，我们已经可以绘制真实的波浪效果了。

拓展边界

■ ■ ■

 React 将死：看看这些更好的代餐吧

框架界如今发生了不少你大概还不了解的、奇妙的事。如果你在想，“该死！真的需要又一个 JavaScript 框架吗？”那就错了，我不是来让你再去尝试另一个新框架的。我们为什么要为了不用某个东西而去用呢？我会在这篇文章中分享一些网页框架的神奇创新。我们值得更好的，不是吗？这些框架都默默无闻地存在了一段时间，目前都有很大进展，是时候关注它们了。如果你还不了解，那就太可惜了。

 编程神器 Copilot 被官司搞怕了？月收费 19 美元的商业版将提供辩护服务，最高索赔 50 万美元

虽然商业版 Copilot 做出了不收集代码建议的承诺，但还不清楚是否会继续收集其他数据来改善后续代码补全效果。此外，客户也会对 Copilot 的代码合规性感到担忧——Copilot 的代码建议很可能会将引发版权纠纷甚至是软件许可索赔。

关于奇舞团

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