Diaoan's Blog

Promise原理

发表于 2023-06-06 更新于 2023-06-06 分类于编程

首先看看Promise是怎么使用的：

let p = new Promise((resolve, reject) => {
    resolve("OK");
});
p.then(res => {
    console.log(res);
}, err => {
    console.log(err);
})

发表于 2023-05-10 更新于 2023-05-10 分类于编程

现在需要在高德地图中实现下面功能：在地图上点击后，在点击的位置出现一个标记，第二次以及之后的点击，出现标记，并且当前的标记和上一次的标记出现一条线将他们连接起来，点击鼠标右键，清除所有的点和线。

发表于 2023-03-06 更新于 2023-03-06 分类于编程

在 Vue2 中的选项式 API 中会用到data函数来声明变量的响应式状态，data函数的返回值是一个对象，Vue2 在创建实例时调用该函数，并将函数返回的对象通过响应式系统进行包装来实现响应式。

在 Vue3 的组合式 API 中已经没有data函数了，那又是如何实现数据响应式的呢？

发表于 2023-03-05 更新于 2023-03-05 分类于编程

首先在模板中创建一个div：

// src\components\ShowPosture\ShowPosture.vue
<template>
    <div class="content" id="3d" />
</template>

发表于 2023-02-20 更新于 2023-02-20 分类于编程

　　this关键字是JavaScript中最复杂的机制之一，它是一个很特别的关键字，被定义在所有函数的作用域中。

　　JavaScript的this机制并没有那么复杂，但是开发者往往会把理解过程复杂化，因此在缺乏清晰认知的情况下，this对于开发者来说是一种魔法。

发表于 2022-11-21 更新于 2022-11-22 分类于编程

Vue.js中的指令指的是v-model、v-if、v-on等由v-开头的属性，本文会结合前面介绍的数据响应性原理来实现v-model指令。

发表于 2022-10-29 更新于 2022-10-29 分类于编程

AST(Abstract Syntax Tree)抽象语法树，Vue中的AST实际上是一个js对象，它用于把我们写的模板转换成h函数，然后通过h函数生成虚拟节点，虚拟节点再生成真实的DOM节点。

发表于 2022-10-23 更新于 2022-10-24 分类于编程

虚拟DOM是用JavaScript对象描述DOM的层次结构，DOM中的一切属性都在虚拟DOM中有对应的属性。

diff算法发生在虚拟DOM上，将新旧虚拟DOM进行精细化比较，找到新旧虚拟DOM中的不同，计算出如何最小量更新，并将更新结果反映到真实DOM上。