From c28cb3bbb1afdc74cf065771076c05d3ab03853e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AD=8F=E9=98=85=E5=85=B5?=
 <10004622+wei-parade@user.noreply.gitee.com>
Date: Sat, 24 Jun 2023 19:41:37 +0800
Subject: [PATCH 1/3] six:comit

---
 app.js | 27 +++++++++++++++++++++++++++
 1 file changed, 27 insertions(+)
 create mode 100644 app.js
diff --git a/app.js b/app.js
new file mode 100644
index 0000000..38055b5
--- /dev/null
+++ b/app.js
@@ -0,0 +1,27 @@
+console.log('script start')
+
+async function async1() {
+  await async2()
+  console.log('1 ')
+}
+async function async2() {
+  console.log('2') 
+}
+async1()
+
+setTimeout(function() {
+  console.log('setTimeout')
+}, 0)
+
+new Promise(resolve => {
+  console.log('Promise')
+  resolve()
+})
+  .then(function() {
+    console.log('promise2')
+  })
+  .then(function() {
+    console.log('promise25')
+  })
+
+console.log('end)
\ No newline at end of file
-- 
Gitee


From 7e7df5f595d1ccc0f2a00ddf5287e7c8c01f7d82 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AD=8F=E9=98=85=E5=85=B5?=
 <10004622+wei-parade@user.noreply.gitee.com>
Date: Sat, 24 Jun 2023 20:12:39 +0800
Subject: [PATCH 2/3] eight:comit

---
 app.js | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app.js b/app.js
index 38055b5..f1eeb43 100644
--- a/app.js
+++ b/app.js
@@ -24,4 +24,4 @@ new Promise(resolve => {
     console.log('promise25')
   })
 
-console.log('end)
\ No newline at end of file
+console.log('start12')
\ No newline at end of file
-- 
Gitee


From 438b0429a9c9865d9580e8a6d937a7a8bcd8e355 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=AD=8F=E9=98=85=E5=85=B5?=
 <10004622+wei-parade@user.noreply.gitee.com>
Date: Sat, 24 Jun 2023 20:23:39 +0800
Subject: [PATCH 3/3] jiu:comit

---
 ...237js\345\256\236\347\216\260v-model.html" | 59 +++++++++++++++++++
 1 file changed, 59 insertions(+)
 create mode 100644 "\345\216\237\347\224\237js\345\256\236\347\216\260v-model.html"

diff --git "a/\345\216\237\347\224\237js\345\256\236\347\216\260v-model.html" "b/\345\216\237\347\224\237js\345\256\236\347\216\260v-model.html"
new file mode 100644
index 0000000..3aa0e38
--- /dev/null
+++ "b/\345\216\237\347\224\237js\345\256\236\347\216\260v-model.html"
@@ -0,0 +1,59 @@
+<body>
+    <div id="app">
+        名字：<input type="text" v-model="name" value="12"><br>
+        年龄：<input type="text" v-model="age" value="2323">
+        <div class="sjkx">
+            <h1 class="name">模拟v-model</h1>
+        </div>
+    </div>
+    <script>
+        let data = {
+            name: '',
+            age: '',
+        }
+        let view = document.getElementById('app')
+        // 数据反映到视图方法
+        function getVmodelNode(view, data) {
+            // a,获取到视图中每个节点的DOM对象，
+            let allDom = view.getElementsByTagName("*")
+            let allDomArray = Array.from(allDom)//将伪数组转化成数组
+            let attributeArray = []
+            // b，遍历DOM对象，获取到每个DOM对象对应的node对象。
+            allDomArray.forEach(nodeItem => {
+               //c, 遍历node对象，过滤获取到node对象中含有v-model的节点
+                Array.from(nodeItem.attributes).forEach(item => {
+                    if (item.nodeName === 'v-model') {
+                        //d,将对应的data的属性值赋值给node节点的value值上
+                        nodeItem.value = data[item.nodeValue]
+                        //视图层反映到数据层上，
+                        nodeItem.addEventListener('input',(e)=>{
+                            data[item.nodeValue]=e.target.value
+                        })
+                    }
+ 
+                })
+ 
+            })
+        }
+        //  A,首先需要遍历data的数据，获取到每个data的属性
+        Object.keys(data).forEach(key => {
+            // B,其次，获取到data的每个属性之后，对属性进行拦截。
+            
+            WebServer(data,key,data[key])
+        })
+        function WebServer(data, key, value) {
+            Object.defineProperty(data, key, {
+                get() {
+                    return value
+                },
+                set(newValue) {
+                    value= newValue
+                    // C，在拦截时，需要将其值反映到对应的视图标签上。
+                    getVmodelNode(view,data)
+                }
+            })
+        }
+       getVmodelNode(view, data)
+    
+    </script>
+</body>
-- 
Gitee

