在前端开发中，我们不可避免会遇到 Blob、File、FileReader、ArrayBuffer、Base64、URL.createObjectURL() 这些概念，是时候搞懂他们了！

先贴一张实现的效果图 老规矩先进行功能分析和准备工作 这块功能我实现的不多，主要就是拖动新增座位和已占用座位拖动到未占用座位，放大缩小图层。如右键功能，定义座位中心点，所有已占用座位向中心点靠齐，忽视

表格是中后台频繁使用的组件，vue3提供了hooks写法能够大大减少代码量和提高复用性，以下是一个基于arco design vue组件库封装的表格hooks：useTable

本文会从一段模版代码开始，先后讲解patchflag、Block、Block Tree实现原理，帮助大家理解编译优化

vue3 hooks之useTable，工厂流水线开发页面表格😄，带你提高开发效率、告别重复性工作。

使用场景 computed：声明一个依赖于其他响应式数据属性的属性，并且这个属性的值会根据其依赖的数据的变化而自动更新。

defineModel 同学已经转正 defineModel的简单介绍 使用 $emit更新父组件传递过来的数据(vue3.2) 使用 defineModel 更新父组件传递过来的数据(vue3.4)

在本文中，我们从源码角度去理解 vue3 的 reactive 和 ref API，并解答了为什么更推荐使用 vue3 中的 ref、ref 为什么要用 .value 取值等几个问题。

在实际项目中，通常会遇到存在大量的业务条件选择的场景，这种情况下如果使用大量的"v-if"和"v-else"指令，会造成代码冗余，页面渲染性能下降，加载时间增加等问题，那该如何进行优化呢？