稿定的跨端渲染工程之旅：QuickJS 到 Dart VM

跨端渲染引擎的演化：从轻量级到强大

探索 QuickJS 的轻量级优势

在稿定科技，我们最初采用 QuickJS，因为它是一款轻量级 JavaScript 引擎，体积小巧且性能出色。我们使用 QuickJS 与 Skia 构建了自研的 App 端编辑器渲染引擎，并将其成功落地于实际应用中。

遇到 QuickJS 的限制

然而，随着我们对跨端渲染要求的不断提升，QuickJS 的局限性逐渐显现。它对 Web 标准的支持不够完善，生态系统较小，难以实现复杂功能。此外，随着应用复杂度的增加，QuickJS 的性能瓶颈也变得明显。

转向 Dart VM：更强大更全面

经过深入的调研和探索，我们决定将跨端渲染引擎从 QuickJS 切换到 Dart VM。与 QuickJS 相比，Dart VM 是一款更强大、更全面的 Runtime。它不仅支持 JavaScript，还支持现代化、面向对象的 Dart 语言。Dart 语言提供类型安全、异步编程和并发编程等高级特性。

Dart VM 的优势

Dart VM 的优势体现在以下几个方面：

• 全面的 Web 标准支持： Dart VM 对 Web 标准提供完善的支持，使我们能够轻松实现各种复杂功能。
• 丰富的生态系统： Dart VM 拥有庞大且活跃的生态系统，提供丰富的库和工具，大大提升了开发效率。
• 更快的性能： Dart VM 的性能远超 QuickJS，使我们能够构建更加流畅、响应迅速的应用。

演化过程：循序渐进

从 QuickJS 到 Dart VM 的演化并非一蹴而就。我们经历了以下三个循序渐进的阶段：

• 探索阶段： 深入调研和探索 Dart VM，评估其优点和缺点。
• 试点阶段： 在小型项目中试用 Dart VM，在实际场景中体验其性能和特性。
• 全面切换阶段： 在全面评估和试点验证后，我们在所有跨端渲染项目中全面切换到 Dart VM。

性能优化：更流畅更快速

切换到 Dart VM 后，我们并没有止步不前，而是持续对跨端渲染引擎进行性能优化，采用了以下技巧：

• 利用 Dart 语言的高级特性： 充分利用 Dart 语言提供的异步编程和并发编程特性来优化代码。
• 优化 JavaScript 代码： 将 JavaScript 代码尽量转换为 Dart 代码，以提升性能。
• 使用 Skia 的 GPU 加速： 利用 Skia 提供的 GPU 加速功能，提高渲染性能。

结论：跨越式进化

从 QuickJS 到 Dart VM 的演化是稿定科技跨端渲染工程发展历程中的一个重要里程碑。Dart VM 的强大性能和丰富的生态系统为我们提供了更多可能。未来，我们将继续探索 Dart VM 的更多特性，进一步优化我们的跨端渲染引擎，为用户提供更加流畅、响应迅速的应用。

常见问题解答

1. 为什么选择 Dart VM 而非其他 Runtime？

Dart VM 不仅支持 JavaScript，还支持 Dart 语言，提供了更高级的特性和更完善的生态系统，从而为我们提供了更强大的功能和更高的开发效率。

2. 切换到 Dart VM 后，是否遇到了兼容性问题？

在切换过程中，我们遇到了部分 JavaScript 库与 Dart VM 不兼容的问题。通过使用 Dart 语言的 FFI 机制，我们成功解决了这些兼容性问题。

3. 对于大型复杂的跨端应用，Dart VM 的性能表现如何？

Dart VM 的性能远超 QuickJS，即使对于大型复杂的跨端应用，它也能提供流畅、响应迅速的体验。

4. Dart VM 与 Flutter 的关系是什么？

Dart VM 是 Flutter 的核心组件，为 Flutter 提供运行时环境。虽然 Dart VM 也可用于其他跨端应用开发，但它与 Flutter 紧密相关，并为 Flutter 提供了优化支持。

5. 除了性能优势，Dart VM 还提供了哪些其他好处？

除了性能优势，Dart VM 还提供了其他好处，例如热重载、强大的调试工具和广泛的社区支持，这些都大大提升了开发效率和代码质量。