使用 Vue、TypeScript 和 WebAssembly 构建图像过滤器应用程序

Build an Image Filters App with Vue, TypeScript and WebAssembly

这个项目是什么？

通过此项目，您将构建“Vue Filters”，这是一个使用 Vue 构建的图像过滤器应用程序，可让您将 Photoshop 过滤器应用到网络的体验。最后，您将学习构建自定义可组合项的最佳实践。

为什么这个项目很棒？

这是一个组合项目。搭建大约需要3个小时。

不要被项目规模所迷惑 – 这里利用了许多现代技术来构建现代图像应用程序。在幕后，您将利用 WebAssembly 处理图像并将 WASM 包集成到 Vite 的构建过程中。另外，thjs 项目将使您有机会在实际场景中使用 Composition API。

在构建过程中，我们将花时间讨论用于绘制、操作和下载图像的 HTML5 canvas API。

TypeScript 也将成为这个项目的主要参与者。学习如何正确注释变量将帮助我们调试应用程序。最后，您将学习构建自定义可组合项的最佳实践 – 我发现初级 Vue 开发人员一直在错误地做这些事情！

先决条件是什么？

必需
– Vue 的中级知识。没有那个吗？立即参加完整的 Vue 开发人员课程！

推荐
– 建议了解 WebAssembly 和 TypeScript，但不是必需的，因为该项目将帮助您加快掌握它们的速度。但如果您仍然想先深入学习这些内容，您可以参加我们的 WebAssembly 和 TypeScript 课程。

将使用什么工具？

组合 API、Vue、Vite、WebAssembly 和 TypeScript。