事件循环机制（Event Loop）是 JavaScript 中处理异步操作的核心机制。由于 JavaScript 是单线程语言，它需要通过事件循环机制来协调同步任务和异步任务的执行，使得程序能够以非阻塞的方式处理 I/O 操作、定时器、用户交互等异步事件。 1. JavaScript 执行模型JavaScript 的执行分为两种任务： 同步任务：直接在主线程上排队执行，只有当前任务完

前言面试时被问到esmoudle和commonjs导出数据修改后会如何输出，当时由于紧张没答上来，现在记录下。 Commonjs修改导出值导出值是基础类型1234567891011121314151617181920212223242526// a.cjslet data = 1const plusData = () => { data++ console.log(data) /

底层的实现原理来分析 Taro 和 Uni-app 在编译成原生代码时的差异1. Taro 的编译机制 虚拟 DOM 转换： Taro 使用虚拟 DOM 的概念来实现跨平台开发。开发者编写的 Vue 代码会首先被转换为 Taro 的虚拟 DOM 结构。 在编译过程中，Taro 的编译器会将这些虚拟 DOM 节点映射到目标平台的具体组件和 API，例如将 Vue 的 template 语法转换为小

vue自由拖拽vue3-dnd(六)HTML5这是由react-dnd主要支持的Backend。它在底层使用了HTML5的Drag和Drop事件。并且处理了它的一些问题。 安装1npm install react-dnd-html5-backend 额外功能除了导出的Backend，HTML5 Backend 还提供了一些额外的功能: getEmptyImage(): 它是一个返回透明空图像的

vue 自由拖拽vue3-dnd(五)-MonitorsDragSourceMonitorDragSourceMonitor 是传递给DragSource拖动源的对象。它提供了一些方法，让你可以获取到有关拖动源的一些状态信息。绑定到该监视器的特定拖动源在下面称为监视器的所有者。 方法 方法名 类型 说明 canDrag() () => boolean 如果没有正在进行的拖动操作，并

vue 自由拖拽vue3-dnd(四)-Composition API提供了三个主要的钩子来将你的组件连接到 Vue3 DnD。并且提供了第四个钩子来让你在开发或测试中连接到 Vue3 DnD。 useDrag useDrop useDragLayer useDragDropManager（开发/测试挂钩） 基本示例使用 composition api 制作一个简单的可以拖放的盒子。

vue 自由拖拽vue3-dnd(三)-组件接下来就进入正题了，该如何使用，请看以下说明： DndProviderDndProvider 组件为您的应用程序提供 Vue3 DnD 功能。它必须通过backend这个prop注入一个Backend。 一般我们在App.vue文件中使用它。 用法PC 端12345678910<script setup lang="ts">

vue 自由拖拽vue3-dnd(二)-基础react-dnd 基础概念项目(Items) 和 类型(Types) React DnD 使用数据 而不是视图作为拖拽实施。 在屏幕上拖动某些东西时，称为正在拖动某种类型的项目。 项目是描述被拖动内容的 纯 JavaScript 对象。 类型是一个字符串（或一个符号），用于 唯一标识 应用程序中的一整类项目。 类型很有用，因为随着项目的庞大，你可能希望

vue自由拖拽vue3-dnd(一)-概述前言工作中碰到需要频繁使用拖拽功能，调研了vue3的dragable发现功能还是太简单了，像是一个简单的拖拽排序库，不是很满足需求。这里我要说react的拖拽库就有很多选择，这点确实vue3还需要努力。既然vue3找不到，那有没有react移植过来的呢？我一搜，还真有！就是今天的主角vue3-dnd。 这个库是react的React DnD的vue移植版本

HexoHexo是一个开源的静态博客框架，具有快速、简洁和高效的特点。Hexo 使用 Markdown（或其他渲染引擎）解析文章，在几秒内，即可利用靓丽的主题生成静态网页。 GitHub是一个广泛用于代码托管和版本控制的平台，提供了免费的 GitHub Pages功能，可以用于托管个人博客。结合 Hexo和 GitHub，可以免费搭建个人博客，并享受其强大的功能和灵活的定制性。 准备工作相信想搞博