eason_fan

Tree Shaking 和 ESLint 的 `no-unused-vars` 规则都是常用的性能优化方式，两者的实现原理其实都是基于AST。本文将从性能优化的角度，通过具体示例详细分析两者的区别与

上一节，我们讲到了编译时vue如何转换标准AST中vue独有的属性、指令（例如v-for、#slot）等内容。本节，我们来分析一下转换后的AST最终如何生成代码。

React Native 开发环境搭建与项目启动 前言 最近想学习下移动端开发，鉴于百词斩用的不顺手，正好开发一个app供自己记单词。记录下如何搭建ReactNative开发环境和启动项目。

转换器（Transform）是 Vue 编译系统的核心组件之一，它接收解析器生成的原始 AST，通过一系列转换步骤，生成优化后的 AST

上一节，我们讲到 vue 的编译器`compile-core`由三个部分组成：解析器、转换器、代码生成器。那么本节我们来详细分析解析器的实现原理，弄清楚解析器如何将模版解析为 AST。

上一节，我们梳理了 vue 的编译流程，vue 借助 vite 插件在构建中实现编译。而 vite 插件又引用了 vue 源码中的`compiler-core`模块，本节分析编译器的核心实现。

在日常开发中，当我们启动一个 Vue 项目时，首先会经过构建工具的处理。Vue 项目普遍使用 Vite 作为构建工具，它能够高效地处理 .vue 单文件组件。让我们从这里开始追踪 Vue 的编译流程。

通过前面的文章，我们已经分析了vue3的响应式系统、render流程、diff算法、生命周期。本节，我们来总结一下vue3源码中涉及的性能优化方法。

Suspense 是 Vue3 新增的一个内置组件，用于处理异步组件和异步依赖。本文将深入分析其实现原理，理解 Vue3 是如何优雅地处理异步加载状态的。