奇舞周刊第 423 期：requestAnimationFrame 执行机制探索

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

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

奇舞推荐

■ ■ ■

 requestAnimationFrame 执行机制探索

浏览器动画执行机制探索

 使用 Vue3 + AR 撸猫，才叫好玩

本文简单入手了解了下 web AR 相关知识，在这几天学习的过程中觉得还是蛮好玩的，此文也当抛砖引玉，希望更多开发者了解 AR 相关的知识。

千相千面图形语法

本文介绍了一个 Flutter 数据可视化库 Graphic 的使用。通过 Graphic 的图形语法定义变换，一步步将柱状图演变为饼图，展示图形语法的灵活丰富。同时也让初学者了解图形语法基本概念。

技术实践

■ ■ ■

 Webpack 性能系列四：分包优化

使用 SplitChunksPlugin，Webpack 可以产物拆解成更细粒度、更内聚的产物包，提升网络性能。本文细致解释 SplitChunksPlugin 启发式分包规则的配置方法与分组逻辑，并最终给出一些普适的最佳实践规则。

 NestJS、TypeORM 和 PostgreSQL 项目开发和数据库迁移完整示例

当 Node.js Server 项目越来越大时，将数据和数据库整理规范是很难的，所以从一开始就有一个好的开发和项目设置，对你的开发项目的成功至关重要。在这篇文章中，向你展示是如何设置大部分 Nest.js 项目的，我们将在一个简单的 Node.js API 上工作，并使用 PostgreSQL 数据库作为数据存储，并围绕它设置一些工具，使开发更容易上手。

 走进科学之神秘的拖拽 bug

本篇文章从笔者工作过程中遇到了一个奇怪的拖拽 bug 谈起，描述了业务场景，然后谈到了具体的解决方案。接着探究 bug 发生的原因：虚拟 DOM 和真实 DOM 的不一致。然后从这个日常开发过程很少碰到的情况，通过简单的 demo 描述了发生的原因。

扩展边界

■ ■ ■

 容器并不能解决一切问题

我们的行业在过去十年中取得了令人难以置信的进步，这在一定程度上要归功于 Docker、Docker Compose 和 Kubernetes 等技术。然而，我们仍在研究如何在我们所处的多样化环境中进行开发。

 重排、重绘、合成，你真的懂吗？

本文主要介绍了重排、重绘、合成的基本概念、触发时机、影响范围以及其优化策略。

关于奇舞团

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