From 9a937052568e5ccc9fbf0757d83b6d5ca6fc492c Mon Sep 17 00:00:00 2001 From: q759859479 Date: Tue, 28 May 2024 14:30:00 +0800 Subject: [PATCH] Tue May 28 14:30:00 CST 2024 inscode --- src/assets/cat1.svg | 1 + src/assets/cat2.svg | 1 + src/assets/cat3.svg | 1 + src/assets/cat4.svg | 1 + src/assets/cat5.svg | 1 + src/assets/cat6.svg | 1 + src/components/HelloWorld.vue | 21 +++++-- src/components/TheWelcome.vue | 103 ++++++++++++++++++++++++++++++---- 8 files changed, 116 insertions(+), 14 deletions(-) create mode 100644 src/assets/cat1.svg create mode 100644 src/assets/cat2.svg create mode 100644 src/assets/cat3.svg create mode 100644 src/assets/cat4.svg create mode 100644 src/assets/cat5.svg create mode 100644 src/assets/cat6.svg diff --git a/src/assets/cat1.svg b/src/assets/cat1.svg new file mode 100644 index 0000000..462496a --- /dev/null +++ b/src/assets/cat1.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/cat2.svg b/src/assets/cat2.svg new file mode 100644 index 0000000..8bc03a4 --- /dev/null +++ b/src/assets/cat2.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/cat3.svg b/src/assets/cat3.svg new file mode 100644 index 0000000..ba17622 --- /dev/null +++ b/src/assets/cat3.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/cat4.svg b/src/assets/cat4.svg new file mode 100644 index 0000000..0c35331 --- /dev/null +++ b/src/assets/cat4.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/cat5.svg b/src/assets/cat5.svg new file mode 100644 index 0000000..ff6dd2d --- /dev/null +++ b/src/assets/cat5.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/assets/cat6.svg b/src/assets/cat6.svg new file mode 100644 index 0000000..15f2e74 --- /dev/null +++ b/src/assets/cat6.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/src/components/HelloWorld.vue b/src/components/HelloWorld.vue index 5d7d56b..2358eb2 100644 --- a/src/components/HelloWorld.vue +++ b/src/components/HelloWorld.vue @@ -8,18 +8,31 @@ defineProps({ diff --git a/src/components/TheWelcome.vue b/src/components/TheWelcome.vue index 684afc3..023574c 100644 --- a/src/components/TheWelcome.vue +++ b/src/components/TheWelcome.vue @@ -19,6 +19,66 @@ const test1 = () => { log1.value.push('代码执行结束') } + +let log2 = ref([]); +const test2 = () => { + log2.value = [] + log2.value.push('1'); +setTimeout(function() { + log2.value.push('2'); + process.nextTick(function() { + log2.value.push('3'); + }) + new Promise(function(resolve) { + log2.value.push('4'); + resolve(); + }).then(function() { + log2.value.push('5') + }) +}) +process.nextTick(function() { + log2.value.push('6'); +}) +new Promise(function(resolve) { + log2.value.push('7'); + resolve(); +}).then(function() { + log2.value.push('8') +}) + +setTimeout(function() { + log2.value.push('9'); + process.nextTick(function() { + log2.value.push('10'); + }) + new Promise(function(resolve) { + log2.value.push('11'); + resolve(); + }).then(function() { + log2.value.push('12') + }) +}) +} + +let log3 = ref([]); +const test3 = () => { + log3.value = [] + log3.value.push('script start'); + +setTimeout(function () { + log3.value.push('setTimeout'); +}, 0); + +Promise.resolve() + .then(function () { + log3.value.push('promise1'); + }) + .then(function () { + log3.value.push('promise2'); + }); + + log3.value.push('script end'); +}