diff --git a/404.html b/404.html index 6924a62..f5bad7c 100644 --- a/404.html +++ b/404.html @@ -6,7 +6,7 @@ 404 | 怀谷 - + - + + \ No newline at end of file diff --git a/JS.TS/ES6/Iterator.html b/JS.TS/ES6/Iterator.html index 53eda94..bae3dd0 100644 --- a/JS.TS/ES6/Iterator.html +++ b/JS.TS/ES6/Iterator.html @@ -6,8 +6,8 @@ 怀谷 | 怀谷 - - + + -
怀谷

Appearance

Return to top
On this page

Iterator

目的 : 为不同的数据集合提供了相同的访问机制

Q: 为哪些数据集合呢 A: Array Map Object Set

手写 Iteration

js
function myIteration(arr){
+    
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git a/JS.TS/ES6/Symbol.html b/JS.TS/ES6/Symbol.html
index 06b2a20..3a48568 100644
--- a/JS.TS/ES6/Symbol.html
+++ b/JS.TS/ES6/Symbol.html
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
怀谷
Appearance
 Return to top 
On this page
关于Symbol 
在对象上设置Symbol
  1. 使用 []
  2. 使用Object.defineProperty
js
let mySymbol = Symbol();
+    
怀谷
Appearance
 Return to top 
On this page
关于Symbol 
在对象上设置Symbol
  1. 使用 []
  2. 使用Object.defineProperty
js
let mySymbol = Symbol();
 Object.defineProperty(a, mySymbol, { value: 'Hello!' });
 
WARNING
不能使用点运算符访问
js
    Object.defineProperty(a, mySymbol, { value: 'Hello!' });
     a.mySymbol // 报错
@@ -32,8 +32,8 @@
 [...myIterable] // [1, 2, 3]
 
 

-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git a/JS.TS/ES6/index.html b/JS.TS/ES6/index.html
index 4ee973f..aa17bdb 100644
--- a/JS.TS/ES6/index.html
+++ b/JS.TS/ES6/index.html
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
-    
-    
+    
+    
+    
     
   
 
\ No newline at end of file
diff --git a/JS.TS/ES6/promise.html b/JS.TS/ES6/promise.html
index f7a7b97..f114157 100644
--- a/JS.TS/ES6/promise.html
+++ b/JS.TS/ES6/promise.html
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
怀谷
Appearance
 Return to top 
On this page
promise 
Promise 构造函数需要传的参数就是一个 executor 构造器函数。executor 里需要传 resolve 和 reject 函数，用于改变 Promise 实例的状态
js
const promise = new Promise(executor)
+    
怀谷
Appearance
 Return to top 
On this page
promise 
Promise 构造函数需要传的参数就是一个 executor 构造器函数。executor 里需要传 resolve 和 reject 函数，用于改变 Promise 实例的状态
js
const promise = new Promise(executor)
 // 需要传入构造器函数
 //定义状态
 const PENDING = 'pending'
@@ -109,8 +109,8 @@
   })
 }
 

-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/JS.TS/ES6/\350\247\243\346\236\204\350\265\213\345\200\274.html" "b/JS.TS/ES6/\350\247\243\346\236\204\350\265\213\345\200\274.html"
index 3002ca6..ebfad7d 100644
--- "a/JS.TS/ES6/\350\247\243\346\236\204\350\265\213\345\200\274.html"
+++ "b/JS.TS/ES6/\350\247\243\346\236\204\350\265\213\345\200\274.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
怀谷
Appearance
 Return to top 
On this page
js

+    
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/JS.TS/ES6/\350\277\220\347\256\227\347\254\246.html" "b/JS.TS/ES6/\350\277\220\347\256\227\347\254\246.html"
index c6879cc..0ff1f2f 100644
--- "a/JS.TS/ES6/\350\277\220\347\256\227\347\254\246.html"
+++ "b/JS.TS/ES6/\350\277\220\347\256\227\347\254\246.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
-    
-    
+    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/JS.TS/JS\344\270\212\344\270\213\346\226\207\345\222\214\346\211\247\350\241\214\346\240\210.html" "b/JS.TS/JS\344\270\212\344\270\213\346\226\207\345\222\214\346\211\247\350\241\214\346\240\210.html"
index 1c0a631..b7da5d3 100644
--- "a/JS.TS/JS\344\270\212\344\270\213\346\226\207\345\222\214\346\211\247\350\241\214\346\240\210.html"
+++ "b/JS.TS/JS\344\270\212\344\270\213\346\226\207\345\222\214\346\211\247\350\241\214\346\240\210.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
怀谷
Appearance
 Return to top 
On this page
变量提升 
js
foo();  // foo2
+    
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git a/JS.TS/TS/is.html b/JS.TS/TS/is.html
index 425a8ca..f101466 100644
--- a/JS.TS/TS/is.html
+++ b/JS.TS/TS/is.html
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
怀谷
Appearance
 Return to top 
On this page
ts is 
ts
  _isElement(obj: any): obj is Element {
+    
怀谷
Appearance
 Return to top 
On this page
ts is 
ts
  _isElement(obj: any): obj is Element {
     return !!(obj && obj.nodeType == 1);
   }
 
今天刚看到这个ts is 不同于as 当 _isElement 返回true时 obj 被定义为Element类型
ts
const foo = (val: unknown) => isString(val) ? val.toUpperCase() : val
@@ -33,8 +33,8 @@
 // 这里我们通过泛型说明如果 isArray 返回了 true ，意味着 val 是由 string 构成的数组
 const foo = (val: unknown) => isArray<string>(val) ? val.map(item => item.toLowerCase()) : val
 

-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/JS.TS/TS/\347\264\242\345\274\225.html" "b/JS.TS/TS/\347\264\242\345\274\225.html"
index a064c83..ee9b7d6 100644
--- "a/JS.TS/TS/\347\264\242\345\274\225.html"
+++ "b/JS.TS/TS/\347\264\242\345\274\225.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
怀谷
Appearance
 Return to top 
On this page
函数不能作为索引签名的问题 
ts
let map: Map<string, Array<Function>> = new Map()
+    
怀谷
Appearance
 Return to top 
On this page
函数不能作为索引签名的问题 
ts
let map: Map<string, Array<Function>> = new Map()
 
用 indexOf 读取签名 并且删除不能直接赋值 null
ts
mapget(theme)[cb] = null
 
在 unsubscribe 方法中，代码 并不能正确地将回调函数从订阅列表中删除。 这是因为 ma.get(theme)[cb] 会将 cb 作为数组的下标来访问数组中的元素，但是 cb 是一个函数，无法直接作为数组下标使用。 以下是一个简单观察者模式的实现
ts
class Broker {
   private subs: Map<string, Function[]> = new Map();
@@ -69,8 +69,8 @@
 em.emit("aa"); // 只输出 "bb"
 
 

-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/JS.TS/\345\237\272\347\241\200/Eventloop.html" "b/JS.TS/\345\237\272\347\241\200/Eventloop.html"
index db6102d..63097a0 100644
--- "a/JS.TS/\345\237\272\347\241\200/Eventloop.html"
+++ "b/JS.TS/\345\237\272\347\241\200/Eventloop.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
怀谷
Appearance
 Return to top 
On this page
Js 任务 
MacroTask（宏任务） script全部代码、setTimeout、setInterval、setImmediate（浏览器暂时不支持，只有IE10支持，具体可见MDN）、I/O、UI Rendering。
MicroTask（微任务） Process.nextTick（Node独有）、Promise、Object.observe(废弃)、MutationObserver（具体使用方式查看这里）

-    
-    
+    
怀谷
Appearance
 Return to top 
On this page
Js 任务 
MacroTask（宏任务） script全部代码、setTimeout、setInterval、setImmediate（浏览器暂时不支持，只有IE10支持，具体可见MDN）、I/O、UI Rendering。
MicroTask（微任务） Process.nextTick（Node独有）、Promise、Object.observe(废弃)、MutationObserver（具体使用方式查看这里）

+    
+    
     
   
 
\ No newline at end of file
diff --git "a/JS.TS/\345\237\272\347\241\200/Js\344\270\255\347\232\204map\345\222\214weakMap.html" "b/JS.TS/\345\237\272\347\241\200/Js\344\270\255\347\232\204map\345\222\214weakMap.html"
index 2f530ef..a38a7b2 100644
--- "a/JS.TS/\345\237\272\347\241\200/Js\344\270\255\347\232\204map\345\222\214weakMap.html"
+++ "b/JS.TS/\345\237\272\347\241\200/Js\344\270\255\347\232\204map\345\222\214weakMap.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
怀谷
Appearance
 Return to top 
On this page
Map 构造函数 
js
    const map =new Map()
+    
怀谷
Appearance
 Return to top 
On this page
Map 构造函数 
js
    const map =new Map()
     map.set("huaigu",{
         name:"tomao"
     })
@@ -34,8 +34,8 @@
 
weakMap 
WeakMap 对象是一组键/值对的集合，其中的键是弱引用的。其键必须是对象，而值可以是任意的。 原始数据类型不能作为WeakMap 的key 且weakMap 所引用的对象不计入 垃圾回收
js

 
 

-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/JS.TS/\345\237\272\347\241\200/new\346\223\215\344\275\234\347\254\246.html" "b/JS.TS/\345\237\272\347\241\200/new\346\223\215\344\275\234\347\254\246.html"
index a7ddd81..c7dfa07 100644
--- "a/JS.TS/\345\237\272\347\241\200/new\346\223\215\344\275\234\347\254\246.html"
+++ "b/JS.TS/\345\237\272\347\241\200/new\346\223\215\344\275\234\347\254\246.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
怀谷
Appearance
 Return to top 
On this page
关于 new 操作符 
js
function realnew () {
+    
怀谷
Appearance
 Return to top 
On this page
关于 new 操作符 
js
function realnew () {
   let obj = {}
   let Con = Array.prototype.shift.call(arguments)
   console.log(Con)
@@ -89,8 +89,8 @@
 
     bind的实现
 
三者第一个参数都是 this 要指向的对象，如果如果没有这个参数或参数为 undefined 或 null，则默认指向全局 window 三者都可以传参，但是 apply 是数组，而 call 是参数列表，且 apply 和 call 是一次性传入参数，而 bind 可以分为多次传入 bind 是返回绑定 this 之后的函数，apply、call 则是立即执行

-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/JS.TS/\345\237\272\347\241\200/\344\270\200\346\226\207\346\220\236\346\207\202map\345\207\275\346\225\260.html" "b/JS.TS/\345\237\272\347\241\200/\344\270\200\346\226\207\346\220\236\346\207\202map\345\207\275\346\225\260.html"
index e326ef3..e9e29ea 100644
--- "a/JS.TS/\345\237\272\347\241\200/\344\270\200\346\226\207\346\220\236\346\207\202map\345\207\275\346\225\260.html"
+++ "b/JS.TS/\345\237\272\347\241\200/\344\270\200\346\226\207\346\220\236\346\207\202map\345\207\275\346\225\260.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
-    
-    
+    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/JS.TS/\345\237\272\347\241\200/\345\236\203\345\234\276\345\233\236\346\224\266.html" "b/JS.TS/\345\237\272\347\241\200/\345\236\203\345\234\276\345\233\236\346\224\266.html"
index bf0a5cb..e642679 100644
--- "a/JS.TS/\345\237\272\347\241\200/\345\236\203\345\234\276\345\233\236\346\224\266.html"
+++ "b/JS.TS/\345\237\272\347\241\200/\345\236\203\345\234\276\345\233\236\346\224\266.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
-    
-    
+    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/JS.TS/\350\256\276\350\256\241\346\250\241\345\274\217/\345\217\221\345\270\203\350\256\242\351\230\205\346\250\241\345\274\217.html" "b/JS.TS/\350\256\276\350\256\241\346\250\241\345\274\217/\345\217\221\345\270\203\350\256\242\351\230\205\346\250\241\345\274\217.html"
index 77073cf..dc5ede2 100644
--- "a/JS.TS/\350\256\276\350\256\241\346\250\241\345\274\217/\345\217\221\345\270\203\350\256\242\351\230\205\346\250\241\345\274\217.html"
+++ "b/JS.TS/\350\256\276\350\256\241\346\250\241\345\274\217/\345\217\221\345\270\203\350\256\242\351\230\205\346\250\241\345\274\217.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
怀谷
Appearance
 Return to top 
On this page
什么是发布订阅模式？ 
类似addEventListenr  发布-订阅模式里面包含了三个模块，发布者，订阅者和处理中心。这里处理中心相当于报刊办事大厅。 发布者相当与某个杂志负责人，他来中心这注册一个的杂志，而订阅者相当于用户，我在中心订阅了这分杂志。 每当发布者发布了一期杂志，办事大厅就会通知订阅者来拿新杂志。
代码实现 
Talk is cheap，show you my code
ts
// 发布订阅模式
+    
怀谷
Appearance
 Return to top 
On this page
什么是发布订阅模式？ 
类似addEventListenr  发布-订阅模式里面包含了三个模块，发布者，订阅者和处理中心。这里处理中心相当于报刊办事大厅。 发布者相当与某个杂志负责人，他来中心这注册一个的杂志，而订阅者相当于用户，我在中心订阅了这分杂志。 每当发布者发布了一期杂志，办事大厅就会通知订阅者来拿新杂志。
代码实现 
Talk is cheap，show you my code
ts
// 发布订阅模式
 // on 监听/订阅
 // emit 执行/发布
 // once 只执行一次
@@ -118,8 +118,8 @@
 dispatch.emit('post', {type:'post'})
 dispatch.emit('post', {type:'post'})
 
执行结果如下：通过once绑定的事件，仅能触发一次 

-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git a/React/ReactHooks/useCallback.html b/React/ReactHooks/useCallback.html
index 10a40f6..213fe12 100644
--- a/React/ReactHooks/useCallback.html
+++ b/React/ReactHooks/useCallback.html
@@ -6,8 +6,8 @@
     useCallback | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
怀谷
Appearance
 Return to top 
On this page
useCallback 
jsx

+    
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git a/React/ReactHooks/useContext.html b/React/ReactHooks/useContext.html
index c1eea1c..404b8e1 100644
--- a/React/ReactHooks/useContext.html
+++ b/React/ReactHooks/useContext.html
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
怀谷
Appearance
 Return to top 
On this page
useContext 
类似于vue 中的Provider
jsx
const ThemeContext = createContext(null);
+    
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git a/React/ReactHooks/useEffect.html b/React/ReactHooks/useEffect.html
index 2c84a6d..fa4bda1 100644
--- a/React/ReactHooks/useEffect.html
+++ b/React/ReactHooks/useEffect.html
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
-    
-    
+    
+    
+    
     
   
 
\ No newline at end of file
diff --git a/React/ReactHooks/useRef.html b/React/ReactHooks/useRef.html
index c2e7dcb..9e2db2c 100644
--- a/React/ReactHooks/useRef.html
+++ b/React/ReactHooks/useRef.html
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
怀谷
Appearance
 Return to top 
On this page
useRef 
useRef 更改引用后不会引发重新渲染
jsx
const ref = useRef(0);
+    
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git a/React/ReactHooks/useState.html b/React/ReactHooks/useState.html
index 19b0d99..dda8663 100644
--- a/React/ReactHooks/useState.html
+++ b/React/ReactHooks/useState.html
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
怀谷
Appearance
 Return to top 
On this page
useState 
实际上就是为你的组件创建数据的状态,传入的参数为该数据的初始状态
WARNING
严格模式下 react 会 render 两次已确认组件是纯函数
js
const initNum = 0;
+    
怀谷
Appearance
 Return to top 
On this page
useState 
实际上就是为你的组件创建数据的状态,传入的参数为该数据的初始状态
WARNING
严格模式下 react 会 render 两次已确认组件是纯函数
js
const initNum = 0;
 const [num, setNum] = useState(initNum); // 解构
 
setNum 
纯函数，且没有返回值
当 num 为对象时，应该去替换对象 
js
const [me, setMe] = useState({
   name: "zyh",
@@ -99,8 +99,8 @@
   );
 }
 

-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git a/React/index.html b/React/index.html
index 081c56e..a7fd124 100644
--- a/React/index.html
+++ b/React/index.html
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
-    
-    
+    
+    
+    
     
   
 
\ No newline at end of file
diff --git a/React/redux.html b/React/redux.html
index affc3b3..98b0cac 100644
--- a/React/redux.html
+++ b/React/redux.html
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
-    
-    
+    
+    
+    
     
   
 
\ No newline at end of file
diff --git a/Vue/CSS/scroll.html b/Vue/CSS/scroll.html
index 9534b12..e927088 100644
--- a/Vue/CSS/scroll.html
+++ b/Vue/CSS/scroll.html
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
-    
-    
+    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/Vue/\346\272\220\347\240\201\345\210\206\346\236\220/VNode\344\270\216diff\347\256\227\346\263\225.html" "b/Vue/\346\272\220\347\240\201\345\210\206\346\236\220/VNode\344\270\216diff\347\256\227\346\263\225.html"
index a124a02..a27e240 100644
--- "a/Vue/\346\272\220\347\240\201\345\210\206\346\236\220/VNode\344\270\216diff\347\256\227\346\263\225.html"
+++ "b/Vue/\346\272\220\347\240\201\345\210\206\346\236\220/VNode\344\270\216diff\347\256\227\346\263\225.html"
@@ -6,8 +6,8 @@
     数据驱动视图 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
怀谷
Appearance
 Return to top 
On this page
数据驱动视图 
众所周知，Vue通过数据绑定来修改视图，当某个数据被修改的时候，set方法会让闭包中的Dep调用notify通知所有订阅者Watcher，Watcher通过get方法执行vm._update(vm._render(), hydrating)。
JavaScript
Vue.prototype._update = function (vnode: VNode, hydrating?: boolean) {
+    
怀谷
Appearance
 Return to top 
On this page
数据驱动视图 
众所周知，Vue通过数据绑定来修改视图，当某个数据被修改的时候，set方法会让闭包中的Dep调用notify通知所有订阅者Watcher，Watcher通过get方法执行vm._update(vm._render(), hydrating)。
JavaScript
Vue.prototype._update = function (vnode: VNode, hydrating?: boolean) {
     const vm: Component = this
     /*如果已经该组件已经挂载过了则代表进入这个步骤是个更新的过程，触发beforeUpdate钩子*/
     if (vm._isMounted) {
@@ -75,8 +75,8 @@
   return typeA === typeB
 }
 

-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/Vue/\347\273\204\344\273\266\351\200\232\344\277\241/Api-attrs.html" "b/Vue/\347\273\204\344\273\266\351\200\232\344\277\241/Api-attrs.html"
index 2d6b270..ab4daf7 100644
--- "a/Vue/\347\273\204\344\273\266\351\200\232\344\277\241/Api-attrs.html"
+++ "b/Vue/\347\273\204\344\273\266\351\200\232\344\277\241/Api-attrs.html"
@@ -6,8 +6,8 @@
     attrs/listeners | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
怀谷
Appearance
 Return to top 
On this page
attrs/listeners 
一、$attrs介绍 
  • 当项目中有多层组件传参可以使用$attrs，可以使代码更加美观，更加简洁，维护代码的时候更方便。
  • 了解：如果给组件传递的数据，组件不使用props接收，那么这些数据将作为组件的HTML元素的特性，这些特性绑定在组件的HTML根元素上
  • inheritAttrs: false的含义是不希望本组件的根元素继承父组件的attribute，同时父组件传过来的属性（没有被子组件的props接收的属性），也不会显示在子组件的dom元素上，但是在组件里可以通过其$attrs可以获取到没有使用的注册属性, inheritAttrs: false是不会影响 style 和 class 的绑定
使用场景: A 组件与 C 组件之间的通信： （跨多级的组件嵌套关系） 
alt
二、$listeners介绍 
$listeners属性，它是一个对象，里面包含了作用在这个组件上的所有监听器，你就可以配合 v-on="$listeners" 将所有的事件监听器指向这个组件的某个特定的子元素。（相当于子组件继承父组件的事件） 
三、attrs和listeners的使用场景 
TIP
$attrs/$listeners一般用于对组件的二次封装，实现功能扩展
需求：对element-ui的button组件实现增加鼠标悬停提示 
HintButton为el-button的二次封装
vue
<template>
+    
怀谷
Appearance
 Return to top 
On this page
attrs/listeners 
一、$attrs介绍 
  • 当项目中有多层组件传参可以使用$attrs，可以使代码更加美观，更加简洁，维护代码的时候更方便。
  • 了解：如果给组件传递的数据，组件不使用props接收，那么这些数据将作为组件的HTML元素的特性，这些特性绑定在组件的HTML根元素上
  • inheritAttrs: false的含义是不希望本组件的根元素继承父组件的attribute，同时父组件传过来的属性（没有被子组件的props接收的属性），也不会显示在子组件的dom元素上，但是在组件里可以通过其$attrs可以获取到没有使用的注册属性, inheritAttrs: false是不会影响 style 和 class 的绑定
使用场景: A 组件与 C 组件之间的通信： （跨多级的组件嵌套关系） 
alt
二、$listeners介绍 
$listeners属性，它是一个对象，里面包含了作用在这个组件上的所有监听器，你就可以配合 v-on="$listeners" 将所有的事件监听器指向这个组件的某个特定的子元素。（相当于子组件继承父组件的事件） 
三、attrs和listeners的使用场景 
TIP
$attrs/$listeners一般用于对组件的二次封装，实现功能扩展
需求：对element-ui的button组件实现增加鼠标悬停提示 
HintButton为el-button的二次封装
vue
<template>
   <div>
     <h2>自定义带Hover提示的按钮</h2>
     <!-- 二次封装的HintButton按钮的时候，把el-button需要的数据传递过去 -->
@@ -63,8 +63,8 @@
 };
 </script>
 
效果实现 
alt
log打印 
alt

-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/Vue/\347\273\204\344\273\266\351\200\232\344\277\241/Api-parent.html" "b/Vue/\347\273\204\344\273\266\351\200\232\344\277\241/Api-parent.html"
index 0d4b4ed..4ea1b59 100644
--- "a/Vue/\347\273\204\344\273\266\351\200\232\344\277\241/Api-parent.html"
+++ "b/Vue/\347\273\204\344\273\266\351\200\232\344\277\241/Api-parent.html"
@@ -6,8 +6,8 @@
     $parent/$children 与 ref | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
怀谷
Appearance
 Return to top 
On this page
$parent/$children 与 ref 
在DOM元素或组件上使用refs属性可以迅速进行dom定位，详细使用请见官网 
DANGER
$refs 只会在组件渲染完成之后生效，并且它们不是响应式的。这仅作为一个用于直接操作子组件的“逃生舱”——你应该避免在模板或计算属性中访问 $refs。
再此重点介绍$parent/$children的使用 
  1. 使用this.$refs.paramsName能更快的获取操作子组件属性值或函数
使用$children[i].paramsName 来获取某个子组件的属性值或函数，$children返回的是一个子组件数组
html
<template>
+    
怀谷
Appearance
 Return to top 
On this page
$parent/$children 与 ref 
在DOM元素或组件上使用refs属性可以迅速进行dom定位，详细使用请见官网 
DANGER
$refs 只会在组件渲染完成之后生效，并且它们不是响应式的。这仅作为一个用于直接操作子组件的“逃生舱”——你应该避免在模板或计算属性中访问 $refs。
再此重点介绍$parent/$children的使用 
  1. 使用this.$refs.paramsName能更快的获取操作子组件属性值或函数
使用$children[i].paramsName 来获取某个子组件的属性值或函数，$children返回的是一个子组件数组
html
<template>
     <div class="parent">
         <Childone></Childone>
         <Childtwo></Childtwo>
@@ -87,8 +87,8 @@
     }
 }
 

-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/Vue/\347\273\204\344\273\266\351\200\232\344\277\241/Api-props.html" "b/Vue/\347\273\204\344\273\266\351\200\232\344\277\241/Api-props.html"
index 8518aad..5d058d0 100644
--- "a/Vue/\347\273\204\344\273\266\351\200\232\344\277\241/Api-props.html"
+++ "b/Vue/\347\273\204\344\273\266\351\200\232\344\277\241/Api-props.html"
@@ -6,8 +6,8 @@
     props/$emit | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
怀谷
Appearance
 Return to top 
On this page
props/$emit 
1.1props配置项 
  1. 功能：让组件接收外部传过来的数据
  2. 传递数据：<Demo name="xxx"/>
  3. 接收数据： 
    • 第一种方式（只接收）：props:['name'] 
    • 第二种方式（限制类型）：props:{name:String}
    • 第三种方式（限制类型、限制必要性、指定默认值）：
js
props:{
+    
怀谷
Appearance
 Return to top 
On this page
props/$emit 
1.1props配置项 
  1. 功能：让组件接收外部传过来的数据
  2. 传递数据：<Demo name="xxx"/>
  3. 接收数据： 
    • 第一种方式（只接收）：props:['name'] 
    • 第二种方式（限制类型）：props:{name:String}
    • 第三种方式（限制类型、限制必要性、指定默认值）：
js
props:{
 	name:{
 	type:String, //类型
 	required:true, //必要性
@@ -89,8 +89,8 @@
    this.$refs.demo.$on('test',this.test)
 }
 
  • 子组件触发自定义事件：this.$emit('test',传给父组件的数据)
  • 解绑自定义事件this.$off('test')
  • 组件上也可以绑定原生DOM事件，需要使用native修饰符。
    • 
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/Vue/\347\273\204\344\273\266\351\200\232\344\277\241/Api-provide.html" "b/Vue/\347\273\204\344\273\266\351\200\232\344\277\241/Api-provide.html"
index 12da9fe..9cb1a93 100644
--- "a/Vue/\347\273\204\344\273\266\351\200\232\344\277\241/Api-provide.html"
+++ "b/Vue/\347\273\204\344\273\266\351\200\232\344\277\241/Api-provide.html"
@@ -6,8 +6,8 @@
     provide/inject | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
    怀谷
    Appearance
     Return to top 
    On this page
    provide/inject 
    使用前言 
    在父子组件传递数据时，通常使用的是 props 和 emit。当父传子时，使用的是 props，如果是父组件传孙组件时，就需要先传给子组件，子组件再传给孙组件，如果多个子组件或多个孙组件使用时，就需要传很多次，会很麻烦。
    像这种情况，可以使用 provide 和 inject 解决这种问题，不论组件嵌套多深，父组件都可以为所有子组件或孙组件提供数据，父组件使用 provide 提供数据，子组件或孙组件 inject 注入数据。
    注意：provide 和 inject 绑定并不是可响应的。这是刻意为之的。然而，如果你传入了一个可监听的对象，那么其对象的 property 还是可响应的。
    基本知识 
    provide ：一个对象或返回一个对象的函数
    inject ：一个字符串数组，或 一个对象，对象的 [key] 是本地的绑定名
    一、Vue2 的 provide / inject 使用 
    1. 用provide ：是一个对象，里面是属性和值。如：
    js
    provide:{
+    
    怀谷
    Appearance
     Return to top 
    On this page
    provide/inject 
    使用前言 
    在父子组件传递数据时，通常使用的是 props 和 emit。当父传子时，使用的是 props，如果是父组件传孙组件时，就需要先传给子组件，子组件再传给孙组件，如果多个子组件或多个孙组件使用时，就需要传很多次，会很麻烦。
    像这种情况，可以使用 provide 和 inject 解决这种问题，不论组件嵌套多深，父组件都可以为所有子组件或孙组件提供数据，父组件使用 provide 提供数据，子组件或孙组件 inject 注入数据。
    注意：provide 和 inject 绑定并不是可响应的。这是刻意为之的。然而，如果你传入了一个可监听的对象，那么其对象的 property 还是可响应的。
    基本知识 
    provide ：一个对象或返回一个对象的函数
    inject ：一个字符串数组，或 一个对象，对象的 [key] 是本地的绑定名
    一、Vue2 的 provide / inject 使用 
    1. 用provide ：是一个对象，里面是属性和值。如：
    js
    provide:{
   info:"值"
 }
 
    1. 如果 provide 需要使用 data 内的数据时，这样写就会报错。访问组件实例 property 时，需要将 provide 转换为返回对象的函数。
    js
    provide(){
@@ -96,8 +96,8 @@
   }
 }
 
    
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git a/assets/JS.TS_ES6_Iterator.md.127df911.js b/assets/JS.TS_ES6_Iterator.md.62039fbe.js
similarity index 99%
rename from assets/JS.TS_ES6_Iterator.md.127df911.js
rename to assets/JS.TS_ES6_Iterator.md.62039fbe.js
index 1657307..dbbc527 100644
--- a/assets/JS.TS_ES6_Iterator.md.127df911.js
+++ b/assets/JS.TS_ES6_Iterator.md.62039fbe.js
@@ -1,4 +1,4 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const A=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"Iterator","slug":"iterator","link":"#iterator","children":[]},{"level":2,"title":"手写 Iteration","slug":"手写-iteration","link":"#手写-iteration","children":[]},{"level":2,"title":"将对象为可迭代的","slug":"将对象为可迭代的","link":"#将对象为可迭代的","children":[]}],"relativePath":"JS.TS/ES6/Iterator.md"}'),p={name:"JS.TS/ES6/Iterator.md"},o=l(`
    Iterator 
    目的 : 为不同的数据集合提供了相同的访问机制
    Q: 为哪些数据集合呢 A: Array Map Object Set
    手写 Iteration 
    js
    function myIteration(arr){
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const A=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"Iterator","slug":"iterator","link":"#iterator","children":[]},{"level":2,"title":"手写 Iteration","slug":"手写-iteration","link":"#手写-iteration","children":[]},{"level":2,"title":"将对象为可迭代的","slug":"将对象为可迭代的","link":"#将对象为可迭代的","children":[]}],"relativePath":"JS.TS/ES6/Iterator.md"}'),p={name:"JS.TS/ES6/Iterator.md"},o=l(`
    Iterator 
    目的 : 为不同的数据集合提供了相同的访问机制
    Q: 为哪些数据集合呢 A: Array Map Object Set
    手写 Iteration 
    js
    function myIteration(arr){
     let index = 0
     return {
         next:function(){
diff --git a/assets/JS.TS_ES6_Iterator.md.127df911.lean.js b/assets/JS.TS_ES6_Iterator.md.62039fbe.lean.js
similarity index 90%
rename from assets/JS.TS_ES6_Iterator.md.127df911.lean.js
rename to assets/JS.TS_ES6_Iterator.md.62039fbe.lean.js
index 9b8f725..75fe75b 100644
--- a/assets/JS.TS_ES6_Iterator.md.127df911.lean.js
+++ b/assets/JS.TS_ES6_Iterator.md.62039fbe.lean.js
@@ -1 +1 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const A=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"Iterator","slug":"iterator","link":"#iterator","children":[]},{"level":2,"title":"手写 Iteration","slug":"手写-iteration","link":"#手写-iteration","children":[]},{"level":2,"title":"将对象为可迭代的","slug":"将对象为可迭代的","link":"#将对象为可迭代的","children":[]}],"relativePath":"JS.TS/ES6/Iterator.md"}'),p={name:"JS.TS/ES6/Iterator.md"},o=l("",8),e=[o];function t(c,r,F,y,D,i){return a(),n("div",null,e)}const d=s(p,[["render",t]]);export{A as __pageData,d as default};
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const A=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"Iterator","slug":"iterator","link":"#iterator","children":[]},{"level":2,"title":"手写 Iteration","slug":"手写-iteration","link":"#手写-iteration","children":[]},{"level":2,"title":"将对象为可迭代的","slug":"将对象为可迭代的","link":"#将对象为可迭代的","children":[]}],"relativePath":"JS.TS/ES6/Iterator.md"}'),p={name:"JS.TS/ES6/Iterator.md"},o=l("",8),e=[o];function t(c,r,F,y,D,i){return a(),n("div",null,e)}const d=s(p,[["render",t]]);export{A as __pageData,d as default};
diff --git a/assets/JS.TS_ES6_Symbol.md.e0363ef2.js b/assets/JS.TS_ES6_Symbol.md.04496cd5.js
similarity index 98%
rename from assets/JS.TS_ES6_Symbol.md.e0363ef2.js
rename to assets/JS.TS_ES6_Symbol.md.04496cd5.js
index 8431981..534361d 100644
--- a/assets/JS.TS_ES6_Symbol.md.e0363ef2.js
+++ b/assets/JS.TS_ES6_Symbol.md.04496cd5.js
@@ -1,4 +1,4 @@
-import{_ as s,c as a,o as l,a as n}from"./app.e7d182be.js";const A=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"关于Symbol","slug":"关于symbol","link":"#关于symbol","children":[]}],"relativePath":"JS.TS/ES6/Symbol.md"}'),o={name:"JS.TS/ES6/Symbol.md"},p=n(`
    关于Symbol 
    在对象上设置Symbol
    1. 使用 []
    2. 使用Object.defineProperty
    js
    let mySymbol = Symbol();
+import{_ as s,c as a,o as l,a as n}from"./app.136603a1.js";const A=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"关于Symbol","slug":"关于symbol","link":"#关于symbol","children":[]}],"relativePath":"JS.TS/ES6/Symbol.md"}'),o={name:"JS.TS/ES6/Symbol.md"},p=n(`
    关于Symbol 
    在对象上设置Symbol
    1. 使用 []
    2. 使用Object.defineProperty
    js
    let mySymbol = Symbol();
 Object.defineProperty(a, mySymbol, { value: 'Hello!' });
 
    WARNING
    不能使用点运算符访问
    js
        Object.defineProperty(a, mySymbol, { value: 'Hello!' });
     a.mySymbol // 报错
diff --git a/assets/JS.TS_ES6_Symbol.md.e0363ef2.lean.js b/assets/JS.TS_ES6_Symbol.md.04496cd5.lean.js
similarity index 85%
rename from assets/JS.TS_ES6_Symbol.md.e0363ef2.lean.js
rename to assets/JS.TS_ES6_Symbol.md.04496cd5.lean.js
index ef75714..1ce802f 100644
--- a/assets/JS.TS_ES6_Symbol.md.e0363ef2.lean.js
+++ b/assets/JS.TS_ES6_Symbol.md.04496cd5.lean.js
@@ -1 +1 @@
-import{_ as s,c as a,o as l,a as n}from"./app.e7d182be.js";const A=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"关于Symbol","slug":"关于symbol","link":"#关于symbol","children":[]}],"relativePath":"JS.TS/ES6/Symbol.md"}'),o={name:"JS.TS/ES6/Symbol.md"},p=n("",8),e=[p];function t(c,r,y,D,F,i){return l(),a("div",null,e)}const d=s(o,[["render",t]]);export{A as __pageData,d as default};
+import{_ as s,c as a,o as l,a as n}from"./app.136603a1.js";const A=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"关于Symbol","slug":"关于symbol","link":"#关于symbol","children":[]}],"relativePath":"JS.TS/ES6/Symbol.md"}'),o={name:"JS.TS/ES6/Symbol.md"},p=n("",8),e=[p];function t(c,r,y,D,F,i){return l(),a("div",null,e)}const d=s(o,[["render",t]]);export{A as __pageData,d as default};
diff --git a/assets/JS.TS_ES6_index.md.80fcad39.js b/assets/JS.TS_ES6_index.md.bf66190b.js
similarity index 90%
rename from assets/JS.TS_ES6_index.md.80fcad39.js
rename to assets/JS.TS_ES6_index.md.bf66190b.js
index 5aa34f3..c6fde81 100644
--- a/assets/JS.TS_ES6_index.md.80fcad39.js
+++ b/assets/JS.TS_ES6_index.md.bf66190b.js
@@ -1 +1 @@
-import{_ as t,c as s,o as a,b as e,d as n}from"./app.e7d182be.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"面试老被问ES6?","slug":"面试老被问es6","link":"#面试老被问es6","children":[]}],"relativePath":"JS.TS/ES6/index.md"}'),o={name:"JS.TS/ES6/index.md"},r=e("h2",{id:"面试老被问es6",tabindex:"-1"},[n("面试老被问ES6? "),e("a",{class:"header-anchor",href:"#面试老被问es6","aria-hidden":"true"},"#")],-1),d=e("p",null,"我们今天来谈谈ES6",-1),c=[r,d];function i(l,_,h,p,S,f){return a(),s("div",null,c)}const x=t(o,[["render",i]]);export{u as __pageData,x as default};
+import{_ as t,c as s,o as a,b as e,d as n}from"./app.136603a1.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"面试老被问ES6?","slug":"面试老被问es6","link":"#面试老被问es6","children":[]}],"relativePath":"JS.TS/ES6/index.md"}'),o={name:"JS.TS/ES6/index.md"},r=e("h2",{id:"面试老被问es6",tabindex:"-1"},[n("面试老被问ES6? "),e("a",{class:"header-anchor",href:"#面试老被问es6","aria-hidden":"true"},"#")],-1),d=e("p",null,"我们今天来谈谈ES6",-1),c=[r,d];function i(l,_,h,p,S,f){return a(),s("div",null,c)}const x=t(o,[["render",i]]);export{u as __pageData,x as default};
diff --git a/assets/JS.TS_ES6_index.md.80fcad39.lean.js b/assets/JS.TS_ES6_index.md.bf66190b.lean.js
similarity index 90%
rename from assets/JS.TS_ES6_index.md.80fcad39.lean.js
rename to assets/JS.TS_ES6_index.md.bf66190b.lean.js
index 5aa34f3..c6fde81 100644
--- a/assets/JS.TS_ES6_index.md.80fcad39.lean.js
+++ b/assets/JS.TS_ES6_index.md.bf66190b.lean.js
@@ -1 +1 @@
-import{_ as t,c as s,o as a,b as e,d as n}from"./app.e7d182be.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"面试老被问ES6?","slug":"面试老被问es6","link":"#面试老被问es6","children":[]}],"relativePath":"JS.TS/ES6/index.md"}'),o={name:"JS.TS/ES6/index.md"},r=e("h2",{id:"面试老被问es6",tabindex:"-1"},[n("面试老被问ES6? "),e("a",{class:"header-anchor",href:"#面试老被问es6","aria-hidden":"true"},"#")],-1),d=e("p",null,"我们今天来谈谈ES6",-1),c=[r,d];function i(l,_,h,p,S,f){return a(),s("div",null,c)}const x=t(o,[["render",i]]);export{u as __pageData,x as default};
+import{_ as t,c as s,o as a,b as e,d as n}from"./app.136603a1.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"面试老被问ES6?","slug":"面试老被问es6","link":"#面试老被问es6","children":[]}],"relativePath":"JS.TS/ES6/index.md"}'),o={name:"JS.TS/ES6/index.md"},r=e("h2",{id:"面试老被问es6",tabindex:"-1"},[n("面试老被问ES6? "),e("a",{class:"header-anchor",href:"#面试老被问es6","aria-hidden":"true"},"#")],-1),d=e("p",null,"我们今天来谈谈ES6",-1),c=[r,d];function i(l,_,h,p,S,f){return a(),s("div",null,c)}const x=t(o,[["render",i]]);export{u as __pageData,x as default};
diff --git a/assets/JS.TS_ES6_promise.md.13deaa08.js b/assets/JS.TS_ES6_promise.md.5cebfa11.js
similarity index 99%
rename from assets/JS.TS_ES6_promise.md.13deaa08.js
rename to assets/JS.TS_ES6_promise.md.5cebfa11.js
index cd3523f..95b6b47 100644
--- a/assets/JS.TS_ES6_promise.md.13deaa08.js
+++ b/assets/JS.TS_ES6_promise.md.5cebfa11.js
@@ -1,4 +1,4 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const C=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"promise","slug":"promise","link":"#promise","children":[]},{"level":3,"title":"promise.then","slug":"promise-then","link":"#promise-then","children":[]}],"relativePath":"JS.TS/ES6/promise.md"}'),p={name:"JS.TS/ES6/promise.md"},o=l(`
    promise 
    Promise 构造函数需要传的参数就是一个 executor 构造器函数。executor 里需要传 resolve 和 reject 函数，用于改变 Promise 实例的状态
    js
    const promise = new Promise(executor)
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const C=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"promise","slug":"promise","link":"#promise","children":[]},{"level":3,"title":"promise.then","slug":"promise-then","link":"#promise-then","children":[]}],"relativePath":"JS.TS/ES6/promise.md"}'),p={name:"JS.TS/ES6/promise.md"},o=l(`
    promise 
    Promise 构造函数需要传的参数就是一个 executor 构造器函数。executor 里需要传 resolve 和 reject 函数，用于改变 Promise 实例的状态
    js
    const promise = new Promise(executor)
 // 需要传入构造器函数
 //定义状态
 const PENDING = 'pending'
diff --git a/assets/JS.TS_ES6_promise.md.13deaa08.lean.js b/assets/JS.TS_ES6_promise.md.5cebfa11.lean.js
similarity index 87%
rename from assets/JS.TS_ES6_promise.md.13deaa08.lean.js
rename to assets/JS.TS_ES6_promise.md.5cebfa11.lean.js
index d9f5ebe..8035d53 100644
--- a/assets/JS.TS_ES6_promise.md.13deaa08.lean.js
+++ b/assets/JS.TS_ES6_promise.md.5cebfa11.lean.js
@@ -1 +1 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const C=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"promise","slug":"promise","link":"#promise","children":[]},{"level":3,"title":"promise.then","slug":"promise-then","link":"#promise-then","children":[]}],"relativePath":"JS.TS/ES6/promise.md"}'),p={name:"JS.TS/ES6/promise.md"},o=l("",6),e=[o];function t(c,r,F,y,D,A){return a(),n("div",null,e)}const f=s(p,[["render",t]]);export{C as __pageData,f as default};
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const C=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"promise","slug":"promise","link":"#promise","children":[]},{"level":3,"title":"promise.then","slug":"promise-then","link":"#promise-then","children":[]}],"relativePath":"JS.TS/ES6/promise.md"}'),p={name:"JS.TS/ES6/promise.md"},o=l("",6),e=[o];function t(c,r,F,y,D,A){return a(),n("div",null,e)}const f=s(p,[["render",t]]);export{C as __pageData,f as default};
diff --git "a/assets/JS.TS_ES6_\350\247\243\346\236\204\350\265\213\345\200\274.md.6a0724ff.js" "b/assets/JS.TS_ES6_\350\247\243\346\236\204\350\265\213\345\200\274.md.128d007a.js"
similarity index 98%
rename from "assets/JS.TS_ES6_\350\247\243\346\236\204\350\265\213\345\200\274.md.6a0724ff.js"
rename to "assets/JS.TS_ES6_\350\247\243\346\236\204\350\265\213\345\200\274.md.128d007a.js"
index aeb2e73..2b09f1d 100644
--- "a/assets/JS.TS_ES6_\350\247\243\346\236\204\350\265\213\345\200\274.md.6a0724ff.js"
+++ "b/assets/JS.TS_ES6_\350\247\243\346\236\204\350\265\213\345\200\274.md.128d007a.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as a,o as n,a as l}from"./app.e7d182be.js";const F=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"","slug":"","link":"#","children":[{"level":3,"title":"事实上，只要某种数据结构具有 Iterator 接口，都可以采用数组形式的解构赋值。","slug":"事实上-只要某种数据结构具有-iterator-接口-都可以采用数组形式的解构赋值。","link":"#事实上-只要某种数据结构具有-iterator-接口-都可以采用数组形式的解构赋值。","children":[]}]}],"relativePath":"JS.TS/ES6/解构赋值.md"}'),o={name:"JS.TS/ES6/解构赋值.md"},p=l(`
    js
    
+import{_ as s,c as a,o as n,a as l}from"./app.136603a1.js";const F=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"","slug":"","link":"#","children":[{"level":3,"title":"事实上，只要某种数据结构具有 Iterator 接口，都可以采用数组形式的解构赋值。","slug":"事实上-只要某种数据结构具有-iterator-接口-都可以采用数组形式的解构赋值。","link":"#事实上-只要某种数据结构具有-iterator-接口-都可以采用数组形式的解构赋值。","children":[]}]}],"relativePath":"JS.TS/ES6/解构赋值.md"}'),o={name:"JS.TS/ES6/解构赋值.md"},p=l(`
    js
    
 let test =[1,3]
 let [x,y] =test
 console.log(x,y)  // 1，3
diff --git "a/assets/JS.TS_ES6_\350\247\243\346\236\204\350\265\213\345\200\274.md.6a0724ff.lean.js" "b/assets/JS.TS_ES6_\350\247\243\346\236\204\350\265\213\345\200\274.md.128d007a.lean.js"
similarity index 91%
rename from "assets/JS.TS_ES6_\350\247\243\346\236\204\350\265\213\345\200\274.md.6a0724ff.lean.js"
rename to "assets/JS.TS_ES6_\350\247\243\346\236\204\350\265\213\345\200\274.md.128d007a.lean.js"
index 5bef36f..ffea358 100644
--- "a/assets/JS.TS_ES6_\350\247\243\346\236\204\350\265\213\345\200\274.md.6a0724ff.lean.js"
+++ "b/assets/JS.TS_ES6_\350\247\243\346\236\204\350\265\213\345\200\274.md.128d007a.lean.js"
@@ -1 +1 @@
-import{_ as s,c as a,o as n,a as l}from"./app.e7d182be.js";const F=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"","slug":"","link":"#","children":[{"level":3,"title":"事实上，只要某种数据结构具有 Iterator 接口，都可以采用数组形式的解构赋值。","slug":"事实上-只要某种数据结构具有-iterator-接口-都可以采用数组形式的解构赋值。","link":"#事实上-只要某种数据结构具有-iterator-接口-都可以采用数组形式的解构赋值。","children":[]}]}],"relativePath":"JS.TS/ES6/解构赋值.md"}'),o={name:"JS.TS/ES6/解构赋值.md"},p=l("",6),e=[p];function t(c,r,C,y,i,A){return n(),a("div",null,e)}const d=s(o,[["render",t]]);export{F as __pageData,d as default};
+import{_ as s,c as a,o as n,a as l}from"./app.136603a1.js";const F=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"","slug":"","link":"#","children":[{"level":3,"title":"事实上，只要某种数据结构具有 Iterator 接口，都可以采用数组形式的解构赋值。","slug":"事实上-只要某种数据结构具有-iterator-接口-都可以采用数组形式的解构赋值。","link":"#事实上-只要某种数据结构具有-iterator-接口-都可以采用数组形式的解构赋值。","children":[]}]}],"relativePath":"JS.TS/ES6/解构赋值.md"}'),o={name:"JS.TS/ES6/解构赋值.md"},p=l("",6),e=[p];function t(c,r,C,y,i,A){return n(),a("div",null,e)}const d=s(o,[["render",t]]);export{F as __pageData,d as default};
diff --git "a/assets/JS.TS_ES6_\350\277\220\347\256\227\347\254\246.md.126e65a5.js" "b/assets/JS.TS_ES6_\350\277\220\347\256\227\347\254\246.md.f2d3d4ef.js"
similarity index 79%
rename from "assets/JS.TS_ES6_\350\277\220\347\256\227\347\254\246.md.126e65a5.js"
rename to "assets/JS.TS_ES6_\350\277\220\347\256\227\347\254\246.md.f2d3d4ef.js"
index 7968b39..467c684 100644
--- "a/assets/JS.TS_ES6_\350\277\220\347\256\227\347\254\246.md.126e65a5.js"
+++ "b/assets/JS.TS_ES6_\350\277\220\347\256\227\347\254\246.md.f2d3d4ef.js"
@@ -1 +1 @@
-import{_ as e,c as t,o as a}from"./app.e7d182be.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"JS.TS/ES6/运算符.md"}'),r={name:"JS.TS/ES6/运算符.md"};function o(s,c,n,_,p,d){return a(),t("div")}const f=e(r,[["render",o]]);export{m as __pageData,f as default};
+import{_ as e,c as t,o as a}from"./app.136603a1.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"JS.TS/ES6/运算符.md"}'),r={name:"JS.TS/ES6/运算符.md"};function o(s,c,n,_,p,d){return a(),t("div")}const f=e(r,[["render",o]]);export{m as __pageData,f as default};
diff --git "a/assets/JS.TS_ES6_\350\277\220\347\256\227\347\254\246.md.126e65a5.lean.js" "b/assets/JS.TS_ES6_\350\277\220\347\256\227\347\254\246.md.f2d3d4ef.lean.js"
similarity index 79%
rename from "assets/JS.TS_ES6_\350\277\220\347\256\227\347\254\246.md.126e65a5.lean.js"
rename to "assets/JS.TS_ES6_\350\277\220\347\256\227\347\254\246.md.f2d3d4ef.lean.js"
index 7968b39..467c684 100644
--- "a/assets/JS.TS_ES6_\350\277\220\347\256\227\347\254\246.md.126e65a5.lean.js"
+++ "b/assets/JS.TS_ES6_\350\277\220\347\256\227\347\254\246.md.f2d3d4ef.lean.js"
@@ -1 +1 @@
-import{_ as e,c as t,o as a}from"./app.e7d182be.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"JS.TS/ES6/运算符.md"}'),r={name:"JS.TS/ES6/运算符.md"};function o(s,c,n,_,p,d){return a(),t("div")}const f=e(r,[["render",o]]);export{m as __pageData,f as default};
+import{_ as e,c as t,o as a}from"./app.136603a1.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"JS.TS/ES6/运算符.md"}'),r={name:"JS.TS/ES6/运算符.md"};function o(s,c,n,_,p,d){return a(),t("div")}const f=e(r,[["render",o]]);export{m as __pageData,f as default};
diff --git "a/assets/JS.TS_JS\344\270\212\344\270\213\346\226\207\345\222\214\346\211\247\350\241\214\346\240\210.md.3d56bc83.js" "b/assets/JS.TS_JS\344\270\212\344\270\213\346\226\207\345\222\214\346\211\247\350\241\214\346\240\210.md.bb94273c.js"
similarity index 98%
rename from "assets/JS.TS_JS\344\270\212\344\270\213\346\226\207\345\222\214\346\211\247\350\241\214\346\240\210.md.3d56bc83.js"
rename to "assets/JS.TS_JS\344\270\212\344\270\213\346\226\207\345\222\214\346\211\247\350\241\214\346\240\210.md.bb94273c.js"
index 8e4eca9..40a4858 100644
--- "a/assets/JS.TS_JS\344\270\212\344\270\213\346\226\207\345\222\214\346\211\247\350\241\214\346\240\210.md.3d56bc83.js"
+++ "b/assets/JS.TS_JS\344\270\212\344\270\213\346\226\207\345\222\214\346\211\247\350\241\214\346\240\210.md.bb94273c.js"
@@ -1,4 +1,4 @@
-import{_ as n,c as a,o as l,a as o,b as s}from"./app.e7d182be.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"变量提升","slug":"变量提升","link":"#变量提升","children":[{"level":3,"title":"执行栈","slug":"执行栈","link":"#执行栈","children":[]}]}],"relativePath":"JS.TS/JS上下文和执行栈.md"}'),p={name:"JS.TS/JS上下文和执行栈.md"},e=o(`
    变量提升 
    js
    foo();  // foo2
+import{_ as n,c as a,o as l,a as o,b as s}from"./app.136603a1.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"变量提升","slug":"变量提升","link":"#变量提升","children":[{"level":3,"title":"执行栈","slug":"执行栈","link":"#执行栈","children":[]}]}],"relativePath":"JS.TS/JS上下文和执行栈.md"}'),p={name:"JS.TS/JS上下文和执行栈.md"},e=o(`
    变量提升 
    js
    foo();  // foo2
 var foo = function() {
     console.log('foo1');
 }
diff --git "a/assets/JS.TS_JS\344\270\212\344\270\213\346\226\207\345\222\214\346\211\247\350\241\214\346\240\210.md.3d56bc83.lean.js" "b/assets/JS.TS_JS\344\270\212\344\270\213\346\226\207\345\222\214\346\211\247\350\241\214\346\240\210.md.bb94273c.lean.js"
similarity index 91%
rename from "assets/JS.TS_JS\344\270\212\344\270\213\346\226\207\345\222\214\346\211\247\350\241\214\346\240\210.md.3d56bc83.lean.js"
rename to "assets/JS.TS_JS\344\270\212\344\270\213\346\226\207\345\222\214\346\211\247\350\241\214\346\240\210.md.bb94273c.lean.js"
index 4cd78a5..fb36d77 100644
--- "a/assets/JS.TS_JS\344\270\212\344\270\213\346\226\207\345\222\214\346\211\247\350\241\214\346\240\210.md.3d56bc83.lean.js"
+++ "b/assets/JS.TS_JS\344\270\212\344\270\213\346\226\207\345\222\214\346\211\247\350\241\214\346\240\210.md.bb94273c.lean.js"
@@ -1 +1 @@
-import{_ as n,c as a,o as l,a as o,b as s}from"./app.e7d182be.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"变量提升","slug":"变量提升","link":"#变量提升","children":[{"level":3,"title":"执行栈","slug":"执行栈","link":"#执行栈","children":[]}]}],"relativePath":"JS.TS/JS上下文和执行栈.md"}'),p={name:"JS.TS/JS上下文和执行栈.md"},e=o("",5),t=s("ol",null,[s("li",{"n:2":""},[s("p",null,"a=")]),s("li",null,[s("p",null,"赋值给a.x 但没有该x属性，所以在原对象上加上该属性，该即b指向的对象")])],-1),c=[e,t];function r(y,D,F,i,A,C){return l(),a("div",null,c)}const f=n(p,[["render",r]]);export{_ as __pageData,f as default};
+import{_ as n,c as a,o as l,a as o,b as s}from"./app.136603a1.js";const _=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"变量提升","slug":"变量提升","link":"#变量提升","children":[{"level":3,"title":"执行栈","slug":"执行栈","link":"#执行栈","children":[]}]}],"relativePath":"JS.TS/JS上下文和执行栈.md"}'),p={name:"JS.TS/JS上下文和执行栈.md"},e=o("",5),t=s("ol",null,[s("li",{"n:2":""},[s("p",null,"a=")]),s("li",null,[s("p",null,"赋值给a.x 但没有该x属性，所以在原对象上加上该属性，该即b指向的对象")])],-1),c=[e,t];function r(y,D,F,i,A,C){return l(),a("div",null,c)}const f=n(p,[["render",r]]);export{_ as __pageData,f as default};
diff --git a/assets/JS.TS_TS_is.md.eb4151ba.js b/assets/JS.TS_TS_is.md.72f1a491.js
similarity index 99%
rename from assets/JS.TS_TS_is.md.eb4151ba.js
rename to assets/JS.TS_TS_is.md.72f1a491.js
index 8692aa5..916be3b 100644
--- a/assets/JS.TS_TS_is.md.eb4151ba.js
+++ b/assets/JS.TS_TS_is.md.72f1a491.js
@@ -1,4 +1,4 @@
-import{_ as s,c as a,o as n,a as l}from"./app.e7d182be.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"ts is","slug":"ts-is","link":"#ts-is","children":[]}],"relativePath":"JS.TS/TS/is.md"}'),o={name:"JS.TS/TS/is.md"},p=l(`
    ts is 
    ts
      _isElement(obj: any): obj is Element {
+import{_ as s,c as a,o as n,a as l}from"./app.136603a1.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"ts is","slug":"ts-is","link":"#ts-is","children":[]}],"relativePath":"JS.TS/TS/is.md"}'),o={name:"JS.TS/TS/is.md"},p=l(`
    ts is 
    ts
      _isElement(obj: any): obj is Element {
     return !!(obj && obj.nodeType == 1);
   }
 
    今天刚看到这个ts is 不同于as 当 _isElement 返回true时 obj 被定义为Element类型
    ts
    const foo = (val: unknown) => isString(val) ? val.toUpperCase() : val
diff --git a/assets/JS.TS_TS_is.md.eb4151ba.lean.js b/assets/JS.TS_TS_is.md.72f1a491.lean.js
similarity index 84%
rename from assets/JS.TS_TS_is.md.eb4151ba.lean.js
rename to assets/JS.TS_TS_is.md.72f1a491.lean.js
index 558ee97..d7ec036 100644
--- a/assets/JS.TS_TS_is.md.eb4151ba.lean.js
+++ b/assets/JS.TS_TS_is.md.72f1a491.lean.js
@@ -1 +1 @@
-import{_ as s,c as a,o as n,a as l}from"./app.e7d182be.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"ts is","slug":"ts-is","link":"#ts-is","children":[]}],"relativePath":"JS.TS/TS/is.md"}'),o={name:"JS.TS/TS/is.md"},p=l("",6),t=[p];function e(c,r,y,D,A,C){return n(),a("div",null,t)}const g=s(o,[["render",e]]);export{i as __pageData,g as default};
+import{_ as s,c as a,o as n,a as l}from"./app.136603a1.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"ts is","slug":"ts-is","link":"#ts-is","children":[]}],"relativePath":"JS.TS/TS/is.md"}'),o={name:"JS.TS/TS/is.md"},p=l("",6),t=[p];function e(c,r,y,D,A,C){return n(),a("div",null,t)}const g=s(o,[["render",e]]);export{i as __pageData,g as default};
diff --git "a/assets/JS.TS_TS_\347\264\242\345\274\225.md.34950033.js" "b/assets/JS.TS_TS_\347\264\242\345\274\225.md.4f4d4ac5.js"
similarity index 99%
rename from "assets/JS.TS_TS_\347\264\242\345\274\225.md.34950033.js"
rename to "assets/JS.TS_TS_\347\264\242\345\274\225.md.4f4d4ac5.js"
index bd7beed..13671b7 100644
--- "a/assets/JS.TS_TS_\347\264\242\345\274\225.md.34950033.js"
+++ "b/assets/JS.TS_TS_\347\264\242\345\274\225.md.4f4d4ac5.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"函数不能作为索引签名的问题","slug":"函数不能作为索引签名的问题","link":"#函数不能作为索引签名的问题","children":[]}],"relativePath":"JS.TS/TS/索引.md"}'),p={name:"JS.TS/TS/索引.md"},o=l(`
    函数不能作为索引签名的问题 
    ts
    let map: Map<string, Array<Function>> = new Map()
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"函数不能作为索引签名的问题","slug":"函数不能作为索引签名的问题","link":"#函数不能作为索引签名的问题","children":[]}],"relativePath":"JS.TS/TS/索引.md"}'),p={name:"JS.TS/TS/索引.md"},o=l(`
    函数不能作为索引签名的问题 
    ts
    let map: Map<string, Array<Function>> = new Map()
 
    用 indexOf 读取签名 并且删除不能直接赋值 null
    ts
    mapget(theme)[cb] = null
 
    在 unsubscribe 方法中，代码 并不能正确地将回调函数从订阅列表中删除。 这是因为 ma.get(theme)[cb] 会将 cb 作为数组的下标来访问数组中的元素，但是 cb 是一个函数，无法直接作为数组下标使用。 以下是一个简单观察者模式的实现
    ts
    class Broker {
   private subs: Map<string, Function[]> = new Map();
diff --git "a/assets/JS.TS_TS_\347\264\242\345\274\225.md.34950033.lean.js" "b/assets/JS.TS_TS_\347\264\242\345\274\225.md.4f4d4ac5.lean.js"
similarity index 87%
rename from "assets/JS.TS_TS_\347\264\242\345\274\225.md.34950033.lean.js"
rename to "assets/JS.TS_TS_\347\264\242\345\274\225.md.4f4d4ac5.lean.js"
index 931f726..e137954 100644
--- "a/assets/JS.TS_TS_\347\264\242\345\274\225.md.34950033.lean.js"
+++ "b/assets/JS.TS_TS_\347\264\242\345\274\225.md.4f4d4ac5.lean.js"
@@ -1 +1 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"函数不能作为索引签名的问题","slug":"函数不能作为索引签名的问题","link":"#函数不能作为索引签名的问题","children":[]}],"relativePath":"JS.TS/TS/索引.md"}'),p={name:"JS.TS/TS/索引.md"},o=l("",6),e=[o];function t(c,r,F,y,D,A){return a(),n("div",null,e)}const u=s(p,[["render",t]]);export{i as __pageData,u as default};
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"函数不能作为索引签名的问题","slug":"函数不能作为索引签名的问题","link":"#函数不能作为索引签名的问题","children":[]}],"relativePath":"JS.TS/TS/索引.md"}'),p={name:"JS.TS/TS/索引.md"},o=l("",6),e=[o];function t(c,r,F,y,D,A){return a(),n("div",null,e)}const u=s(p,[["render",t]]);export{i as __pageData,u as default};
diff --git "a/assets/JS.TS_\345\237\272\347\241\200_Eventloop.md.13c81eeb.js" "b/assets/JS.TS_\345\237\272\347\241\200_Eventloop.md.ed8ae3db.js"
similarity index 93%
rename from "assets/JS.TS_\345\237\272\347\241\200_Eventloop.md.13c81eeb.js"
rename to "assets/JS.TS_\345\237\272\347\241\200_Eventloop.md.ed8ae3db.js"
index 984ad9e..eedff74 100644
--- "a/assets/JS.TS_\345\237\272\347\241\200_Eventloop.md.13c81eeb.js"
+++ "b/assets/JS.TS_\345\237\272\347\241\200_Eventloop.md.ed8ae3db.js"
@@ -1 +1 @@
-import{_ as t,c as s,o,b as e,d as a}from"./app.e7d182be.js";const T=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"Js 任务","slug":"js-任务","link":"#js-任务","children":[]}],"relativePath":"JS.TS/基础/Eventloop.md"}'),r={name:"JS.TS/基础/Eventloop.md"},n=e("h2",{id:"js-任务",tabindex:"-1"},[a("Js 任务 "),e("a",{class:"header-anchor",href:"#js-任务","aria-hidden":"true"},"#")],-1),c=e("p",null,"MacroTask（宏任务） script全部代码、setTimeout、setInterval、setImmediate（浏览器暂时不支持，只有IE10支持，具体可见MDN）、I/O、UI Rendering。",-1),i=e("p",null,"MicroTask（微任务） Process.nextTick（Node独有）、Promise、Object.observe(废弃)、MutationObserver（具体使用方式查看这里）",-1),d=[n,c,i];function l(_,p,h,m,u,v){return o(),s("div",null,d)}const k=t(r,[["render",l]]);export{T as __pageData,k as default};
+import{_ as t,c as s,o,b as e,d as a}from"./app.136603a1.js";const T=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"Js 任务","slug":"js-任务","link":"#js-任务","children":[]}],"relativePath":"JS.TS/基础/Eventloop.md"}'),r={name:"JS.TS/基础/Eventloop.md"},n=e("h2",{id:"js-任务",tabindex:"-1"},[a("Js 任务 "),e("a",{class:"header-anchor",href:"#js-任务","aria-hidden":"true"},"#")],-1),c=e("p",null,"MacroTask（宏任务） script全部代码、setTimeout、setInterval、setImmediate（浏览器暂时不支持，只有IE10支持，具体可见MDN）、I/O、UI Rendering。",-1),i=e("p",null,"MicroTask（微任务） Process.nextTick（Node独有）、Promise、Object.observe(废弃)、MutationObserver（具体使用方式查看这里）",-1),d=[n,c,i];function l(_,p,h,m,u,v){return o(),s("div",null,d)}const k=t(r,[["render",l]]);export{T as __pageData,k as default};
diff --git "a/assets/JS.TS_\345\237\272\347\241\200_Eventloop.md.13c81eeb.lean.js" "b/assets/JS.TS_\345\237\272\347\241\200_Eventloop.md.ed8ae3db.lean.js"
similarity index 93%
rename from "assets/JS.TS_\345\237\272\347\241\200_Eventloop.md.13c81eeb.lean.js"
rename to "assets/JS.TS_\345\237\272\347\241\200_Eventloop.md.ed8ae3db.lean.js"
index 984ad9e..eedff74 100644
--- "a/assets/JS.TS_\345\237\272\347\241\200_Eventloop.md.13c81eeb.lean.js"
+++ "b/assets/JS.TS_\345\237\272\347\241\200_Eventloop.md.ed8ae3db.lean.js"
@@ -1 +1 @@
-import{_ as t,c as s,o,b as e,d as a}from"./app.e7d182be.js";const T=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"Js 任务","slug":"js-任务","link":"#js-任务","children":[]}],"relativePath":"JS.TS/基础/Eventloop.md"}'),r={name:"JS.TS/基础/Eventloop.md"},n=e("h2",{id:"js-任务",tabindex:"-1"},[a("Js 任务 "),e("a",{class:"header-anchor",href:"#js-任务","aria-hidden":"true"},"#")],-1),c=e("p",null,"MacroTask（宏任务） script全部代码、setTimeout、setInterval、setImmediate（浏览器暂时不支持，只有IE10支持，具体可见MDN）、I/O、UI Rendering。",-1),i=e("p",null,"MicroTask（微任务） Process.nextTick（Node独有）、Promise、Object.observe(废弃)、MutationObserver（具体使用方式查看这里）",-1),d=[n,c,i];function l(_,p,h,m,u,v){return o(),s("div",null,d)}const k=t(r,[["render",l]]);export{T as __pageData,k as default};
+import{_ as t,c as s,o,b as e,d as a}from"./app.136603a1.js";const T=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"Js 任务","slug":"js-任务","link":"#js-任务","children":[]}],"relativePath":"JS.TS/基础/Eventloop.md"}'),r={name:"JS.TS/基础/Eventloop.md"},n=e("h2",{id:"js-任务",tabindex:"-1"},[a("Js 任务 "),e("a",{class:"header-anchor",href:"#js-任务","aria-hidden":"true"},"#")],-1),c=e("p",null,"MacroTask（宏任务） script全部代码、setTimeout、setInterval、setImmediate（浏览器暂时不支持，只有IE10支持，具体可见MDN）、I/O、UI Rendering。",-1),i=e("p",null,"MicroTask（微任务） Process.nextTick（Node独有）、Promise、Object.observe(废弃)、MutationObserver（具体使用方式查看这里）",-1),d=[n,c,i];function l(_,p,h,m,u,v){return o(),s("div",null,d)}const k=t(r,[["render",l]]);export{T as __pageData,k as default};
diff --git "a/assets/JS.TS_\345\237\272\347\241\200_Js\344\270\255\347\232\204map\345\222\214weakMap.md.4a55a6ee.js" "b/assets/JS.TS_\345\237\272\347\241\200_Js\344\270\255\347\232\204map\345\222\214weakMap.md.f452f0f2.js"
similarity index 98%
rename from "assets/JS.TS_\345\237\272\347\241\200_Js\344\270\255\347\232\204map\345\222\214weakMap.md.4a55a6ee.js"
rename to "assets/JS.TS_\345\237\272\347\241\200_Js\344\270\255\347\232\204map\345\222\214weakMap.md.f452f0f2.js"
index c4d0ca4..0a31f38 100644
--- "a/assets/JS.TS_\345\237\272\347\241\200_Js\344\270\255\347\232\204map\345\222\214weakMap.md.4a55a6ee.js"
+++ "b/assets/JS.TS_\345\237\272\347\241\200_Js\344\270\255\347\232\204map\345\222\214weakMap.md.f452f0f2.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as a,o as n,a as p}from"./app.e7d182be.js";const A=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"Map 构造函数","slug":"map-构造函数","link":"#map-构造函数","children":[]},{"level":2,"title":"Object和Map的区别","slug":"object和map的区别","link":"#object和map的区别","children":[]},{"level":2,"title":"weakMap","slug":"weakmap","link":"#weakmap","children":[]}],"relativePath":"JS.TS/基础/Js中的map和weakMap.md"}'),l={name:"JS.TS/基础/Js中的map和weakMap.md"},o=p(`
    Map 构造函数 
    js
        const map =new Map()
+import{_ as s,c as a,o as n,a as p}from"./app.136603a1.js";const A=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"Map 构造函数","slug":"map-构造函数","link":"#map-构造函数","children":[]},{"level":2,"title":"Object和Map的区别","slug":"object和map的区别","link":"#object和map的区别","children":[]},{"level":2,"title":"weakMap","slug":"weakmap","link":"#weakmap","children":[]}],"relativePath":"JS.TS/基础/Js中的map和weakMap.md"}'),l={name:"JS.TS/基础/Js中的map和weakMap.md"},o=p(`
    Map 构造函数 
    js
        const map =new Map()
     map.set("huaigu",{
         name:"tomao"
     })
diff --git "a/assets/JS.TS_\345\237\272\347\241\200_Js\344\270\255\347\232\204map\345\222\214weakMap.md.4a55a6ee.lean.js" "b/assets/JS.TS_\345\237\272\347\241\200_Js\344\270\255\347\232\204map\345\222\214weakMap.md.f452f0f2.lean.js"
similarity index 90%
rename from "assets/JS.TS_\345\237\272\347\241\200_Js\344\270\255\347\232\204map\345\222\214weakMap.md.4a55a6ee.lean.js"
rename to "assets/JS.TS_\345\237\272\347\241\200_Js\344\270\255\347\232\204map\345\222\214weakMap.md.f452f0f2.lean.js"
index ca10c7b..ef89174 100644
--- "a/assets/JS.TS_\345\237\272\347\241\200_Js\344\270\255\347\232\204map\345\222\214weakMap.md.4a55a6ee.lean.js"
+++ "b/assets/JS.TS_\345\237\272\347\241\200_Js\344\270\255\347\232\204map\345\222\214weakMap.md.f452f0f2.lean.js"
@@ -1 +1 @@
-import{_ as s,c as a,o as n,a as p}from"./app.e7d182be.js";const A=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"Map 构造函数","slug":"map-构造函数","link":"#map-构造函数","children":[]},{"level":2,"title":"Object和Map的区别","slug":"object和map的区别","link":"#object和map的区别","children":[]},{"level":2,"title":"weakMap","slug":"weakmap","link":"#weakmap","children":[]}],"relativePath":"JS.TS/基础/Js中的map和weakMap.md"}'),l={name:"JS.TS/基础/Js中的map和weakMap.md"},o=p("",10),e=[o];function t(c,r,i,y,D,F){return n(),a("div",null,e)}const d=s(l,[["render",t]]);export{A as __pageData,d as default};
+import{_ as s,c as a,o as n,a as p}from"./app.136603a1.js";const A=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"Map 构造函数","slug":"map-构造函数","link":"#map-构造函数","children":[]},{"level":2,"title":"Object和Map的区别","slug":"object和map的区别","link":"#object和map的区别","children":[]},{"level":2,"title":"weakMap","slug":"weakmap","link":"#weakmap","children":[]}],"relativePath":"JS.TS/基础/Js中的map和weakMap.md"}'),l={name:"JS.TS/基础/Js中的map和weakMap.md"},o=p("",10),e=[o];function t(c,r,i,y,D,F){return n(),a("div",null,e)}const d=s(l,[["render",t]]);export{A as __pageData,d as default};
diff --git "a/assets/JS.TS_\345\237\272\347\241\200_new\346\223\215\344\275\234\347\254\246.md.7f59965c.js" "b/assets/JS.TS_\345\237\272\347\241\200_new\346\223\215\344\275\234\347\254\246.md.b8991589.js"
similarity index 99%
rename from "assets/JS.TS_\345\237\272\347\241\200_new\346\223\215\344\275\234\347\254\246.md.7f59965c.js"
rename to "assets/JS.TS_\345\237\272\347\241\200_new\346\223\215\344\275\234\347\254\246.md.b8991589.js"
index 43beba8..bac17bb 100644
--- "a/assets/JS.TS_\345\237\272\347\241\200_new\346\223\215\344\275\234\347\254\246.md.7f59965c.js"
+++ "b/assets/JS.TS_\345\237\272\347\241\200_new\346\223\215\344\275\234\347\254\246.md.b8991589.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"关于 new 操作符","slug":"关于-new-操作符","link":"#关于-new-操作符","children":[]},{"level":2,"title":"bind,call,apply 的区别","slug":"bind-call-apply-的区别","link":"#bind-call-apply-的区别","children":[]}],"relativePath":"JS.TS/基础/new操作符.md"}'),p={name:"JS.TS/基础/new操作符.md"},o=l(`
    关于 new 操作符 
    js
    function realnew () {
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"关于 new 操作符","slug":"关于-new-操作符","link":"#关于-new-操作符","children":[]},{"level":2,"title":"bind,call,apply 的区别","slug":"bind-call-apply-的区别","link":"#bind-call-apply-的区别","children":[]}],"relativePath":"JS.TS/基础/new操作符.md"}'),p={name:"JS.TS/基础/new操作符.md"},o=l(`
    关于 new 操作符 
    js
    function realnew () {
   let obj = {}
   let Con = Array.prototype.shift.call(arguments)
   console.log(Con)
diff --git "a/assets/JS.TS_\345\237\272\347\241\200_new\346\223\215\344\275\234\347\254\246.md.7f59965c.lean.js" "b/assets/JS.TS_\345\237\272\347\241\200_new\346\223\215\344\275\234\347\254\246.md.b8991589.lean.js"
similarity index 89%
rename from "assets/JS.TS_\345\237\272\347\241\200_new\346\223\215\344\275\234\347\254\246.md.7f59965c.lean.js"
rename to "assets/JS.TS_\345\237\272\347\241\200_new\346\223\215\344\275\234\347\254\246.md.b8991589.lean.js"
index 3c778ed..7365e1e 100644
--- "a/assets/JS.TS_\345\237\272\347\241\200_new\346\223\215\344\275\234\347\254\246.md.7f59965c.lean.js"
+++ "b/assets/JS.TS_\345\237\272\347\241\200_new\346\223\215\344\275\234\347\254\246.md.b8991589.lean.js"
@@ -1 +1 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"关于 new 操作符","slug":"关于-new-操作符","link":"#关于-new-操作符","children":[]},{"level":2,"title":"bind,call,apply 的区别","slug":"bind-call-apply-的区别","link":"#bind-call-apply-的区别","children":[]}],"relativePath":"JS.TS/基础/new操作符.md"}'),p={name:"JS.TS/基础/new操作符.md"},o=l("",10),e=[o];function t(c,r,y,F,D,A){return a(),n("div",null,e)}const d=s(p,[["render",t]]);export{i as __pageData,d as default};
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"关于 new 操作符","slug":"关于-new-操作符","link":"#关于-new-操作符","children":[]},{"level":2,"title":"bind,call,apply 的区别","slug":"bind-call-apply-的区别","link":"#bind-call-apply-的区别","children":[]}],"relativePath":"JS.TS/基础/new操作符.md"}'),p={name:"JS.TS/基础/new操作符.md"},o=l("",10),e=[o];function t(c,r,y,F,D,A){return a(),n("div",null,e)}const d=s(p,[["render",t]]);export{i as __pageData,d as default};
diff --git "a/assets/JS.TS_\345\237\272\347\241\200_\344\270\200\346\226\207\346\220\236\346\207\202map\345\207\275\346\225\260.md.6f738674.js" "b/assets/JS.TS_\345\237\272\347\241\200_\344\270\200\346\226\207\346\220\236\346\207\202map\345\207\275\346\225\260.md.e6d82638.js"
similarity index 81%
rename from "assets/JS.TS_\345\237\272\347\241\200_\344\270\200\346\226\207\346\220\236\346\207\202map\345\207\275\346\225\260.md.6f738674.js"
rename to "assets/JS.TS_\345\237\272\347\241\200_\344\270\200\346\226\207\346\220\236\346\207\202map\345\207\275\346\225\260.md.e6d82638.js"
index 0044e2b..6ffcfc3 100644
--- "a/assets/JS.TS_\345\237\272\347\241\200_\344\270\200\346\226\207\346\220\236\346\207\202map\345\207\275\346\225\260.md.6f738674.js"
+++ "b/assets/JS.TS_\345\237\272\347\241\200_\344\270\200\346\226\207\346\220\236\346\207\202map\345\207\275\346\225\260.md.e6d82638.js"
@@ -1 +1 @@
-import{_ as e,c as t,o as a}from"./app.e7d182be.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"JS.TS/基础/一文搞懂map函数.md"}'),r={name:"JS.TS/基础/一文搞懂map函数.md"};function o(_,s,c,n,p,m){return a(),t("div")}const f=e(r,[["render",o]]);export{i as __pageData,f as default};
+import{_ as e,c as t,o as a}from"./app.136603a1.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"JS.TS/基础/一文搞懂map函数.md"}'),r={name:"JS.TS/基础/一文搞懂map函数.md"};function o(_,s,c,n,p,m){return a(),t("div")}const f=e(r,[["render",o]]);export{i as __pageData,f as default};
diff --git "a/assets/JS.TS_\345\237\272\347\241\200_\344\270\200\346\226\207\346\220\236\346\207\202map\345\207\275\346\225\260.md.6f738674.lean.js" "b/assets/JS.TS_\345\237\272\347\241\200_\344\270\200\346\226\207\346\220\236\346\207\202map\345\207\275\346\225\260.md.e6d82638.lean.js"
similarity index 81%
rename from "assets/JS.TS_\345\237\272\347\241\200_\344\270\200\346\226\207\346\220\236\346\207\202map\345\207\275\346\225\260.md.6f738674.lean.js"
rename to "assets/JS.TS_\345\237\272\347\241\200_\344\270\200\346\226\207\346\220\236\346\207\202map\345\207\275\346\225\260.md.e6d82638.lean.js"
index 0044e2b..6ffcfc3 100644
--- "a/assets/JS.TS_\345\237\272\347\241\200_\344\270\200\346\226\207\346\220\236\346\207\202map\345\207\275\346\225\260.md.6f738674.lean.js"
+++ "b/assets/JS.TS_\345\237\272\347\241\200_\344\270\200\346\226\207\346\220\236\346\207\202map\345\207\275\346\225\260.md.e6d82638.lean.js"
@@ -1 +1 @@
-import{_ as e,c as t,o as a}from"./app.e7d182be.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"JS.TS/基础/一文搞懂map函数.md"}'),r={name:"JS.TS/基础/一文搞懂map函数.md"};function o(_,s,c,n,p,m){return a(),t("div")}const f=e(r,[["render",o]]);export{i as __pageData,f as default};
+import{_ as e,c as t,o as a}from"./app.136603a1.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"JS.TS/基础/一文搞懂map函数.md"}'),r={name:"JS.TS/基础/一文搞懂map函数.md"};function o(_,s,c,n,p,m){return a(),t("div")}const f=e(r,[["render",o]]);export{i as __pageData,f as default};
diff --git "a/assets/JS.TS_\345\237\272\347\241\200_\345\236\203\345\234\276\345\233\236\346\224\266.md.48659112.js" "b/assets/JS.TS_\345\237\272\347\241\200_\345\236\203\345\234\276\345\233\236\346\224\266.md.1bd0cada.js"
similarity index 80%
rename from "assets/JS.TS_\345\237\272\347\241\200_\345\236\203\345\234\276\345\233\236\346\224\266.md.48659112.js"
rename to "assets/JS.TS_\345\237\272\347\241\200_\345\236\203\345\234\276\345\233\236\346\224\266.md.1bd0cada.js"
index 70c7fb3..dac4247 100644
--- "a/assets/JS.TS_\345\237\272\347\241\200_\345\236\203\345\234\276\345\233\236\346\224\266.md.48659112.js"
+++ "b/assets/JS.TS_\345\237\272\347\241\200_\345\236\203\345\234\276\345\233\236\346\224\266.md.1bd0cada.js"
@@ -1 +1 @@
-import{_ as e,c as t,o as a}from"./app.e7d182be.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"JS.TS/基础/垃圾回收.md"}'),r={name:"JS.TS/基础/垃圾回收.md"};function o(s,c,n,_,p,d){return a(),t("div")}const f=e(r,[["render",o]]);export{m as __pageData,f as default};
+import{_ as e,c as t,o as a}from"./app.136603a1.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"JS.TS/基础/垃圾回收.md"}'),r={name:"JS.TS/基础/垃圾回收.md"};function o(s,c,n,_,p,d){return a(),t("div")}const f=e(r,[["render",o]]);export{m as __pageData,f as default};
diff --git "a/assets/JS.TS_\345\237\272\347\241\200_\345\236\203\345\234\276\345\233\236\346\224\266.md.48659112.lean.js" "b/assets/JS.TS_\345\237\272\347\241\200_\345\236\203\345\234\276\345\233\236\346\224\266.md.1bd0cada.lean.js"
similarity index 80%
rename from "assets/JS.TS_\345\237\272\347\241\200_\345\236\203\345\234\276\345\233\236\346\224\266.md.48659112.lean.js"
rename to "assets/JS.TS_\345\237\272\347\241\200_\345\236\203\345\234\276\345\233\236\346\224\266.md.1bd0cada.lean.js"
index 70c7fb3..dac4247 100644
--- "a/assets/JS.TS_\345\237\272\347\241\200_\345\236\203\345\234\276\345\233\236\346\224\266.md.48659112.lean.js"
+++ "b/assets/JS.TS_\345\237\272\347\241\200_\345\236\203\345\234\276\345\233\236\346\224\266.md.1bd0cada.lean.js"
@@ -1 +1 @@
-import{_ as e,c as t,o as a}from"./app.e7d182be.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"JS.TS/基础/垃圾回收.md"}'),r={name:"JS.TS/基础/垃圾回收.md"};function o(s,c,n,_,p,d){return a(),t("div")}const f=e(r,[["render",o]]);export{m as __pageData,f as default};
+import{_ as e,c as t,o as a}from"./app.136603a1.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"JS.TS/基础/垃圾回收.md"}'),r={name:"JS.TS/基础/垃圾回收.md"};function o(s,c,n,_,p,d){return a(),t("div")}const f=e(r,[["render",o]]);export{m as __pageData,f as default};
diff --git "a/assets/JS.TS_\350\256\276\350\256\241\346\250\241\345\274\217_\345\217\221\345\270\203\350\256\242\351\230\205\346\250\241\345\274\217.md.806a2619.js" "b/assets/JS.TS_\350\256\276\350\256\241\346\250\241\345\274\217_\345\217\221\345\270\203\350\256\242\351\230\205\346\250\241\345\274\217.md.e04119a8.js"
similarity index 99%
rename from "assets/JS.TS_\350\256\276\350\256\241\346\250\241\345\274\217_\345\217\221\345\270\203\350\256\242\351\230\205\346\250\241\345\274\217.md.806a2619.js"
rename to "assets/JS.TS_\350\256\276\350\256\241\346\250\241\345\274\217_\345\217\221\345\270\203\350\256\242\351\230\205\346\250\241\345\274\217.md.e04119a8.js"
index 78059b2..da9a6e8 100644
--- "a/assets/JS.TS_\350\256\276\350\256\241\346\250\241\345\274\217_\345\217\221\345\270\203\350\256\242\351\230\205\346\250\241\345\274\217.md.806a2619.js"
+++ "b/assets/JS.TS_\350\256\276\350\256\241\346\250\241\345\274\217_\345\217\221\345\270\203\350\256\242\351\230\205\346\250\241\345\274\217.md.e04119a8.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const p="/HuaiGu/assets/发布订阅模式.2138ebfb.jpg",o="/HuaiGu/assets/发布订阅1.a43e67f8.png",t="data:image/png;base64,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",e="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYIAAACLCAYAAABsgp71AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAA8oSURBVHhe7d3Lih3HHcdxPYdWEui9zGAhZLAXdsABZy0GDIkRNvgJnAwSjDDOxgpZJcpGF7LwM1gXZzEbeds51V11TnX1v+r/r+4+l1F9P1DMdFf17Zzu+lX3meHc6AAATSMIAKBxBAEANI4gAIDGEQQA0DiCAAAaRxAAQOMIAgBonDkIbt2+43+bKtXlzFnm0NY6rjWPdY31r7E/ax7TQT0/726dPere+Umbd93F2Z3uwXM/OcuwDve69aV6Hxr0+lF3dvu8e+knrV6e3+nOHh/i1Y3e0/NXfp6FYbn+2H2bTdn38VQFQSgpaV4qbaNNH5Lbdm3JCXVxm1L7WtK6atafa2tZR9ymZpsnw4XA7bvdxWs/3XvVPdgcizueUKQO/93ju5u6+k5px20n3XbsTXd576/dzZubcu9Z99bPXdtwHJvjrOq4jsB3hJP3IukgxeMQ3+f1ucBZFOj9sWj7ucYgRGcKAveCB/HvgTQvlbaZu55Dqt2fuH3u96XCutzPXMmR2qZFE9pY2q7tyY8/bcrf/VQlY+eQ7/CHC3L2yKwwun375HITAJfd5a+/dA9dEHzzi69Zmwuj8+7CHeMp35HkQiAN02w730nvNey0YLcwrMMUFsupQRBf8OnF76bTIknn59odW3wcuVIS16fLxWWu3LJz1iktU7OeJccxlwuCjz6+351//Zfut9/+5+dauAvONqoqjfz7upkdqGnZX591dzdB8HD+bUeR24c+yGY9HjuUmsAd3lexbR/8S+7gFIVgN7OsY9/H4ZnvCNIS5ks/U2EZa1mfrSNIt61Nx+J9r1muhrQey7pdm9oSk+pLZV9CELjyyWefdz//45++psx8C18YYfYWXJSmEerLp/7OwE+vKhp9Csex3b++zr+X8Wu2XWa4loY2yUjVv37b5V0Jxyy9dsK8UhBPlN6vvm5/I+klg4Itd/zKOvrt7PXOZlD1aMj6U2Nttx57EGhFEuZr9UvE2w+/l0pOrq60jGSt9dSIgyCUh999371//7tvIdHe++iDO9NturGTGrE95x0eET3tXvjpNY06FKGTdEFwdhZ3bsnr1ndamzuKaLlRuPWdenyMycg+s81xR1hzN+Dft2xHGgXfHvSvl2k/CwxBsMp2DA4eBJY2Y/GFGpU4Jf1JGMruZIxHL0kxpKxrVyPXvnY9qbC8tJ6adWvLW9dVapevC+/jnI50IAWBK198+ZVvIejPjboRZvbCq1nXiK1TevHNvj4oTrefdPLiezNuM4zU42XiIJA68HQb2vRGxSi+33bpvahYl92uLxrt9wLhdZXPuWF7a22r5CCPhmJhealI0lHD7uTz+oszesP9xTx+8YSTTiDtU1pKcvXaclbpeqzrde2kZaXlc/NjcX3aNr/sfoLg4bflO4K6W3i/j5lBQt26Iv05qR23/6uhPXxQPLob6MmdcmnkmV6HI1KnK4SmW0fYhvhaGoO2uC/B7NA2cOuecx6MSOGZcu/L2mEmW3xHkJaSUC+1k5cVEjF5E+KTK5iEhTEIUuk+1RyfVuaIl0vXF5ecXJvSMpLS8rXrqhEHwf1PP+9+fqp/RjA9F0pK54nlws0wdRzDXwzdffLGT69lOCb3vqRleyzq6Fk59kmn6wM1OeZdIMkdnB608nolde97JVOwKyzr2GeYJRYFQZBOS+I2NcuP09+fCNs32E9vlp+UiiAQl1eKpHZ+Lct6are1Rvt4Xu36aoQgOP/6z+a/GrKP4pVOpr8o543OTJ2S8hdD/XFsXtvawcyu8x0b7ZMaVHLHvTUKkuiaTLfrt3Ox2bZ4HMWOzwea9jo6/f7kXiu/HtM5kSG+XsN6+7CMt587b9TXvObcXW7Ro6EgnU5J9WGetmx/wm7abEvywrh6fZRWDoKcdN+0fc3Va8tZzd1+yrULJWZZXmtjWcdcLghcqZLtXHyHEJX8eRRd5NWGjlFeNvonslGZ/uVQCIKqfSh0iHEQqEFV7KAH8XXq9lEMIL8/2W2NAmVs0g+EMllXOlhMhfd9/ki7dGz9+2MIglxAx2x92zpWvSNI5zvSvKBUN3BvWmEk4uQSd0Q7OQZuf7RSkqvXluuFi6QwApDWE+ZZ9i2UVG5+almbMFI8zK3uzrxBQKzvhGaPzAznsIXpPD9xaqCUQtNmCEx9G1pfkLd8H23rGNosOW9rzA6CUtHE7bRlwkhoXJI3uj/Bxm0mL2DoaEMxnAiuXY1ce9t6/Am6aZt785etf8wtE4qFpV25TTi+QwdBOIfmbXdZCGz0593SY/aj2Nmd1wmwBtmCwLO8z0ObJYHqz+Ml74XpGFcaQBipQZBe3FrnkasLy1XV9xdR+mKs8EYoxH0xyLW3rkc7SUvr0erSUkNrP2edhzVzdOUu2KXn2WiQUn9hh0cih3pEsLbdQM4ehrMeibi+ohTY24HgCgOR7boq30/DcuH9rn3NljLdERyNmJzD6Oi6Xhh5ftS3ZPQJADOcdhBs7EYUu/KhhcD2GK/zrT+Aa+vkgwAAsF8EAQA0jiAAgMbduLq66igUCoXSbuGOAAAaRxAAQOMIAgBoHEEAAI0jCACgcQQBADSOIACAxhEEANA4QxAM36W6/fYk4cu1X3wT1d982r3w84O3Ty6j+um3LwEAjkcNAtfJ775HVfiC7ZdPR+HQh8K9Z91bP91/F2s0PYTCNCwAAMdR/Wio78jjjj7Vfwl3adQ/hEnuS7oBAIdFEABA4yqDQHg0lJg8GkrwaAgATktVEAwfChc6cfd5QWm0398tlIMEAHBY5iAYQqDwyMeHQLaT9yEg/dURAOB4TEEwPM4phIA60vd/gkoIAMDJ0YNAe9yjdvJvust7m/rSB8wAgKNRgsB38kIJwTA8MhKKD4bhbkKoJxgA4CRUfVgMAPjwEAQA0DiCAAAaRxAAQOMIAgBoHEEAAI0jCACgcTeurq46CoVCobRbuCMAgMYRBADQOIIAABpHEABA4wgCAGgcQQAAjSMIAKBxBAEANM4QBMmX0wjfRDb+cprpl9uPv5ym8JWXAICDU4PAdfK7r6kcQmH03cTuqyyjcOhDIf72Mfd9xtH0EArTsAAAHEf1o6G+Iy99zWT/RfalUf8QJvnvQAYAHBJBAACNqwwC4dFQYvJoKMGjIQA4LVVBMHwoXOjE3ecFpdF+f7dQDhIAwGGZg2AIgcIjHx8C2U7eh4D0V0cAgOMxBcHwOKcQAupI3/8JKiEAACdHDwLtcY/ayb/pLu9t6ksfMAMAjkYJAt/JCyUEw/DISCg+GIa7CaGeYACAk1D1YTEA4MNDEABA4wgCAGgcQQAAjSMIAKBxBAEANO7G1dVVR6FQKJR2C3cEANA4ggAAGkcQAEDjCAIAaBxBAACNIwgAoHEEAQA0jiAAgMZd6yC4dfuO/81OWmbOemqtsQ23jlKxyLWzLC+1sW43qG1/EK8fdWeb/XL75srZ43e+IvH83Le521289vMsDMu9PN9t/9bt8y77PVDAHlyLINhdIPaSE+riNqX2QVivtUji+Wn7tNTQ2sf1lt9zpDaW5YK0rZuWyhzv3//uf5vBddRnj7pM9z/wYfHguZ+eoe/sz1/5qQzLvgAra+qOIG6f+z2nZlu5ttbtW5YPSuuJhbr0Z1BaNpDaWJZzrO3mevLjT90PF49mBcK7x3fVDtrSRmNZhyksgJVdqyBwnYlWSuL6dLm4SHLzJZa2cZu0fWm69nfHTedKkJvvSHXpvFAk8fxcm6VcEHz08f3uD3/8U/fy1X/9XIt33cVZ4XGQ5zporY1GX4dtX4C1nUwQWEZCaSeiTcdcXaivWS6I24R1pSWIf3dKbeK6eF4sN21tH7j5ocTi6dyyjlRnXTawtJkjBEEoD7/73nh38Kp7sNmn8iMfSxvN0Mnr26n8/AFYwbULAq1IwnytviRuI7XX6p1cm7S9Nh3UzA/z0p9O7veUVGdd1knblkqtNAhc+eSzz/W7g/7Zv/LhrKWNyhAEq2wHqKcEQTh5h5/hIk1vXftnn9FFPLm1Tf4qI/6riD4ARnWh6BeEa1cj196ynriN1F6rd9I2pRLLTac/g9J0+nuYTn9K0mXjn462rFa/hBQEofzr3//xrQSlD2fDX/us9uHtcGeRPbf5oBhHYgoCdzFsRzL9xbG7fR1CID6xh5N9Fwa22+p93hEEuXptOSduI7XX6h1LGyetyy1n+T2Wm++EOq1NXC9NS8L8XL1TqrOQguD+p/odgf4BruWRjkF/3ZQHN2t8IA3MYQqC8Qg/vjCken9Cb0c2fhSknOCWIEilnYfWmcQdklZS8bw59Y7Uxv2MS5gX0+YHpXZSiYXpdL6TW8aJ50n1sVK9tqxm8hnBt7bPCNx5N7mDTVjaaPR1yNcScAizg2CYlxntT0Y/4ZZ4KNLJXgqCsFxNkdTOj8VtwjbSEsS/x8L8uL20XDzPSaeDJfNz28gt60h1pXWmatddIwTBF19+VfFXQ5a71XjgsxPfCffnbj/wGdpOz2N5HWO2O2dgH2YEQXzCSvX+Isk968z8Y04pCHLSzmNuR2TphGo6qtJ2Ql3605HmOdJ0KBJpfto+16YkrQ/T6c+cUr22rMYFwQ9/q/w/gv5c1P5Kx53v0zb9+WoOAnkdI3xQjCOqDoJ4JCRN5zr6HXnkM1mPwHUWWinJ1WvLOZY2gWU74Xf3My5hXiyd1pTax9tJadtJ68N07mcqN98p1VnM+s9iy4ezhmf7Kss6LPsC7In5w+JtEU7WYXS0K6NOfvIXQ/Kjoem29IvPtauRa29Zz26/bEVTapPWxeu1Fklcl7bJzY/Fdbl2bn6pLqdUty/94EO7C+078SV/25+7Sxgz7QuwJzMeDR1f6GxqO49ce8t6araltS3tRyhLpMvn1hnmSe1jYflc+1SuXpof1qutcx9GA5jCaHzbrrKjVpdLBkmndp2hHdcyCAAA6yEIAKBxShAAAD50BAEANO7G1dVVR6FQKJR2C3cEANA4ggAAGkcQAEDjCAIAaBxBAACNIwgAoHEEAQA0jiAAgMYRBADQOIIAABpHEABA4wgCAGgcQQAAjSMIAKBxBAEANI4gAIDGEQQA0DiCAAAaRxAAQOMIAgBoHEEAAI0jCACgcQQBADSOIACAxhEEANA4ggAAGkcQAEDjCAIAaBxBAACNIwgAoHEEAQA0jiAAgMYRBADQtK77P5qTs31mcPZUAAAAAElFTkSuQmCC",B=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"什么是发布订阅模式？","slug":"什么是发布订阅模式","link":"#什么是发布订阅模式","children":[]},{"level":2,"title":"代码实现","slug":"代码实现","link":"#代码实现","children":[]},{"level":2,"title":"代码测试","slug":"代码测试","link":"#代码测试","children":[{"level":3,"title":"执行结果如下：","slug":"执行结果如下","link":"#执行结果如下","children":[]},{"level":3,"title":"执行结果如下：解绑的f1函数不再触发，仅触发f2","slug":"执行结果如下-解绑的f1函数不再触发-仅触发f2","link":"#执行结果如下-解绑的f1函数不再触发-仅触发f2","children":[]},{"level":3,"title":"执行结果如下：通过once绑定的事件，仅能触发一次","slug":"执行结果如下-通过once绑定的事件-仅能触发一次","link":"#执行结果如下-通过once绑定的事件-仅能触发一次","children":[]}]}],"relativePath":"JS.TS/设计模式/发布订阅模式.md"}'),c={name:"JS.TS/设计模式/发布订阅模式.md"},r=l('
    什么是发布订阅模式？ 
    类似addEventListenr  发布-订阅模式里面包含了三个模块，发布者，订阅者和处理中心。这里处理中心相当于报刊办事大厅。 发布者相当与某个杂志负责人，他来中心这注册一个的杂志，而订阅者相当于用户，我在中心订阅了这分杂志。 每当发布者发布了一期杂志，办事大厅就会通知订阅者来拿新杂志。
    代码实现 
    Talk is cheap，show you my code
    ts
    // 发布订阅模式
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const p="/HuaiGu/assets/发布订阅模式.2138ebfb.jpg",o="/HuaiGu/assets/发布订阅1.a43e67f8.png",t="data:image/png;base64,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",e="data:image/png;base64,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",B=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"什么是发布订阅模式？","slug":"什么是发布订阅模式","link":"#什么是发布订阅模式","children":[]},{"level":2,"title":"代码实现","slug":"代码实现","link":"#代码实现","children":[]},{"level":2,"title":"代码测试","slug":"代码测试","link":"#代码测试","children":[{"level":3,"title":"执行结果如下：","slug":"执行结果如下","link":"#执行结果如下","children":[]},{"level":3,"title":"执行结果如下：解绑的f1函数不再触发，仅触发f2","slug":"执行结果如下-解绑的f1函数不再触发-仅触发f2","link":"#执行结果如下-解绑的f1函数不再触发-仅触发f2","children":[]},{"level":3,"title":"执行结果如下：通过once绑定的事件，仅能触发一次","slug":"执行结果如下-通过once绑定的事件-仅能触发一次","link":"#执行结果如下-通过once绑定的事件-仅能触发一次","children":[]}]}],"relativePath":"JS.TS/设计模式/发布订阅模式.md"}'),c={name:"JS.TS/设计模式/发布订阅模式.md"},r=l('
    什么是发布订阅模式？ 
    类似addEventListenr  发布-订阅模式里面包含了三个模块，发布者，订阅者和处理中心。这里处理中心相当于报刊办事大厅。 发布者相当与某个杂志负责人，他来中心这注册一个的杂志，而订阅者相当于用户，我在中心订阅了这分杂志。 每当发布者发布了一期杂志，办事大厅就会通知订阅者来拿新杂志。
    代码实现 
    Talk is cheap，show you my code
    ts
    // 发布订阅模式
 // on 监听/订阅
 // emit 执行/发布
 // once 只执行一次
diff --git "a/assets/JS.TS_\350\256\276\350\256\241\346\250\241\345\274\217_\345\217\221\345\270\203\350\256\242\351\230\205\346\250\241\345\274\217.md.806a2619.lean.js" "b/assets/JS.TS_\350\256\276\350\256\241\346\250\241\345\274\217_\345\217\221\345\270\203\350\256\242\351\230\205\346\250\241\345\274\217.md.e04119a8.lean.js"
similarity index 99%
rename from "assets/JS.TS_\350\256\276\350\256\241\346\250\241\345\274\217_\345\217\221\345\270\203\350\256\242\351\230\205\346\250\241\345\274\217.md.806a2619.lean.js"
rename to "assets/JS.TS_\350\256\276\350\256\241\346\250\241\345\274\217_\345\217\221\345\270\203\350\256\242\351\230\205\346\250\241\345\274\217.md.e04119a8.lean.js"
index 0c71969..55e1fdb 100644
--- "a/assets/JS.TS_\350\256\276\350\256\241\346\250\241\345\274\217_\345\217\221\345\270\203\350\256\242\351\230\205\346\250\241\345\274\217.md.806a2619.lean.js"
+++ "b/assets/JS.TS_\350\256\276\350\256\241\346\250\241\345\274\217_\345\217\221\345\270\203\350\256\242\351\230\205\346\250\241\345\274\217.md.e04119a8.lean.js"
@@ -1 +1 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const p="/HuaiGu/assets/发布订阅模式.2138ebfb.jpg",o="/HuaiGu/assets/发布订阅1.a43e67f8.png",t="data:image/png;base64,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",e="data:image/png;base64,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",B=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"什么是发布订阅模式？","slug":"什么是发布订阅模式","link":"#什么是发布订阅模式","children":[]},{"level":2,"title":"代码实现","slug":"代码实现","link":"#代码实现","children":[]},{"level":2,"title":"代码测试","slug":"代码测试","link":"#代码测试","children":[{"level":3,"title":"执行结果如下：","slug":"执行结果如下","link":"#执行结果如下","children":[]},{"level":3,"title":"执行结果如下：解绑的f1函数不再触发，仅触发f2","slug":"执行结果如下-解绑的f1函数不再触发-仅触发f2","link":"#执行结果如下-解绑的f1函数不再触发-仅触发f2","children":[]},{"level":3,"title":"执行结果如下：通过once绑定的事件，仅能触发一次","slug":"执行结果如下-通过once绑定的事件-仅能触发一次","link":"#执行结果如下-通过once绑定的事件-仅能触发一次","children":[]}]}],"relativePath":"JS.TS/设计模式/发布订阅模式.md"}'),c={name:"JS.TS/设计模式/发布订阅模式.md"},r=l("",15),A=[r];function y(F,D,C,i,d,f){return a(),n("div",null,A)}const g=s(c,[["render",y]]);export{B as __pageData,g as default};
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const p="/HuaiGu/assets/发布订阅模式.2138ebfb.jpg",o="/HuaiGu/assets/发布订阅1.a43e67f8.png",t="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAYMAAABaCAYAAABaIjpBAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAnCSURBVHhe7d1PixxFGMfxvI6cDOR9yWJYFPSgBw/eZSGgISj4DiQY2CB6ccVjTkk8+Ro0iR7mote2699MdfVTVU9V9/TsZr8fKMxMV1f/r191z0rfGQAAtx5hAAAgDAAAhAEAYEQYAAAIAwBARxi8d+++/9dcaVpOzzxbW2u71tzWNdpfY33W3KZNvbgY3jv7YXjrP+q8HZ6c3R++fOE/dnFtmP1mS/M63EJ//TCc3bsYXvmPWq8u7g9nT7fYu9Exvfjdf6ehmM9uu68zlmNuT1cYhJKSvkuldWqft2SW3VpywrS4Tql+K6mtlvZzdTVtxHValnltmCC492B48pf/bP0+fDlui9meUKRO/+3TB+O09o7pwCwnXXbs9XB5/v1w9+5Yzp8Pb/y3a3PbMW5nU+d1Ar4znB2LpJMUt0M8zuszobMo1O221NZzjYFIWVMYmJ0exP8OpO9SaZ3edrbUuj5x/dy/lwptmf/mSo5UNy01oY6m7tqe/fjTWH72nxopO4h8p+8uyu4RWmGU++bZ5RgCl8Pln38Mj00YPPrDT1mbCaSL4YnZxut8Z5ILgjRQs/V8R33UwKuFu4aiDVVgLKMOg/iiTzsA8zktkvT7XL1Ti7cjV0ri6el8cemVm7enTWmelnaWbEcvEwbvf/DhcPHw6+Hvv//x32qYi043uirdAdhpnZ2oat4/nw8PxjB43H/7UWTWwYZZ16OyrbSErjuuYl0b/kvu5CoK4a6maePY2zFqvjNIS/he+m8qzKMt69N1Bumya59j8bq3zNdCakfTtqnTWmLS9FI5lhAGpnz0yafDL7/+5qeUqW/nCyNNa8GFqRqpvrrydwj+86qiUaiwHfv1s9P8sYz32X4edy25OsmI1e+//fymhG2W9p3wXSmMZ0rHy0473oh6ycBgz2x/pQ27nKPe4XQ+JtL+t0Zbbz36MKgVSfi+Nn2JePnh36WSk5tWmkeyVjst4jAI5fG33w3//vufryGpHfvoxzzVLbuyo5rQPfd1j4uuhpf+85omnYrQUZowODuLO7hkv9mOa7yziOabBJzt2ONtTEb4mWVOO8OWuwJ/3LKdaRR+R2D3l2o9CxRhsMpyKk4WBpo6U/HFGpU4Lf2JGMrhhIxHMUlRpK2p1yJXv7WdVJhfaqel7dr82rZK9fLTwnHs6UwdKQxM+ezzL3wNgT032kaa2Yuvpa0JXcf08tGxfjxOl5909OKxmdZxI/Z4njgMpE48XUbt86hhNG+XXToWDW3pHfqiyXovEParfM655a21rJxNHxPFwvxSkaSjh8MJ6NkLNDro/oKe7kDhxBNI65SWktz02nxaaTvadk09aV5p/tz3sXh6Wjc/73HC4PE35TuDttt5v46ZgUJbWxF7Tta22/810RF+PJ7cFVhyx1wagabX4YTU8QrBadoIyxD3pTJsi+sSdAe3gmm75zyYkAI0ZY7L2oE2t9qdQVpKwnSpnjyvkIzJgYhPsGAWGMowSKXr1LJ9tdIjni9tLy45uTqleSSl+VvbahGHwYcffzr8clX/zWB+LpSUzhPNxZuh6jzcXxI9ePbaf16L2yZzXNKy35bqKLqy7bOO14dqss2HUJI7uXrYyu1K2o57I1W4V2jaOGagRVYJgyD9LInrtMw/HQX4k2F/kP3ncf5ZaQgDcf5KkbR+30rTTuuy1qgff9faXosQBhcPv1L/NZF+NF/paOyF2TdKU3VMlb8kstsx7tvWAc2hA56arFM1rOTOe28SJtE1mS7XL+fJuGxxO4qdnw+12n407Prk9pVvR3VOZIj7y7VrAzNefu68qe7zlnN3mVUeEwXp55Q0PXxXm9eetGOdfUl2jpleH62VwyAnXbfauuam1+bT6l1+ytQLJaaZv1ZH00YvEwamNMl2ML5TiEr+PIou9Gauc5Tnjf5Hs0mZ/0VRCIOmdSh0inEYVMOq2Ek78XVq1lEMIb8+2WVNQmVq1g+EMmsrHTCmwnHvH3GXts0eH0UY5EI6puvbljvKnUH6vSF9F5SmOebAFUYkRi55J2oniGPWp1ZKctNr81nhQimMBKR2wneadQsllfs+taxOGDEe/7Z3qm8gELMdUfcITXEOa6jO82uuGiql4NRxoVlfRq0vyFu+jro2XJ0l563W4jAolZq4Xm2eMCKaluRg25NsWme2E0NnG4riZDD1WuTq69rxJ+lYN3cCLGt/yswTioamXrlO2L6twyCcQ33LXRYEI3veLd1mP5rt7sCuAW2YLQg9zXF2dZaEqj+PlxwL1TauNIhQUIdBeoHXOpDctDBf03R7IaU7ZIWDUSGui0Kuvrad2olaaqc2LS0tavV72txW5yjLXLRLz7PJQKX94g6PR7Z4XHAMh8GcPhC7Ho+YvqIU2vvB4AqDkX1bjcdTMV843q37bImmO4OTERPUjZJu6sWR50d/S0ahANDoZoTB6DCyOJR3LQj223iTHwMAuJFuTBgAAI6HMAAAEAYAgDEMdrvdQKFQKJTbXbgzAAAQBgAAwgAAMCIMAACEAQCAMAAAjAgDAABhAABoCgP3btb9W5iEF3a/fBRNv3s1vPTfB2+eXUbT529xAgCchjoMTEd/eC+r8NLuV1eTgLDBcP58eOM/23e7Rp9dMMwDAwCwve7HRLYzjzv7lH2xd2n07wIl9+JvAMB2CAMAQG8YCI+JErPHRAkeEwHA9dEVBu6H4kJHbn4/KI367V1DOUwAANtpDgMXBIXHPz4Ish29DwLpr5EAAKfRFAbu0U4hCKojfv/nqQQBAFwr+jCoPfqpdvSvh8vzcXrpR2cAwEkow8B39EIJ4eAeHwnFh4O7qxCmEw4AcHJdPyADAN4thAEAgDAAABAGAIARYQAAIAwAAIQBAGB0Z7fbDRQKhUK53YU7AwAAYQAAIAwAACPCAABAGAAACAMAwIgwAAAQBgCApjBIXnAjvNFs+oKb+Qvzpy+4Kbw+EwCwKXUYmI7+8MpLFwyTdx2b12JGAWGDIX6LmXk/cvTZBcM8MAAA2+t+TGQ789IrK+3L8Uujfxco+XcqAwC2QhgAAHrDQHhMlJg9JkrwmAgAro+uMHA/FBc6cvP7QWnUb+8aymECANhOcxi4ICg8/vFBkO3ofRBIf40EADiNpjBwj3YKQVAd8fs/TyUIAOBa0YdB7dFPtaN/PVyej9NLPzoDAE5CGQa+oxdKCAf3+EgoPhzcXYUwnXAAgJPr+gEZAPBuIQwAAIQBAIAwAACMCAMAwHBnt9sNFAqFQrndhTsDAABhAAAgDAAAI8IAAEAYAAAIAwDAiDAAABAGAADCAAAwIgwAAIQBAIAwAACMCAMAAGEAABiG/wFot9QRdhVeKQAAAABJRU5ErkJggg==",e="data:image/png;base64,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",B=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"什么是发布订阅模式？","slug":"什么是发布订阅模式","link":"#什么是发布订阅模式","children":[]},{"level":2,"title":"代码实现","slug":"代码实现","link":"#代码实现","children":[]},{"level":2,"title":"代码测试","slug":"代码测试","link":"#代码测试","children":[{"level":3,"title":"执行结果如下：","slug":"执行结果如下","link":"#执行结果如下","children":[]},{"level":3,"title":"执行结果如下：解绑的f1函数不再触发，仅触发f2","slug":"执行结果如下-解绑的f1函数不再触发-仅触发f2","link":"#执行结果如下-解绑的f1函数不再触发-仅触发f2","children":[]},{"level":3,"title":"执行结果如下：通过once绑定的事件，仅能触发一次","slug":"执行结果如下-通过once绑定的事件-仅能触发一次","link":"#执行结果如下-通过once绑定的事件-仅能触发一次","children":[]}]}],"relativePath":"JS.TS/设计模式/发布订阅模式.md"}'),c={name:"JS.TS/设计模式/发布订阅模式.md"},r=l("",15),A=[r];function y(F,D,C,i,d,f){return a(),n("div",null,A)}const g=s(c,[["render",y]]);export{B as __pageData,g as default};
diff --git a/assets/React_ReactHooks_useCallback.md.8457f7bc.js b/assets/React_ReactHooks_useCallback.md.b3073fa3.js
similarity index 94%
rename from assets/React_ReactHooks_useCallback.md.8457f7bc.js
rename to assets/React_ReactHooks_useCallback.md.b3073fa3.js
index d007de0..e6a78de 100644
--- a/assets/React_ReactHooks_useCallback.md.8457f7bc.js
+++ b/assets/React_ReactHooks_useCallback.md.b3073fa3.js
@@ -1,3 +1,3 @@
-import{_ as a,c as s,o as e,a as n}from"./app.e7d182be.js";const h=JSON.parse('{"title":"useCallback","description":"","frontmatter":{},"headers":[],"relativePath":"React/ReactHooks/useCallback.md"}'),c={name:"React/ReactHooks/useCallback.md"},l=n(`
    useCallback 
    jsx
    
+import{_ as a,c as s,o as e,a as n}from"./app.136603a1.js";const h=JSON.parse('{"title":"useCallback","description":"","frontmatter":{},"headers":[],"relativePath":"React/ReactHooks/useCallback.md"}'),c={name:"React/ReactHooks/useCallback.md"},l=n(`
    useCallback 
    jsx
    
 const cachedFn = useCallback(fn, dependencies)
 
    `,2),t=[l];function o(p,r,i,_,d,C){return e(),s("div",null,t)}const A=a(c,[["render",o]]);export{h as __pageData,A as default};
diff --git a/assets/React_ReactHooks_useCallback.md.8457f7bc.lean.js b/assets/React_ReactHooks_useCallback.md.b3073fa3.lean.js
similarity index 83%
rename from assets/React_ReactHooks_useCallback.md.8457f7bc.lean.js
rename to assets/React_ReactHooks_useCallback.md.b3073fa3.lean.js
index 1cc3ab9..9d9457d 100644
--- a/assets/React_ReactHooks_useCallback.md.8457f7bc.lean.js
+++ b/assets/React_ReactHooks_useCallback.md.b3073fa3.lean.js
@@ -1 +1 @@
-import{_ as a,c as s,o as e,a as n}from"./app.e7d182be.js";const h=JSON.parse('{"title":"useCallback","description":"","frontmatter":{},"headers":[],"relativePath":"React/ReactHooks/useCallback.md"}'),c={name:"React/ReactHooks/useCallback.md"},l=n("",2),t=[l];function o(p,r,i,_,d,C){return e(),s("div",null,t)}const A=a(c,[["render",o]]);export{h as __pageData,A as default};
+import{_ as a,c as s,o as e,a as n}from"./app.136603a1.js";const h=JSON.parse('{"title":"useCallback","description":"","frontmatter":{},"headers":[],"relativePath":"React/ReactHooks/useCallback.md"}'),c={name:"React/ReactHooks/useCallback.md"},l=n("",2),t=[l];function o(p,r,i,_,d,C){return e(),s("div",null,t)}const A=a(c,[["render",o]]);export{h as __pageData,A as default};
diff --git a/assets/React_ReactHooks_useContext.md.847d487b.js b/assets/React_ReactHooks_useContext.md.767fc161.js
similarity index 97%
rename from assets/React_ReactHooks_useContext.md.847d487b.js
rename to assets/React_ReactHooks_useContext.md.767fc161.js
index 7f1a13f..2beea42 100644
--- a/assets/React_ReactHooks_useContext.md.847d487b.js
+++ b/assets/React_ReactHooks_useContext.md.767fc161.js
@@ -1,4 +1,4 @@
-import{_ as s,c as n,o as a,a as e}from"./app.e7d182be.js";const A=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"useContext","slug":"usecontext","link":"#usecontext","children":[]}],"relativePath":"React/ReactHooks/useContext.md"}'),o={name:"React/ReactHooks/useContext.md"},t=e(`
    useContext 
    类似于vue 中的Provider
    jsx
    const ThemeContext = createContext(null);
+import{_ as s,c as n,o as a,a as e}from"./app.136603a1.js";const A=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"useContext","slug":"usecontext","link":"#usecontext","children":[]}],"relativePath":"React/ReactHooks/useContext.md"}'),o={name:"React/ReactHooks/useContext.md"},t=e(`
    useContext 
    类似于vue 中的Provider
    jsx
    const ThemeContext = createContext(null);
 
     <ThemeContext.Provider value="dark">
       <Form />
diff --git a/assets/React_ReactHooks_useContext.md.847d487b.lean.js b/assets/React_ReactHooks_useContext.md.767fc161.lean.js
similarity index 85%
rename from assets/React_ReactHooks_useContext.md.847d487b.lean.js
rename to assets/React_ReactHooks_useContext.md.767fc161.lean.js
index 29706c2..89f3b36 100644
--- a/assets/React_ReactHooks_useContext.md.847d487b.lean.js
+++ b/assets/React_ReactHooks_useContext.md.767fc161.lean.js
@@ -1 +1 @@
-import{_ as s,c as n,o as a,a as e}from"./app.e7d182be.js";const A=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"useContext","slug":"usecontext","link":"#usecontext","children":[]}],"relativePath":"React/ReactHooks/useContext.md"}'),o={name:"React/ReactHooks/useContext.md"},t=e("",3),l=[t];function p(c,r,C,D,F,i){return a(),n("div",null,l)}const d=s(o,[["render",p]]);export{A as __pageData,d as default};
+import{_ as s,c as n,o as a,a as e}from"./app.136603a1.js";const A=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"useContext","slug":"usecontext","link":"#usecontext","children":[]}],"relativePath":"React/ReactHooks/useContext.md"}'),o={name:"React/ReactHooks/useContext.md"},t=e("",3),l=[t];function p(c,r,C,D,F,i){return a(),n("div",null,l)}const d=s(o,[["render",p]]);export{A as __pageData,d as default};
diff --git a/assets/React_ReactHooks_useEffect.md.d902d48b.js b/assets/React_ReactHooks_useEffect.md.b676f289.js
similarity index 89%
rename from assets/React_ReactHooks_useEffect.md.d902d48b.js
rename to assets/React_ReactHooks_useEffect.md.b676f289.js
index 65f6bc7..5e2a2fc 100644
--- a/assets/React_ReactHooks_useEffect.md.d902d48b.js
+++ b/assets/React_ReactHooks_useEffect.md.b676f289.js
@@ -1 +1 @@
-import{_ as t,c as s,o as c,b as e,d as a}from"./app.e7d182be.js";const E=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"useEffect","slug":"useeffect","link":"#useeffect","children":[]}],"relativePath":"React/ReactHooks/useEffect.md"}'),o={name:"React/ReactHooks/useEffect.md"},f=e("h2",{id:"useeffect",tabindex:"-1"},[a("useEffect "),e("a",{class:"header-anchor",href:"#useeffect","aria-hidden":"true"},"#")],-1),r=e("p",null,"注意Effect和返回值即可",-1),n=[f,r];function d(i,l,u,_,h,p){return c(),s("div",null,n)}const k=t(o,[["render",d]]);export{E as __pageData,k as default};
+import{_ as t,c as s,o as c,b as e,d as a}from"./app.136603a1.js";const E=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"useEffect","slug":"useeffect","link":"#useeffect","children":[]}],"relativePath":"React/ReactHooks/useEffect.md"}'),o={name:"React/ReactHooks/useEffect.md"},f=e("h2",{id:"useeffect",tabindex:"-1"},[a("useEffect "),e("a",{class:"header-anchor",href:"#useeffect","aria-hidden":"true"},"#")],-1),r=e("p",null,"注意Effect和返回值即可",-1),n=[f,r];function d(i,l,u,_,h,p){return c(),s("div",null,n)}const k=t(o,[["render",d]]);export{E as __pageData,k as default};
diff --git a/assets/React_ReactHooks_useEffect.md.d902d48b.lean.js b/assets/React_ReactHooks_useEffect.md.b676f289.lean.js
similarity index 89%
rename from assets/React_ReactHooks_useEffect.md.d902d48b.lean.js
rename to assets/React_ReactHooks_useEffect.md.b676f289.lean.js
index 65f6bc7..5e2a2fc 100644
--- a/assets/React_ReactHooks_useEffect.md.d902d48b.lean.js
+++ b/assets/React_ReactHooks_useEffect.md.b676f289.lean.js
@@ -1 +1 @@
-import{_ as t,c as s,o as c,b as e,d as a}from"./app.e7d182be.js";const E=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"useEffect","slug":"useeffect","link":"#useeffect","children":[]}],"relativePath":"React/ReactHooks/useEffect.md"}'),o={name:"React/ReactHooks/useEffect.md"},f=e("h2",{id:"useeffect",tabindex:"-1"},[a("useEffect "),e("a",{class:"header-anchor",href:"#useeffect","aria-hidden":"true"},"#")],-1),r=e("p",null,"注意Effect和返回值即可",-1),n=[f,r];function d(i,l,u,_,h,p){return c(),s("div",null,n)}const k=t(o,[["render",d]]);export{E as __pageData,k as default};
+import{_ as t,c as s,o as c,b as e,d as a}from"./app.136603a1.js";const E=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"useEffect","slug":"useeffect","link":"#useeffect","children":[]}],"relativePath":"React/ReactHooks/useEffect.md"}'),o={name:"React/ReactHooks/useEffect.md"},f=e("h2",{id:"useeffect",tabindex:"-1"},[a("useEffect "),e("a",{class:"header-anchor",href:"#useeffect","aria-hidden":"true"},"#")],-1),r=e("p",null,"注意Effect和返回值即可",-1),n=[f,r];function d(i,l,u,_,h,p){return c(),s("div",null,n)}const k=t(o,[["render",d]]);export{E as __pageData,k as default};
diff --git a/assets/React_ReactHooks_useRef.md.3ac096c6.js b/assets/React_ReactHooks_useRef.md.0b0cc29f.js
similarity index 99%
rename from assets/React_ReactHooks_useRef.md.3ac096c6.js
rename to assets/React_ReactHooks_useRef.md.0b0cc29f.js
index 3ea1379..b987a93 100644
--- a/assets/React_ReactHooks_useRef.md.3ac096c6.js
+++ b/assets/React_ReactHooks_useRef.md.0b0cc29f.js
@@ -1,4 +1,4 @@
-import{_ as s,c as a,o as n,a as l}from"./app.e7d182be.js";const C=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"useRef","slug":"useref","link":"#useref","children":[]},{"level":2,"title":"使用 ref 操作 DOM","slug":"使用-ref-操作-dom","link":"#使用-ref-操作-dom","children":[]},{"level":2,"title":"初始化 ref","slug":"初始化-ref","link":"#初始化-ref","children":[]},{"level":2,"title":"当想获得组件的引用时","slug":"当想获得组件的引用时","link":"#当想获得组件的引用时","children":[]}],"relativePath":"React/ReactHooks/useRef.md"}'),e={name:"React/ReactHooks/useRef.md"},p=l(`
    useRef 
    useRef 更改引用后不会引发重新渲染
    jsx
    const ref = useRef(0);
+import{_ as s,c as a,o as n,a as l}from"./app.136603a1.js";const C=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"useRef","slug":"useref","link":"#useref","children":[]},{"level":2,"title":"使用 ref 操作 DOM","slug":"使用-ref-操作-dom","link":"#使用-ref-操作-dom","children":[]},{"level":2,"title":"初始化 ref","slug":"初始化-ref","link":"#初始化-ref","children":[]},{"level":2,"title":"当想获得组件的引用时","slug":"当想获得组件的引用时","link":"#当想获得组件的引用时","children":[]}],"relativePath":"React/ReactHooks/useRef.md"}'),e={name:"React/ReactHooks/useRef.md"},p=l(`
    useRef 
    useRef 更改引用后不会引发重新渲染
    jsx
    const ref = useRef(0);
 console.log(ref);
 return (
   <>
diff --git a/assets/React_ReactHooks_useRef.md.3ac096c6.lean.js b/assets/React_ReactHooks_useRef.md.0b0cc29f.lean.js
similarity index 91%
rename from assets/React_ReactHooks_useRef.md.3ac096c6.lean.js
rename to assets/React_ReactHooks_useRef.md.0b0cc29f.lean.js
index e2c4bbb..e3fa5fd 100644
--- a/assets/React_ReactHooks_useRef.md.3ac096c6.lean.js
+++ b/assets/React_ReactHooks_useRef.md.0b0cc29f.lean.js
@@ -1 +1 @@
-import{_ as s,c as a,o as n,a as l}from"./app.e7d182be.js";const C=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"useRef","slug":"useref","link":"#useref","children":[]},{"level":2,"title":"使用 ref 操作 DOM","slug":"使用-ref-操作-dom","link":"#使用-ref-操作-dom","children":[]},{"level":2,"title":"初始化 ref","slug":"初始化-ref","link":"#初始化-ref","children":[]},{"level":2,"title":"当想获得组件的引用时","slug":"当想获得组件的引用时","link":"#当想获得组件的引用时","children":[]}],"relativePath":"React/ReactHooks/useRef.md"}'),e={name:"React/ReactHooks/useRef.md"},p=l("",9),o=[p];function t(r,c,F,y,D,i){return n(),a("div",null,o)}const d=s(e,[["render",t]]);export{C as __pageData,d as default};
+import{_ as s,c as a,o as n,a as l}from"./app.136603a1.js";const C=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"useRef","slug":"useref","link":"#useref","children":[]},{"level":2,"title":"使用 ref 操作 DOM","slug":"使用-ref-操作-dom","link":"#使用-ref-操作-dom","children":[]},{"level":2,"title":"初始化 ref","slug":"初始化-ref","link":"#初始化-ref","children":[]},{"level":2,"title":"当想获得组件的引用时","slug":"当想获得组件的引用时","link":"#当想获得组件的引用时","children":[]}],"relativePath":"React/ReactHooks/useRef.md"}'),e={name:"React/ReactHooks/useRef.md"},p=l("",9),o=[p];function t(r,c,F,y,D,i){return n(),a("div",null,o)}const d=s(e,[["render",t]]);export{C as __pageData,d as default};
diff --git a/assets/React_ReactHooks_useState.md.50a896e5.js b/assets/React_ReactHooks_useState.md.65a2d5c0.js
similarity index 99%
rename from assets/React_ReactHooks_useState.md.50a896e5.js
rename to assets/React_ReactHooks_useState.md.65a2d5c0.js
index 2873503..6915e99 100644
--- a/assets/React_ReactHooks_useState.md.50a896e5.js
+++ b/assets/React_ReactHooks_useState.md.65a2d5c0.js
@@ -1,4 +1,4 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"useState","slug":"usestate","link":"#usestate","children":[]},{"level":2,"title":"setNum","slug":"setnum","link":"#setnum","children":[{"level":3,"title":"当 num 为对象时，应该去替换对象","slug":"当-num-为对象时-应该去替换对象","link":"#当-num-为对象时-应该去替换对象","children":[]},{"level":3,"title":"初始值可以为函数也可以为值","slug":"初始值可以为函数也可以为值","link":"#初始值可以为函数也可以为值","children":[]},{"level":3,"title":"使用 key 重置","slug":"使用-key-重置","link":"#使用-key-重置","children":[]}]}],"relativePath":"React/ReactHooks/useState.md"}'),p={name:"React/ReactHooks/useState.md"},o=l(`
    useState 
    实际上就是为你的组件创建数据的状态,传入的参数为该数据的初始状态
    WARNING
    严格模式下 react 会 render 两次已确认组件是纯函数
    js
    const initNum = 0;
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"useState","slug":"usestate","link":"#usestate","children":[]},{"level":2,"title":"setNum","slug":"setnum","link":"#setnum","children":[{"level":3,"title":"当 num 为对象时，应该去替换对象","slug":"当-num-为对象时-应该去替换对象","link":"#当-num-为对象时-应该去替换对象","children":[]},{"level":3,"title":"初始值可以为函数也可以为值","slug":"初始值可以为函数也可以为值","link":"#初始值可以为函数也可以为值","children":[]},{"level":3,"title":"使用 key 重置","slug":"使用-key-重置","link":"#使用-key-重置","children":[]}]}],"relativePath":"React/ReactHooks/useState.md"}'),p={name:"React/ReactHooks/useState.md"},o=l(`
    useState 
    实际上就是为你的组件创建数据的状态,传入的参数为该数据的初始状态
    WARNING
    严格模式下 react 会 render 两次已确认组件是纯函数
    js
    const initNum = 0;
 const [num, setNum] = useState(initNum); // 解构
 
    setNum 
    纯函数，且没有返回值
    当 num 为对象时，应该去替换对象 
    js
    const [me, setMe] = useState({
   name: "zyh",
diff --git a/assets/React_ReactHooks_useState.md.50a896e5.lean.js b/assets/React_ReactHooks_useState.md.65a2d5c0.lean.js
similarity index 93%
rename from assets/React_ReactHooks_useState.md.50a896e5.lean.js
rename to assets/React_ReactHooks_useState.md.65a2d5c0.lean.js
index 1819d35..e83ba5f 100644
--- a/assets/React_ReactHooks_useState.md.50a896e5.lean.js
+++ b/assets/React_ReactHooks_useState.md.65a2d5c0.lean.js
@@ -1 +1 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"useState","slug":"usestate","link":"#usestate","children":[]},{"level":2,"title":"setNum","slug":"setnum","link":"#setnum","children":[{"level":3,"title":"当 num 为对象时，应该去替换对象","slug":"当-num-为对象时-应该去替换对象","link":"#当-num-为对象时-应该去替换对象","children":[]},{"level":3,"title":"初始值可以为函数也可以为值","slug":"初始值可以为函数也可以为值","link":"#初始值可以为函数也可以为值","children":[]},{"level":3,"title":"使用 key 重置","slug":"使用-key-重置","link":"#使用-key-重置","children":[]}]}],"relativePath":"React/ReactHooks/useState.md"}'),p={name:"React/ReactHooks/useState.md"},o=l("",14),e=[o];function t(c,r,D,y,F,C){return a(),n("div",null,e)}const u=s(p,[["render",t]]);export{i as __pageData,u as default};
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"useState","slug":"usestate","link":"#usestate","children":[]},{"level":2,"title":"setNum","slug":"setnum","link":"#setnum","children":[{"level":3,"title":"当 num 为对象时，应该去替换对象","slug":"当-num-为对象时-应该去替换对象","link":"#当-num-为对象时-应该去替换对象","children":[]},{"level":3,"title":"初始值可以为函数也可以为值","slug":"初始值可以为函数也可以为值","link":"#初始值可以为函数也可以为值","children":[]},{"level":3,"title":"使用 key 重置","slug":"使用-key-重置","link":"#使用-key-重置","children":[]}]}],"relativePath":"React/ReactHooks/useState.md"}'),p={name:"React/ReactHooks/useState.md"},o=l("",14),e=[o];function t(c,r,D,y,F,C){return a(),n("div",null,e)}const u=s(p,[["render",t]]);export{i as __pageData,u as default};
diff --git a/assets/React_index.md.0012e3a8.js b/assets/React_index.md.4728acac.js
similarity index 86%
rename from assets/React_index.md.0012e3a8.js
rename to assets/React_index.md.4728acac.js
index 601e1ab..1869533 100644
--- a/assets/React_index.md.0012e3a8.js
+++ b/assets/React_index.md.4728acac.js
@@ -1 +1 @@
-import{_ as t,c as a,o as n,b as e}from"./app.e7d182be.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"","slug":"","link":"#","children":[]}],"relativePath":"React/index.md"}'),r={name:"React/index.md"},s=e("h2",{id:"",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#","aria-hidden":"true"},"#")],-1),c=[s];function o(d,i,l,_,h,p){return n(),a("div",null,c)}const u=t(r,[["render",o]]);export{m as __pageData,u as default};
+import{_ as t,c as a,o as n,b as e}from"./app.136603a1.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"","slug":"","link":"#","children":[]}],"relativePath":"React/index.md"}'),r={name:"React/index.md"},s=e("h2",{id:"",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#","aria-hidden":"true"},"#")],-1),c=[s];function o(d,i,l,_,h,p){return n(),a("div",null,c)}const u=t(r,[["render",o]]);export{m as __pageData,u as default};
diff --git a/assets/React_index.md.0012e3a8.lean.js b/assets/React_index.md.4728acac.lean.js
similarity index 86%
rename from assets/React_index.md.0012e3a8.lean.js
rename to assets/React_index.md.4728acac.lean.js
index 601e1ab..1869533 100644
--- a/assets/React_index.md.0012e3a8.lean.js
+++ b/assets/React_index.md.4728acac.lean.js
@@ -1 +1 @@
-import{_ as t,c as a,o as n,b as e}from"./app.e7d182be.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"","slug":"","link":"#","children":[]}],"relativePath":"React/index.md"}'),r={name:"React/index.md"},s=e("h2",{id:"",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#","aria-hidden":"true"},"#")],-1),c=[s];function o(d,i,l,_,h,p){return n(),a("div",null,c)}const u=t(r,[["render",o]]);export{m as __pageData,u as default};
+import{_ as t,c as a,o as n,b as e}from"./app.136603a1.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"","slug":"","link":"#","children":[]}],"relativePath":"React/index.md"}'),r={name:"React/index.md"},s=e("h2",{id:"",tabindex:"-1"},[e("a",{class:"header-anchor",href:"#","aria-hidden":"true"},"#")],-1),c=[s];function o(d,i,l,_,h,p){return n(),a("div",null,c)}const u=t(r,[["render",o]]);export{m as __pageData,u as default};
diff --git a/assets/React_redux.md.60643533.js b/assets/React_redux.md.9f3d9d1d.js
similarity index 78%
rename from assets/React_redux.md.60643533.js
rename to assets/React_redux.md.9f3d9d1d.js
index 39c3cee..46d0c0a 100644
--- a/assets/React_redux.md.60643533.js
+++ b/assets/React_redux.md.9f3d9d1d.js
@@ -1 +1 @@
-import{_ as e,c as t,o as a}from"./app.e7d182be.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"React/redux.md"}'),r={name:"React/redux.md"};function c(o,s,n,d,p,_){return a(),t("div")}const f=e(r,[["render",c]]);export{m as __pageData,f as default};
+import{_ as e,c as t,o as a}from"./app.136603a1.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"React/redux.md"}'),r={name:"React/redux.md"};function c(o,s,n,d,p,_){return a(),t("div")}const f=e(r,[["render",c]]);export{m as __pageData,f as default};
diff --git a/assets/React_redux.md.60643533.lean.js b/assets/React_redux.md.9f3d9d1d.lean.js
similarity index 78%
rename from assets/React_redux.md.60643533.lean.js
rename to assets/React_redux.md.9f3d9d1d.lean.js
index 39c3cee..46d0c0a 100644
--- a/assets/React_redux.md.60643533.lean.js
+++ b/assets/React_redux.md.9f3d9d1d.lean.js
@@ -1 +1 @@
-import{_ as e,c as t,o as a}from"./app.e7d182be.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"React/redux.md"}'),r={name:"React/redux.md"};function c(o,s,n,d,p,_){return a(),t("div")}const f=e(r,[["render",c]]);export{m as __pageData,f as default};
+import{_ as e,c as t,o as a}from"./app.136603a1.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"React/redux.md"}'),r={name:"React/redux.md"};function c(o,s,n,d,p,_){return a(),t("div")}const f=e(r,[["render",c]]);export{m as __pageData,f as default};
diff --git a/assets/Vue_CSS_scroll.md.e814a328.js b/assets/Vue_CSS_scroll.md.c93b8bcd.js
similarity index 91%
rename from assets/Vue_CSS_scroll.md.e814a328.js
rename to assets/Vue_CSS_scroll.md.c93b8bcd.js
index 34097df..34bbf44 100644
--- a/assets/Vue_CSS_scroll.md.e814a328.js
+++ b/assets/Vue_CSS_scroll.md.c93b8bcd.js
@@ -1 +1 @@
-import{_ as t,c as r,o as a,b as e,d as s}from"./app.e7d182be.js";const x=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"滚动条样式的修改","slug":"滚动条样式的修改","link":"#滚动条样式的修改","children":[]}],"relativePath":"Vue/CSS/scroll.md"}'),o={name:"Vue/CSS/scroll.md"},n=e("h2",{id:"滚动条样式的修改",tabindex:"-1"},[s("滚动条样式的修改 "),e("a",{class:"header-anchor",href:"#滚动条样式的修改","aria-hidden":"true"},"#")],-1),c=e("p",null,[e("a",{href:"https://juejin.cn/post/6997011443967066143#heading-8",target:"_blank",rel:"noreferrer"},"here")],-1),l=[n,c];function d(i,_,h,p,u,f){return a(),r("div",null,l)}const S=t(o,[["render",d]]);export{x as __pageData,S as default};
+import{_ as t,c as r,o as a,b as e,d as s}from"./app.136603a1.js";const x=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"滚动条样式的修改","slug":"滚动条样式的修改","link":"#滚动条样式的修改","children":[]}],"relativePath":"Vue/CSS/scroll.md"}'),o={name:"Vue/CSS/scroll.md"},n=e("h2",{id:"滚动条样式的修改",tabindex:"-1"},[s("滚动条样式的修改 "),e("a",{class:"header-anchor",href:"#滚动条样式的修改","aria-hidden":"true"},"#")],-1),c=e("p",null,[e("a",{href:"https://juejin.cn/post/6997011443967066143#heading-8",target:"_blank",rel:"noreferrer"},"here")],-1),l=[n,c];function d(i,_,h,p,u,f){return a(),r("div",null,l)}const S=t(o,[["render",d]]);export{x as __pageData,S as default};
diff --git a/assets/Vue_CSS_scroll.md.e814a328.lean.js b/assets/Vue_CSS_scroll.md.c93b8bcd.lean.js
similarity index 91%
rename from assets/Vue_CSS_scroll.md.e814a328.lean.js
rename to assets/Vue_CSS_scroll.md.c93b8bcd.lean.js
index 34097df..34bbf44 100644
--- a/assets/Vue_CSS_scroll.md.e814a328.lean.js
+++ b/assets/Vue_CSS_scroll.md.c93b8bcd.lean.js
@@ -1 +1 @@
-import{_ as t,c as r,o as a,b as e,d as s}from"./app.e7d182be.js";const x=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"滚动条样式的修改","slug":"滚动条样式的修改","link":"#滚动条样式的修改","children":[]}],"relativePath":"Vue/CSS/scroll.md"}'),o={name:"Vue/CSS/scroll.md"},n=e("h2",{id:"滚动条样式的修改",tabindex:"-1"},[s("滚动条样式的修改 "),e("a",{class:"header-anchor",href:"#滚动条样式的修改","aria-hidden":"true"},"#")],-1),c=e("p",null,[e("a",{href:"https://juejin.cn/post/6997011443967066143#heading-8",target:"_blank",rel:"noreferrer"},"here")],-1),l=[n,c];function d(i,_,h,p,u,f){return a(),r("div",null,l)}const S=t(o,[["render",d]]);export{x as __pageData,S as default};
+import{_ as t,c as r,o as a,b as e,d as s}from"./app.136603a1.js";const x=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"滚动条样式的修改","slug":"滚动条样式的修改","link":"#滚动条样式的修改","children":[]}],"relativePath":"Vue/CSS/scroll.md"}'),o={name:"Vue/CSS/scroll.md"},n=e("h2",{id:"滚动条样式的修改",tabindex:"-1"},[s("滚动条样式的修改 "),e("a",{class:"header-anchor",href:"#滚动条样式的修改","aria-hidden":"true"},"#")],-1),c=e("p",null,[e("a",{href:"https://juejin.cn/post/6997011443967066143#heading-8",target:"_blank",rel:"noreferrer"},"here")],-1),l=[n,c];function d(i,_,h,p,u,f){return a(),r("div",null,l)}const S=t(o,[["render",d]]);export{x as __pageData,S as default};
diff --git "a/assets/Vue_\346\272\220\347\240\201\345\210\206\346\236\220_VNode\344\270\216diff\347\256\227\346\263\225.md.0e1165a1.js" "b/assets/Vue_\346\272\220\347\240\201\345\210\206\346\236\220_VNode\344\270\216diff\347\256\227\346\263\225.md.ae22912f.js"
similarity index 99%
rename from "assets/Vue_\346\272\220\347\240\201\345\210\206\346\236\220_VNode\344\270\216diff\347\256\227\346\263\225.md.0e1165a1.js"
rename to "assets/Vue_\346\272\220\347\240\201\345\210\206\346\236\220_VNode\344\270\216diff\347\256\227\346\263\225.md.ae22912f.js"
index 0aa5ed6..a2427be 100644
--- "a/assets/Vue_\346\272\220\347\240\201\345\210\206\346\236\220_VNode\344\270\216diff\347\256\227\346\263\225.md.0e1165a1.js"
+++ "b/assets/Vue_\346\272\220\347\240\201\345\210\206\346\236\220_VNode\344\270\216diff\347\256\227\346\263\225.md.ae22912f.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const i=JSON.parse('{"title":"数据驱动视图","description":"","frontmatter":{},"headers":[{"level":3,"title":"VNode 抽象语法树","slug":"vnode-抽象语法树","link":"#vnode-抽象语法树","children":[]}],"relativePath":"Vue/源码分析/VNode与diff算法.md"}'),p={name:"Vue/源码分析/VNode与diff算法.md"},o=l(`
    数据驱动视图 
    众所周知，Vue通过数据绑定来修改视图，当某个数据被修改的时候，set方法会让闭包中的Dep调用notify通知所有订阅者Watcher，Watcher通过get方法执行vm._update(vm._render(), hydrating)。
    JavaScript
    Vue.prototype._update = function (vnode: VNode, hydrating?: boolean) {
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const i=JSON.parse('{"title":"数据驱动视图","description":"","frontmatter":{},"headers":[{"level":3,"title":"VNode 抽象语法树","slug":"vnode-抽象语法树","link":"#vnode-抽象语法树","children":[]}],"relativePath":"Vue/源码分析/VNode与diff算法.md"}'),p={name:"Vue/源码分析/VNode与diff算法.md"},o=l(`
    数据驱动视图 
    众所周知，Vue通过数据绑定来修改视图，当某个数据被修改的时候，set方法会让闭包中的Dep调用notify通知所有订阅者Watcher，Watcher通过get方法执行vm._update(vm._render(), hydrating)。
    JavaScript
    Vue.prototype._update = function (vnode: VNode, hydrating?: boolean) {
     const vm: Component = this
     /*如果已经该组件已经挂载过了则代表进入这个步骤是个更新的过程，触发beforeUpdate钩子*/
     if (vm._isMounted) {
diff --git "a/assets/Vue_\346\272\220\347\240\201\345\210\206\346\236\220_VNode\344\270\216diff\347\256\227\346\263\225.md.0e1165a1.lean.js" "b/assets/Vue_\346\272\220\347\240\201\345\210\206\346\236\220_VNode\344\270\216diff\347\256\227\346\263\225.md.ae22912f.lean.js"
similarity index 87%
rename from "assets/Vue_\346\272\220\347\240\201\345\210\206\346\236\220_VNode\344\270\216diff\347\256\227\346\263\225.md.0e1165a1.lean.js"
rename to "assets/Vue_\346\272\220\347\240\201\345\210\206\346\236\220_VNode\344\270\216diff\347\256\227\346\263\225.md.ae22912f.lean.js"
index 65742b7..1b196b4 100644
--- "a/assets/Vue_\346\272\220\347\240\201\345\210\206\346\236\220_VNode\344\270\216diff\347\256\227\346\263\225.md.0e1165a1.lean.js"
+++ "b/assets/Vue_\346\272\220\347\240\201\345\210\206\346\236\220_VNode\344\270\216diff\347\256\227\346\263\225.md.ae22912f.lean.js"
@@ -1 +1 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const i=JSON.parse('{"title":"数据驱动视图","description":"","frontmatter":{},"headers":[{"level":3,"title":"VNode 抽象语法树","slug":"vnode-抽象语法树","link":"#vnode-抽象语法树","children":[]}],"relativePath":"Vue/源码分析/VNode与diff算法.md"}'),p={name:"Vue/源码分析/VNode与diff算法.md"},o=l("",9),e=[o];function t(c,r,y,F,D,A){return a(),n("div",null,e)}const d=s(p,[["render",t]]);export{i as __pageData,d as default};
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const i=JSON.parse('{"title":"数据驱动视图","description":"","frontmatter":{},"headers":[{"level":3,"title":"VNode 抽象语法树","slug":"vnode-抽象语法树","link":"#vnode-抽象语法树","children":[]}],"relativePath":"Vue/源码分析/VNode与diff算法.md"}'),p={name:"Vue/源码分析/VNode与diff算法.md"},o=l("",9),e=[o];function t(c,r,y,F,D,A){return a(),n("div",null,e)}const d=s(p,[["render",t]]);export{i as __pageData,d as default};
diff --git "a/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-attrs.md.151c8caa.js" "b/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-attrs.md.37331853.js"
similarity index 99%
rename from "assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-attrs.md.151c8caa.js"
rename to "assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-attrs.md.37331853.js"
index aecb77e..5cb571d 100644
--- "a/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-attrs.md.151c8caa.js"
+++ "b/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-attrs.md.37331853.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const t="/HuaiGu/abc透传.png",p="/HuaiGu/Hover.png",o="/HuaiGu/el-title.png",h=JSON.parse('{"title":"attrs/listeners","description":"","frontmatter":{},"headers":[{"level":2,"title":"一、$attrs介绍","slug":"一、-attrs介绍","link":"#一、-attrs介绍","children":[{"level":3,"title":"使用场景:  A 组件与 C 组件之间的通信： （跨多级的组件嵌套关系）","slug":"使用场景-a-组件与-c-组件之间的通信-跨多级的组件嵌套关系","link":"#使用场景-a-组件与-c-组件之间的通信-跨多级的组件嵌套关系","children":[]}]},{"level":2,"title":"二、$listeners介绍","slug":"二、-listeners介绍","link":"#二、-listeners介绍","children":[]},{"level":2,"title":"三、attrs和listeners的使用场景","slug":"三、attrs和listeners的使用场景","link":"#三、attrs和listeners的使用场景","children":[{"level":3,"title":"需求：对element-ui的button组件实现增加鼠标悬停提示","slug":"需求-对element-ui的button组件实现增加鼠标悬停提示","link":"#需求-对element-ui的button组件实现增加鼠标悬停提示","children":[]},{"level":3,"title":"效果实现","slug":"效果实现","link":"#效果实现","children":[]},{"level":3,"title":"log打印","slug":"log打印","link":"#log打印","children":[]}]}],"relativePath":"Vue/组件通信/Api-attrs.md"}'),e={name:"Vue/组件通信/Api-attrs.md"},r=l('
    attrs/listeners 
    一、$attrs介绍 
    • 当项目中有多层组件传参可以使用$attrs，可以使代码更加美观，更加简洁，维护代码的时候更方便。
    • 了解：如果给组件传递的数据，组件不使用props接收，那么这些数据将作为组件的HTML元素的特性，这些特性绑定在组件的HTML根元素上
    • inheritAttrs: false的含义是不希望本组件的根元素继承父组件的attribute，同时父组件传过来的属性（没有被子组件的props接收的属性），也不会显示在子组件的dom元素上，但是在组件里可以通过其$attrs可以获取到没有使用的注册属性, inheritAttrs: false是不会影响 style 和 class 的绑定
    使用场景: A 组件与 C 组件之间的通信： （跨多级的组件嵌套关系） 
    alt
    二、$listeners介绍 
    $listeners属性，它是一个对象，里面包含了作用在这个组件上的所有监听器，你就可以配合 v-on="$listeners" 将所有的事件监听器指向这个组件的某个特定的子元素。（相当于子组件继承父组件的事件） 
    三、attrs和listeners的使用场景 
    TIP
    $attrs/$listeners一般用于对组件的二次封装，实现功能扩展
    需求：对element-ui的button组件实现增加鼠标悬停提示 
    HintButton为el-button的二次封装
    vue
    <template>
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const t="/HuaiGu/abc透传.png",p="/HuaiGu/Hover.png",o="/HuaiGu/el-title.png",h=JSON.parse('{"title":"attrs/listeners","description":"","frontmatter":{},"headers":[{"level":2,"title":"一、$attrs介绍","slug":"一、-attrs介绍","link":"#一、-attrs介绍","children":[{"level":3,"title":"使用场景:  A 组件与 C 组件之间的通信： （跨多级的组件嵌套关系）","slug":"使用场景-a-组件与-c-组件之间的通信-跨多级的组件嵌套关系","link":"#使用场景-a-组件与-c-组件之间的通信-跨多级的组件嵌套关系","children":[]}]},{"level":2,"title":"二、$listeners介绍","slug":"二、-listeners介绍","link":"#二、-listeners介绍","children":[]},{"level":2,"title":"三、attrs和listeners的使用场景","slug":"三、attrs和listeners的使用场景","link":"#三、attrs和listeners的使用场景","children":[{"level":3,"title":"需求：对element-ui的button组件实现增加鼠标悬停提示","slug":"需求-对element-ui的button组件实现增加鼠标悬停提示","link":"#需求-对element-ui的button组件实现增加鼠标悬停提示","children":[]},{"level":3,"title":"效果实现","slug":"效果实现","link":"#效果实现","children":[]},{"level":3,"title":"log打印","slug":"log打印","link":"#log打印","children":[]}]}],"relativePath":"Vue/组件通信/Api-attrs.md"}'),e={name:"Vue/组件通信/Api-attrs.md"},r=l('
    attrs/listeners 
    一、$attrs介绍 
    • 当项目中有多层组件传参可以使用$attrs，可以使代码更加美观，更加简洁，维护代码的时候更方便。
    • 了解：如果给组件传递的数据，组件不使用props接收，那么这些数据将作为组件的HTML元素的特性，这些特性绑定在组件的HTML根元素上
    • inheritAttrs: false的含义是不希望本组件的根元素继承父组件的attribute，同时父组件传过来的属性（没有被子组件的props接收的属性），也不会显示在子组件的dom元素上，但是在组件里可以通过其$attrs可以获取到没有使用的注册属性, inheritAttrs: false是不会影响 style 和 class 的绑定
    使用场景: A 组件与 C 组件之间的通信： （跨多级的组件嵌套关系） 
    alt
    二、$listeners介绍 
    $listeners属性，它是一个对象，里面包含了作用在这个组件上的所有监听器，你就可以配合 v-on="$listeners" 将所有的事件监听器指向这个组件的某个特定的子元素。（相当于子组件继承父组件的事件） 
    三、attrs和listeners的使用场景 
    TIP
    $attrs/$listeners一般用于对组件的二次封装，实现功能扩展
    需求：对element-ui的button组件实现增加鼠标悬停提示 
    HintButton为el-button的二次封装
    vue
    <template>
   <div>
     <h2>自定义带Hover提示的按钮</h2>
     <!-- 二次封装的HintButton按钮的时候，把el-button需要的数据传递过去 -->
diff --git "a/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-attrs.md.151c8caa.lean.js" "b/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-attrs.md.37331853.lean.js"
similarity index 95%
rename from "assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-attrs.md.151c8caa.lean.js"
rename to "assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-attrs.md.37331853.lean.js"
index 4ef2276..6228908 100644
--- "a/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-attrs.md.151c8caa.lean.js"
+++ "b/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-attrs.md.37331853.lean.js"
@@ -1 +1 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const t="/HuaiGu/abc透传.png",p="/HuaiGu/Hover.png",o="/HuaiGu/el-title.png",h=JSON.parse('{"title":"attrs/listeners","description":"","frontmatter":{},"headers":[{"level":2,"title":"一、$attrs介绍","slug":"一、-attrs介绍","link":"#一、-attrs介绍","children":[{"level":3,"title":"使用场景:  A 组件与 C 组件之间的通信： （跨多级的组件嵌套关系）","slug":"使用场景-a-组件与-c-组件之间的通信-跨多级的组件嵌套关系","link":"#使用场景-a-组件与-c-组件之间的通信-跨多级的组件嵌套关系","children":[]}]},{"level":2,"title":"二、$listeners介绍","slug":"二、-listeners介绍","link":"#二、-listeners介绍","children":[]},{"level":2,"title":"三、attrs和listeners的使用场景","slug":"三、attrs和listeners的使用场景","link":"#三、attrs和listeners的使用场景","children":[{"level":3,"title":"需求：对element-ui的button组件实现增加鼠标悬停提示","slug":"需求-对element-ui的button组件实现增加鼠标悬停提示","link":"#需求-对element-ui的button组件实现增加鼠标悬停提示","children":[]},{"level":3,"title":"效果实现","slug":"效果实现","link":"#效果实现","children":[]},{"level":3,"title":"log打印","slug":"log打印","link":"#log打印","children":[]}]}],"relativePath":"Vue/组件通信/Api-attrs.md"}'),e={name:"Vue/组件通信/Api-attrs.md"},r=l("",18),c=[r];function D(F,i,y,C,A,d){return a(),n("div",null,c)}const g=s(e,[["render",D]]);export{h as __pageData,g as default};
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const t="/HuaiGu/abc透传.png",p="/HuaiGu/Hover.png",o="/HuaiGu/el-title.png",h=JSON.parse('{"title":"attrs/listeners","description":"","frontmatter":{},"headers":[{"level":2,"title":"一、$attrs介绍","slug":"一、-attrs介绍","link":"#一、-attrs介绍","children":[{"level":3,"title":"使用场景:  A 组件与 C 组件之间的通信： （跨多级的组件嵌套关系）","slug":"使用场景-a-组件与-c-组件之间的通信-跨多级的组件嵌套关系","link":"#使用场景-a-组件与-c-组件之间的通信-跨多级的组件嵌套关系","children":[]}]},{"level":2,"title":"二、$listeners介绍","slug":"二、-listeners介绍","link":"#二、-listeners介绍","children":[]},{"level":2,"title":"三、attrs和listeners的使用场景","slug":"三、attrs和listeners的使用场景","link":"#三、attrs和listeners的使用场景","children":[{"level":3,"title":"需求：对element-ui的button组件实现增加鼠标悬停提示","slug":"需求-对element-ui的button组件实现增加鼠标悬停提示","link":"#需求-对element-ui的button组件实现增加鼠标悬停提示","children":[]},{"level":3,"title":"效果实现","slug":"效果实现","link":"#效果实现","children":[]},{"level":3,"title":"log打印","slug":"log打印","link":"#log打印","children":[]}]}],"relativePath":"Vue/组件通信/Api-attrs.md"}'),e={name:"Vue/组件通信/Api-attrs.md"},r=l("",18),c=[r];function D(F,i,y,C,A,d){return a(),n("div",null,c)}const g=s(e,[["render",D]]);export{h as __pageData,g as default};
diff --git "a/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-parent.md.9f04918c.js" "b/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-parent.md.3107773e.js"
similarity index 99%
rename from "assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-parent.md.9f04918c.js"
rename to "assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-parent.md.3107773e.js"
index adbdab9..f76e3ce 100644
--- "a/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-parent.md.9f04918c.js"
+++ "b/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-parent.md.3107773e.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const A=JSON.parse('{"title":"$parent/$children 与 ref","description":"","frontmatter":{},"headers":[{"level":3,"title":"在DOM元素或组件上使用refs属性可以迅速进行dom定位，详细使用请见官网","slug":"在dom元素或组件上使用refs属性可以迅速进行dom定位-详细使用请见官网","link":"#在dom元素或组件上使用refs属性可以迅速进行dom定位-详细使用请见官网","children":[]},{"level":2,"title":"再此重点介绍$parent/$children的使用","slug":"再此重点介绍-parent-children的使用","link":"#再此重点介绍-parent-children的使用","children":[]}],"relativePath":"Vue/组件通信/Api-parent.md"}'),p={name:"Vue/组件通信/Api-parent.md"},o=l(`
    $parent/$children 与 ref 
    在DOM元素或组件上使用refs属性可以迅速进行dom定位，详细使用请见官网 
    DANGER
    $refs 只会在组件渲染完成之后生效，并且它们不是响应式的。这仅作为一个用于直接操作子组件的“逃生舱”——你应该避免在模板或计算属性中访问 $refs。
    再此重点介绍$parent/$children的使用 
    1. 使用this.$refs.paramsName能更快的获取操作子组件属性值或函数
    使用$children[i].paramsName 来获取某个子组件的属性值或函数，$children返回的是一个子组件数组
    html
    <template>
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const A=JSON.parse('{"title":"$parent/$children 与 ref","description":"","frontmatter":{},"headers":[{"level":3,"title":"在DOM元素或组件上使用refs属性可以迅速进行dom定位，详细使用请见官网","slug":"在dom元素或组件上使用refs属性可以迅速进行dom定位-详细使用请见官网","link":"#在dom元素或组件上使用refs属性可以迅速进行dom定位-详细使用请见官网","children":[]},{"level":2,"title":"再此重点介绍$parent/$children的使用","slug":"再此重点介绍-parent-children的使用","link":"#再此重点介绍-parent-children的使用","children":[]}],"relativePath":"Vue/组件通信/Api-parent.md"}'),p={name:"Vue/组件通信/Api-parent.md"},o=l(`
    $parent/$children 与 ref 
    在DOM元素或组件上使用refs属性可以迅速进行dom定位，详细使用请见官网 
    DANGER
    $refs 只会在组件渲染完成之后生效，并且它们不是响应式的。这仅作为一个用于直接操作子组件的“逃生舱”——你应该避免在模板或计算属性中访问 $refs。
    再此重点介绍$parent/$children的使用 
    1. 使用this.$refs.paramsName能更快的获取操作子组件属性值或函数
    使用$children[i].paramsName 来获取某个子组件的属性值或函数，$children返回的是一个子组件数组
    html
    <template>
     <div class="parent">
         <Childone></Childone>
         <Childtwo></Childtwo>
diff --git "a/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-parent.md.9f04918c.lean.js" "b/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-parent.md.3107773e.lean.js"
similarity index 92%
rename from "assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-parent.md.9f04918c.lean.js"
rename to "assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-parent.md.3107773e.lean.js"
index 3fb7e3d..c1a0ee0 100644
--- "a/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-parent.md.9f04918c.lean.js"
+++ "b/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-parent.md.3107773e.lean.js"
@@ -1 +1 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const A=JSON.parse('{"title":"$parent/$children 与 ref","description":"","frontmatter":{},"headers":[{"level":3,"title":"在DOM元素或组件上使用refs属性可以迅速进行dom定位，详细使用请见官网","slug":"在dom元素或组件上使用refs属性可以迅速进行dom定位-详细使用请见官网","link":"#在dom元素或组件上使用refs属性可以迅速进行dom定位-详细使用请见官网","children":[]},{"level":2,"title":"再此重点介绍$parent/$children的使用","slug":"再此重点介绍-parent-children的使用","link":"#再此重点介绍-parent-children的使用","children":[]}],"relativePath":"Vue/组件通信/Api-parent.md"}'),p={name:"Vue/组件通信/Api-parent.md"},o=l("",10),t=[o];function e(c,r,D,F,y,i){return a(),n("div",null,t)}const d=s(p,[["render",e]]);export{A as __pageData,d as default};
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const A=JSON.parse('{"title":"$parent/$children 与 ref","description":"","frontmatter":{},"headers":[{"level":3,"title":"在DOM元素或组件上使用refs属性可以迅速进行dom定位，详细使用请见官网","slug":"在dom元素或组件上使用refs属性可以迅速进行dom定位-详细使用请见官网","link":"#在dom元素或组件上使用refs属性可以迅速进行dom定位-详细使用请见官网","children":[]},{"level":2,"title":"再此重点介绍$parent/$children的使用","slug":"再此重点介绍-parent-children的使用","link":"#再此重点介绍-parent-children的使用","children":[]}],"relativePath":"Vue/组件通信/Api-parent.md"}'),p={name:"Vue/组件通信/Api-parent.md"},o=l("",10),t=[o];function e(c,r,D,F,y,i){return a(),n("div",null,t)}const d=s(p,[["render",e]]);export{A as __pageData,d as default};
diff --git "a/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-props.md.1fc0fa94.js" "b/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-props.md.a6b350c9.js"
similarity index 99%
rename from "assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-props.md.1fc0fa94.js"
rename to "assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-props.md.a6b350c9.js"
index efc75bb..e3d01ad 100644
--- "a/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-props.md.1fc0fa94.js"
+++ "b/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-props.md.a6b350c9.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const C=JSON.parse('{"title":"props/$emit","description":"","frontmatter":{},"headers":[{"level":3,"title":"1.1props配置项","slug":"_1-1props配置项","link":"#_1-1props配置项","children":[]},{"level":3,"title":"1.2关于props的注意","slug":"_1-2关于props的注意","link":"#_1-2关于props的注意","children":[]},{"level":2,"title":"2.组件自定义事件","slug":"_2-组件自定义事件","link":"#_2-组件自定义事件","children":[]}],"relativePath":"Vue/组件通信/Api-props.md"}'),p={name:"Vue/组件通信/Api-props.md"},o=l(`
    props/$emit 
    1.1props配置项 
    1. 功能：让组件接收外部传过来的数据
    2. 传递数据：<Demo name="xxx"/>
    3. 接收数据： 
      • 第一种方式（只接收）：props:['name'] 
      • 第二种方式（限制类型）：props:{name:String}
      • 第三种方式（限制类型、限制必要性、指定默认值）：
    js
    props:{
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const C=JSON.parse('{"title":"props/$emit","description":"","frontmatter":{},"headers":[{"level":3,"title":"1.1props配置项","slug":"_1-1props配置项","link":"#_1-1props配置项","children":[]},{"level":3,"title":"1.2关于props的注意","slug":"_1-2关于props的注意","link":"#_1-2关于props的注意","children":[]},{"level":2,"title":"2.组件自定义事件","slug":"_2-组件自定义事件","link":"#_2-组件自定义事件","children":[]}],"relativePath":"Vue/组件通信/Api-props.md"}'),p={name:"Vue/组件通信/Api-props.md"},o=l(`
    props/$emit 
    1.1props配置项 
    1. 功能：让组件接收外部传过来的数据
    2. 传递数据：<Demo name="xxx"/>
    3. 接收数据： 
      • 第一种方式（只接收）：props:['name'] 
      • 第二种方式（限制类型）：props:{name:String}
      • 第三种方式（限制类型、限制必要性、指定默认值）：
    js
    props:{
 	name:{
 	type:String, //类型
 	required:true, //必要性
diff --git "a/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-props.md.1fc0fa94.lean.js" "b/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-props.md.a6b350c9.lean.js"
similarity index 91%
rename from "assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-props.md.1fc0fa94.lean.js"
rename to "assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-props.md.a6b350c9.lean.js"
index 0c620e3..c1c6410 100644
--- "a/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-props.md.1fc0fa94.lean.js"
+++ "b/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-props.md.a6b350c9.lean.js"
@@ -1 +1 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const C=JSON.parse('{"title":"props/$emit","description":"","frontmatter":{},"headers":[{"level":3,"title":"1.1props配置项","slug":"_1-1props配置项","link":"#_1-1props配置项","children":[]},{"level":3,"title":"1.2关于props的注意","slug":"_1-2关于props的注意","link":"#_1-2关于props的注意","children":[]},{"level":2,"title":"2.组件自定义事件","slug":"_2-组件自定义事件","link":"#_2-组件自定义事件","children":[]}],"relativePath":"Vue/组件通信/Api-props.md"}'),p={name:"Vue/组件通信/Api-props.md"},o=l("",13),t=[o];function e(c,r,F,y,D,i){return a(),n("div",null,t)}const A=s(p,[["render",e]]);export{C as __pageData,A as default};
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const C=JSON.parse('{"title":"props/$emit","description":"","frontmatter":{},"headers":[{"level":3,"title":"1.1props配置项","slug":"_1-1props配置项","link":"#_1-1props配置项","children":[]},{"level":3,"title":"1.2关于props的注意","slug":"_1-2关于props的注意","link":"#_1-2关于props的注意","children":[]},{"level":2,"title":"2.组件自定义事件","slug":"_2-组件自定义事件","link":"#_2-组件自定义事件","children":[]}],"relativePath":"Vue/组件通信/Api-props.md"}'),p={name:"Vue/组件通信/Api-props.md"},o=l("",13),t=[o];function e(c,r,F,y,D,i){return a(),n("div",null,t)}const A=s(p,[["render",e]]);export{C as __pageData,A as default};
diff --git "a/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-provide.md.ccf20d43.js" "b/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-provide.md.a890f31b.js"
similarity index 99%
rename from "assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-provide.md.ccf20d43.js"
rename to "assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-provide.md.a890f31b.js"
index df231e0..975a114 100644
--- "a/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-provide.md.ccf20d43.js"
+++ "b/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-provide.md.a890f31b.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const A=JSON.parse('{"title":"provide/inject","description":"","frontmatter":{},"headers":[{"level":2,"title":"使用前言","slug":"使用前言","link":"#使用前言","children":[]},{"level":2,"title":"基本知识","slug":"基本知识","link":"#基本知识","children":[]},{"level":2,"title":"一、Vue2 的 provide / inject 使用","slug":"一、vue2-的-provide-inject-使用","link":"#一、vue2-的-provide-inject-使用","children":[]}],"relativePath":"Vue/组件通信/Api-provide.md"}'),p={name:"Vue/组件通信/Api-provide.md"},o=l(`
    provide/inject 
    使用前言 
    在父子组件传递数据时，通常使用的是 props 和 emit。当父传子时，使用的是 props，如果是父组件传孙组件时，就需要先传给子组件，子组件再传给孙组件，如果多个子组件或多个孙组件使用时，就需要传很多次，会很麻烦。
    像这种情况，可以使用 provide 和 inject 解决这种问题，不论组件嵌套多深，父组件都可以为所有子组件或孙组件提供数据，父组件使用 provide 提供数据，子组件或孙组件 inject 注入数据。
    注意：provide 和 inject 绑定并不是可响应的。这是刻意为之的。然而，如果你传入了一个可监听的对象，那么其对象的 property 还是可响应的。
    基本知识 
    provide ：一个对象或返回一个对象的函数
    inject ：一个字符串数组，或 一个对象，对象的 [key] 是本地的绑定名
    一、Vue2 的 provide / inject 使用 
    1. 用provide ：是一个对象，里面是属性和值。如：
    js
    provide:{
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const A=JSON.parse('{"title":"provide/inject","description":"","frontmatter":{},"headers":[{"level":2,"title":"使用前言","slug":"使用前言","link":"#使用前言","children":[]},{"level":2,"title":"基本知识","slug":"基本知识","link":"#基本知识","children":[]},{"level":2,"title":"一、Vue2 的 provide / inject 使用","slug":"一、vue2-的-provide-inject-使用","link":"#一、vue2-的-provide-inject-使用","children":[]}],"relativePath":"Vue/组件通信/Api-provide.md"}'),p={name:"Vue/组件通信/Api-provide.md"},o=l(`
    provide/inject 
    使用前言 
    在父子组件传递数据时，通常使用的是 props 和 emit。当父传子时，使用的是 props，如果是父组件传孙组件时，就需要先传给子组件，子组件再传给孙组件，如果多个子组件或多个孙组件使用时，就需要传很多次，会很麻烦。
    像这种情况，可以使用 provide 和 inject 解决这种问题，不论组件嵌套多深，父组件都可以为所有子组件或孙组件提供数据，父组件使用 provide 提供数据，子组件或孙组件 inject 注入数据。
    注意：provide 和 inject 绑定并不是可响应的。这是刻意为之的。然而，如果你传入了一个可监听的对象，那么其对象的 property 还是可响应的。
    基本知识 
    provide ：一个对象或返回一个对象的函数
    inject ：一个字符串数组，或 一个对象，对象的 [key] 是本地的绑定名
    一、Vue2 的 provide / inject 使用 
    1. 用provide ：是一个对象，里面是属性和值。如：
    js
    provide:{
   info:"值"
 }
 
    1. 如果 provide 需要使用 data 内的数据时，这样写就会报错。访问组件实例 property 时，需要将 provide 转换为返回对象的函数。
    js
    provide(){
diff --git "a/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-provide.md.ccf20d43.lean.js" "b/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-provide.md.a890f31b.lean.js"
similarity index 91%
rename from "assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-provide.md.ccf20d43.lean.js"
rename to "assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-provide.md.a890f31b.lean.js"
index 41ca572..1d4645f 100644
--- "a/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-provide.md.ccf20d43.lean.js"
+++ "b/assets/Vue_\347\273\204\344\273\266\351\200\232\344\277\241_Api-provide.md.a890f31b.lean.js"
@@ -1 +1 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const A=JSON.parse('{"title":"provide/inject","description":"","frontmatter":{},"headers":[{"level":2,"title":"使用前言","slug":"使用前言","link":"#使用前言","children":[]},{"level":2,"title":"基本知识","slug":"基本知识","link":"#基本知识","children":[]},{"level":2,"title":"一、Vue2 的 provide / inject 使用","slug":"一、vue2-的-provide-inject-使用","link":"#一、vue2-的-provide-inject-使用","children":[]}],"relativePath":"Vue/组件通信/Api-provide.md"}'),p={name:"Vue/组件通信/Api-provide.md"},o=l("",31),e=[o];function c(t,r,D,y,F,i){return a(),n("div",null,e)}const d=s(p,[["render",c]]);export{A as __pageData,d as default};
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const A=JSON.parse('{"title":"provide/inject","description":"","frontmatter":{},"headers":[{"level":2,"title":"使用前言","slug":"使用前言","link":"#使用前言","children":[]},{"level":2,"title":"基本知识","slug":"基本知识","link":"#基本知识","children":[]},{"level":2,"title":"一、Vue2 的 provide / inject 使用","slug":"一、vue2-的-provide-inject-使用","link":"#一、vue2-的-provide-inject-使用","children":[]}],"relativePath":"Vue/组件通信/Api-provide.md"}'),p={name:"Vue/组件通信/Api-provide.md"},o=l("",31),e=[o];function c(t,r,D,y,F,i){return a(),n("div",null,e)}const d=s(p,[["render",c]]);export{A as __pageData,d as default};
diff --git a/assets/app.e7d182be.js b/assets/app.136603a1.js
similarity index 83%
rename from assets/app.e7d182be.js
rename to assets/app.136603a1.js
index 2c7a63c..a49ac68 100644
--- a/assets/app.e7d182be.js
+++ b/assets/app.136603a1.js
@@ -1,8 +1,8 @@
-function Os(e,t){const n=Object.create(null),s=e.split(",");for(let o=0;o!!n[o.toLowerCase()]:o=>!!n[o]}function zn(e){if(K(e)){const t={};for(let n=0;n{if(n){const s=n.split(Vr);s.length>1&&(t[s[0].trim()]=s[1].trim())}}),t}function de(e){let t="";if(xe(e))t=e;else if(K(e))for(let n=0;nxe(e)?e:e==null?"":K(e)||ve(e)&&(e.toString===mi||!Q(e.toString))?JSON.stringify(e,hi,2):String(e),hi=(e,t)=>t&&t.__v_isRef?hi(e,t.value):Ot(t)?{[`Map(${t.size})`]:[...t.entries()].reduce((n,[s,o])=>(n[`${s} =>`]=o,n),{})}:_i(t)?{[`Set(${t.size})`]:[...t.values()]}:ve(t)&&!K(t)&&!vi(t)?String(t):t,ge={},Nt=[],Je=()=>{},Ir=()=>!1,Nr=/^on[^a-z]/,pn=e=>Nr.test(e),Bs=e=>e.startsWith("onUpdate:"),we=Object.assign,Hs=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},Or=Object.prototype.hasOwnProperty,ie=(e,t)=>Or.call(e,t),K=Array.isArray,Ot=e=>Un(e)==="[object Map]",_i=e=>Un(e)==="[object Set]",Q=e=>typeof e=="function",xe=e=>typeof e=="string",Fs=e=>typeof e=="symbol",ve=e=>e!==null&&typeof e=="object",pi=e=>ve(e)&&Q(e.then)&&Q(e.catch),mi=Object.prototype.toString,Un=e=>mi.call(e),Br=e=>Un(e).slice(8,-1),vi=e=>Un(e)==="[object Object]",Rs=e=>xe(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,tn=Os(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),jn=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},Hr=/-(\w)/g,tt=jn(e=>e.replace(Hr,(t,n)=>n?n.toUpperCase():"")),Fr=/\B([A-Z])/g,Wt=jn(e=>e.replace(Fr,"-$1").toLowerCase()),Kn=jn(e=>e.charAt(0).toUpperCase()+e.slice(1)),cs=jn(e=>e?`on${Kn(e)}`:""),cn=(e,t)=>!Object.is(e,t),as=(e,t)=>{for(let n=0;n{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:n})},Ds=e=>{const t=parseFloat(e);return isNaN(t)?e:t};let bo;const Rr=()=>bo||(bo=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});let Ie;class Dr{constructor(t=!1){this.detached=t,this.active=!0,this.effects=[],this.cleanups=[],this.parent=Ie,!t&&Ie&&(this.index=(Ie.scopes||(Ie.scopes=[])).push(this)-1)}run(t){if(this.active){const n=Ie;try{return Ie=this,t()}finally{Ie=n}}}on(){Ie=this}off(){Ie=this.parent}stop(t){if(this.active){let n,s;for(n=0,s=this.effects.length;n{const t=new Set(e);return t.w=0,t.n=0,t},gi=e=>(e.w&ht)>0,bi=e=>(e.n&ht)>0,Kr=({deps:e})=>{if(e.length)for(let t=0;t{const{deps:t}=e;if(t.length){let n=0;for(let s=0;s{(h==="length"||h>=c)&&l.push(f)})}else switch(n!==void 0&&l.push(r.get(n)),t){case"add":K(e)?Rs(n)&&l.push(r.get("length")):(l.push(r.get(Ct)),Ot(e)&&l.push(r.get(xs)));break;case"delete":K(e)||(l.push(r.get(Ct)),Ot(e)&&l.push(r.get(xs)));break;case"set":Ot(e)&&l.push(r.get(Ct));break}if(l.length===1)l[0]&&ks(l[0]);else{const c=[];for(const f of l)f&&c.push(...f);ks(zs(c))}}function ks(e,t){const n=K(e)?e:[...e];for(const s of n)s.computed&&xo(s);for(const s of n)s.computed||xo(s)}function xo(e,t){(e!==je||e.allowRecurse)&&(e.scheduler?e.scheduler():e.run())}const qr=Os("__proto__,__v_isRef,__isVue"),ki=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(Fs)),Wr=js(),Gr=js(!1,!0),Yr=js(!0),ko=Qr();function Qr(){const e={};return["includes","indexOf","lastIndexOf"].forEach(t=>{e[t]=function(...n){const s=ce(this);for(let i=0,r=this.length;i{e[t]=function(...n){Gt();const s=ce(this)[t].apply(this,n);return Yt(),s}}),e}function js(e=!1,t=!1){return function(s,o,i){if(o==="__v_isReactive")return!e;if(o==="__v_isReadonly")return e;if(o==="__v_isShallow")return t;if(o==="__v_raw"&&i===(e?t?hl:Ci:t?Si:Pi).get(s))return s;const r=K(s);if(!e&&r&&ie(ko,o))return Reflect.get(ko,o,i);const l=Reflect.get(s,o,i);return(Fs(o)?ki.has(o):qr(o))||(e||Be(s,"get",o),t)?l:Pe(l)?r&&Rs(o)?l:l.value:ve(l)?e?qs(l):qn(l):l}}const Xr=wi(),Zr=wi(!0);function wi(e=!1){return function(n,s,o,i){let r=n[s];if(jt(r)&&Pe(r)&&!Pe(o))return!1;if(!e&&(!Ln(o)&&!jt(o)&&(r=ce(r),o=ce(o)),!K(n)&&Pe(r)&&!Pe(o)))return r.value=o,!0;const l=K(n)&&Rs(s)?Number(s)e,Jn=e=>Reflect.getPrototypeOf(e);function bn(e,t,n=!1,s=!1){e=e.__v_raw;const o=ce(e),i=ce(t);n||(t!==i&&Be(o,"get",t),Be(o,"get",i));const{has:r}=Jn(o),l=s?Ks:n?Gs:an;if(r.call(o,t))return l(e.get(t));if(r.call(o,i))return l(e.get(i));e!==o&&e.get(t)}function yn(e,t=!1){const n=this.__v_raw,s=ce(n),o=ce(e);return t||(e!==o&&Be(s,"has",e),Be(s,"has",o)),e===o?n.has(e):n.has(e)||n.has(o)}function xn(e,t=!1){return e=e.__v_raw,!t&&Be(ce(e),"iterate",Ct),Reflect.get(e,"size",e)}function wo(e){e=ce(e);const t=ce(this);return Jn(t).has.call(t,e)||(t.add(e),ot(t,"add",e,e)),this}function $o(e,t){t=ce(t);const n=ce(this),{has:s,get:o}=Jn(n);let i=s.call(n,e);i||(e=ce(e),i=s.call(n,e));const r=o.call(n,e);return n.set(e,t),i?cn(t,r)&&ot(n,"set",e,t):ot(n,"add",e,t),this}function Po(e){const t=ce(this),{has:n,get:s}=Jn(t);let o=n.call(t,e);o||(e=ce(e),o=n.call(t,e)),s&&s.call(t,e);const i=t.delete(e);return o&&ot(t,"delete",e,void 0),i}function So(){const e=ce(this),t=e.size!==0,n=e.clear();return t&&ot(e,"clear",void 0,void 0),n}function kn(e,t){return function(s,o){const i=this,r=i.__v_raw,l=ce(r),c=t?Ks:e?Gs:an;return!e&&Be(l,"iterate",Ct),r.forEach((f,h)=>s.call(o,c(f),c(h),i))}}function wn(e,t,n){return function(...s){const o=this.__v_raw,i=ce(o),r=Ot(i),l=e==="entries"||e===Symbol.iterator&&r,c=e==="keys"&&r,f=o[e](...s),h=n?Ks:t?Gs:an;return!t&&Be(i,"iterate",c?xs:Ct),{next(){const{value:p,done:g}=f.next();return g?{value:p,done:g}:{value:l?[h(p[0]),h(p[1])]:h(p),done:g}},[Symbol.iterator](){return this}}}}function rt(e){return function(...t){return e==="delete"?!1:this}}function il(){const e={get(i){return bn(this,i)},get size(){return xn(this)},has:yn,add:wo,set:$o,delete:Po,clear:So,forEach:kn(!1,!1)},t={get(i){return bn(this,i,!1,!0)},get size(){return xn(this)},has:yn,add:wo,set:$o,delete:Po,clear:So,forEach:kn(!1,!0)},n={get(i){return bn(this,i,!0)},get size(){return xn(this,!0)},has(i){return yn.call(this,i,!0)},add:rt("add"),set:rt("set"),delete:rt("delete"),clear:rt("clear"),forEach:kn(!0,!1)},s={get(i){return bn(this,i,!0,!0)},get size(){return xn(this,!0)},has(i){return yn.call(this,i,!0)},add:rt("add"),set:rt("set"),delete:rt("delete"),clear:rt("clear"),forEach:kn(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(i=>{e[i]=wn(i,!1,!1),n[i]=wn(i,!0,!1),t[i]=wn(i,!1,!0),s[i]=wn(i,!0,!0)}),[e,n,t,s]}const[rl,ll,cl,al]=il();function Js(e,t){const n=t?e?al:cl:e?ll:rl;return(s,o,i)=>o==="__v_isReactive"?!e:o==="__v_isReadonly"?e:o==="__v_raw"?s:Reflect.get(ie(n,o)&&o in s?n:s,o,i)}const ul={get:Js(!1,!1)},fl={get:Js(!1,!0)},dl={get:Js(!0,!1)},Pi=new WeakMap,Si=new WeakMap,Ci=new WeakMap,hl=new WeakMap;function _l(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function pl(e){return e.__v_skip||!Object.isExtensible(e)?0:_l(Br(e))}function qn(e){return jt(e)?e:Ws(e,!1,$i,ul,Pi)}function ml(e){return Ws(e,!1,ol,fl,Si)}function qs(e){return Ws(e,!0,sl,dl,Ci)}function Ws(e,t,n,s,o){if(!ve(e)||e.__v_raw&&!(t&&e.__v_isReactive))return e;const i=o.get(e);if(i)return i;const r=pl(e);if(r===0)return e;const l=new Proxy(e,r===2?s:n);return o.set(e,l),l}function Bt(e){return jt(e)?Bt(e.__v_raw):!!(e&&e.__v_isReactive)}function jt(e){return!!(e&&e.__v_isReadonly)}function Ln(e){return!!(e&&e.__v_isShallow)}function Ti(e){return Bt(e)||jt(e)}function ce(e){const t=e&&e.__v_raw;return t?ce(t):e}function nn(e){return En(e,"__v_skip",!0),e}const an=e=>ve(e)?qn(e):e,Gs=e=>ve(e)?qs(e):e;function Vi(e){ft&&je&&(e=ce(e),xi(e.dep||(e.dep=zs())))}function Ei(e,t){e=ce(e),e.dep&&ks(e.dep)}function Pe(e){return!!(e&&e.__v_isRef===!0)}function _e(e){return Li(e,!1)}function vl(e){return Li(e,!0)}function Li(e,t){return Pe(e)?e:new gl(e,t)}class gl{constructor(t,n){this.__v_isShallow=n,this.dep=void 0,this.__v_isRef=!0,this._rawValue=n?t:ce(t),this._value=n?t:an(t)}get value(){return Vi(this),this._value}set value(t){const n=this.__v_isShallow||Ln(t)||jt(t);t=n?t:ce(t),cn(t,this._rawValue)&&(this._rawValue=t,this._value=n?t:an(t),Ei(this))}}function _(e){return Pe(e)?e.value:e}const bl={get:(e,t,n)=>_(Reflect.get(e,t,n)),set:(e,t,n,s)=>{const o=e[t];return Pe(o)&&!Pe(n)?(o.value=n,!0):Reflect.set(e,t,n,s)}};function Mi(e){return Bt(e)?e:new Proxy(e,bl)}var Ai;class yl{constructor(t,n,s,o){this._setter=n,this.dep=void 0,this.__v_isRef=!0,this[Ai]=!1,this._dirty=!0,this.effect=new Us(t,()=>{this._dirty||(this._dirty=!0,Ei(this))}),this.effect.computed=this,this.effect.active=this._cacheable=!o,this.__v_isReadonly=s}get value(){const t=ce(this);return Vi(t),(t._dirty||!t._cacheable)&&(t._dirty=!1,t._value=t.effect.run()),t._value}set value(t){this._setter(t)}}Ai="__v_isReadonly";function xl(e,t,n=!1){let s,o;const i=Q(e);return i?(s=e,o=Je):(s=e.get,o=e.set),new yl(s,o,i||!o,n)}function dt(e,t,n,s){let o;try{o=s?e(...s):e()}catch(i){Wn(i,t,n)}return o}function Re(e,t,n,s){if(Q(e)){const i=dt(e,t,n,s);return i&&pi(i)&&i.catch(r=>{Wn(r,t,n)}),i}const o=[];for(let i=0;i>>1;fn($e[s])Ze&&$e.splice(t,1)}function Pl(e){K(e)?Ht.push(...e):(!st||!st.includes(e,e.allowRecurse?wt+1:wt))&&Ht.push(e),Ni()}function Co(e,t=un?Ze+1:0){for(;t<$e.length;t++){const n=$e[t];n&&n.pre&&($e.splice(t,1),t--,n())}}function Mn(e){if(Ht.length){const t=[...new Set(Ht)];if(Ht.length=0,st){st.push(...t);return}for(st=t,st.sort((n,s)=>fn(n)-fn(s)),wt=0;wte.id==null?1/0:e.id,Sl=(e,t)=>{const n=fn(e)-fn(t);if(n===0){if(e.pre&&!t.pre)return-1;if(t.pre&&!e.pre)return 1}return n};function Oi(e){ws=!1,un=!0,$e.sort(Sl);const t=Je;try{for(Ze=0;Ze<$e.length;Ze++){const n=$e[Ze];n&&n.active!==!1&&dt(n,null,14)}}finally{Ze=0,$e.length=0,Mn(),un=!1,Ys=null,($e.length||Ht.length)&&Oi()}}function Cl(e,t,...n){if(e.isUnmounted)return;const s=e.vnode.props||ge;let o=n;const i=t.startsWith("update:"),r=i&&t.slice(7);if(r&&r in s){const h=`${r==="modelValue"?"model":r}Modifiers`,{number:p,trim:g}=s[h]||ge;g&&(o=n.map($=>xe($)?$.trim():$)),p&&(o=n.map(Ds))}let l,c=s[l=cs(t)]||s[l=cs(tt(t))];!c&&i&&(c=s[l=cs(Wt(t))]),c&&Re(c,e,6,o);const f=s[l+"Once"];if(f){if(!e.emitted)e.emitted={};else if(e.emitted[l])return;e.emitted[l]=!0,Re(f,e,6,o)}}function Bi(e,t,n=!1){const s=t.emitsCache,o=s.get(e);if(o!==void 0)return o;const i=e.emits;let r={},l=!1;if(!Q(e)){const c=f=>{const h=Bi(f,t,!0);h&&(l=!0,we(r,h))};!n&&t.mixins.length&&t.mixins.forEach(c),e.extends&&c(e.extends),e.mixins&&e.mixins.forEach(c)}return!i&&!l?(ve(e)&&s.set(e,null),null):(K(i)?i.forEach(c=>r[c]=null):we(r,i),ve(e)&&s.set(e,r),r)}function Gn(e,t){return!e||!pn(t)?!1:(t=t.slice(2).replace(/Once$/,""),ie(e,t[0].toLowerCase()+t.slice(1))||ie(e,Wt(t))||ie(e,t))}let Se=null,Yn=null;function An(e){const t=Se;return Se=e,Yn=e&&e.type.__scopeId||null,t}function qe(e){Yn=e}function We(){Yn=null}function A(e,t=Se,n){if(!t||e._n)return e;const s=(...o)=>{s._d&&Bo(-1);const i=An(t);let r;try{r=e(...o)}finally{An(i),s._d&&Bo(1)}return r};return s._n=!0,s._c=!0,s._d=!0,s}function us(e){const{type:t,vnode:n,proxy:s,withProxy:o,props:i,propsOptions:[r],slots:l,attrs:c,emit:f,render:h,renderCache:p,data:g,setupState:$,ctx:j,inheritAttrs:H}=e;let se,k;const E=An(e);try{if(n.shapeFlag&4){const W=o||s;se=Ue(h.call(W,W,p,i,$,g,j)),k=c}else{const W=t;se=Ue(W.length>1?W(i,{attrs:c,slots:l,emit:f}):W(i,null)),k=t.props?c:Tl(c)}}catch(W){on.length=0,Wn(W,e,1),se=V(Oe)}let I=se;if(k&&H!==!1){const W=Object.keys(k),{shapeFlag:Z}=I;W.length&&Z&7&&(r&&W.some(Bs)&&(k=Vl(k,r)),I=_t(I,k))}return n.dirs&&(I=_t(I),I.dirs=I.dirs?I.dirs.concat(n.dirs):n.dirs),n.transition&&(I.transition=n.transition),se=I,An(E),se}const Tl=e=>{let t;for(const n in e)(n==="class"||n==="style"||pn(n))&&((t||(t={}))[n]=e[n]);return t},Vl=(e,t)=>{const n={};for(const s in e)(!Bs(s)||!(s.slice(9)in t))&&(n[s]=e[s]);return n};function El(e,t,n){const{props:s,children:o,component:i}=e,{props:r,children:l,patchFlag:c}=t,f=i.emitsOptions;if(t.dirs||t.transition)return!0;if(n&&c>=0){if(c&1024)return!0;if(c&16)return s?To(s,r,f):!!r;if(c&8){const h=t.dynamicProps;for(let p=0;pe.__isSuspense;function Hi(e,t){t&&t.pendingBranch?K(e)?t.effects.push(...e):t.effects.push(e):Pl(e)}function Ft(e,t){if(ke){let n=ke.provides;const s=ke.parent&&ke.parent.provides;s===n&&(n=ke.provides=Object.create(s)),n[e]=t}}function Ne(e,t,n=!1){const s=ke||Se;if(s){const o=s.parent==null?s.vnode.appContext&&s.vnode.appContext.provides:s.parent.provides;if(o&&e in o)return o[e];if(arguments.length>1)return n&&Q(t)?t.call(s.proxy):t}}function Vt(e,t){return Qn(e,null,t)}function Fi(e,t){return Qn(e,null,{flush:"post"})}const $n={};function et(e,t,n){return Qn(e,t,n)}function Qn(e,t,{immediate:n,deep:s,flush:o,onTrack:i,onTrigger:r}=ge){const l=ke;let c,f=!1,h=!1;if(Pe(e)?(c=()=>e.value,f=Ln(e)):Bt(e)?(c=()=>e,s=!0):K(e)?(h=!0,f=e.some(I=>Bt(I)||Ln(I)),c=()=>e.map(I=>{if(Pe(I))return I.value;if(Bt(I))return It(I);if(Q(I))return dt(I,l,2)})):Q(e)?t?c=()=>dt(e,l,2):c=()=>{if(!(l&&l.isUnmounted))return p&&p(),Re(e,l,3,[g])}:c=Je,t&&s){const I=c;c=()=>It(I())}let p,g=I=>{p=k.onStop=()=>{dt(I,l,4)}},$;if(hn)if(g=Je,t?n&&Re(t,l,3,[c(),h?[]:void 0,g]):c(),o==="sync"){const I=$c();$=I.__watcherHandles||(I.__watcherHandles=[])}else return Je;let j=h?new Array(e.length).fill($n):$n;const H=()=>{if(k.active)if(t){const I=k.run();(s||f||(h?I.some((W,Z)=>cn(W,j[Z])):cn(I,j)))&&(p&&p(),Re(t,l,3,[I,j===$n?void 0:h&&j[0]===$n?[]:j,g]),j=I)}else k.run()};H.allowRecurse=!!t;let se;o==="sync"?se=H:o==="post"?se=()=>Le(H,l&&l.suspense):(H.pre=!0,l&&(H.id=l.uid),se=()=>Xs(H));const k=new Us(c,se);t?n?H():j=k.run():o==="post"?Le(k.run.bind(k),l&&l.suspense):k.run();const E=()=>{k.stop(),l&&l.scope&&Hs(l.scope.effects,k)};return $&&$.push(E),E}function Al(e,t,n){const s=this.proxy,o=xe(e)?e.includes(".")?Ri(s,e):()=>s[e]:e.bind(s,s);let i;Q(t)?i=t:(i=t.handler,n=t);const r=ke;Jt(this);const l=Qn(o,i.bind(s),n);return r?Jt(r):Tt(),l}function Ri(e,t){const n=t.split(".");return()=>{let s=e;for(let o=0;o{It(n,t)});else if(vi(e))for(const n in e)It(e[n],t);return e}function Il(){const e={isMounted:!1,isLeaving:!1,isUnmounting:!1,leavingVNodes:new Map};return De(()=>{e.isMounted=!0}),Ki(()=>{e.isUnmounting=!0}),e}const He=[Function,Array],Nl={name:"BaseTransition",props:{mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:He,onEnter:He,onAfterEnter:He,onEnterCancelled:He,onBeforeLeave:He,onLeave:He,onAfterLeave:He,onLeaveCancelled:He,onBeforeAppear:He,onAppear:He,onAfterAppear:He,onAppearCancelled:He},setup(e,{slots:t}){const n=ts(),s=Il();let o;return()=>{const i=t.default&&Ui(t.default(),!0);if(!i||!i.length)return;let r=i[0];if(i.length>1){for(const H of i)if(H.type!==Oe){r=H;break}}const l=ce(e),{mode:c}=l;if(s.isLeaving)return fs(r);const f=Vo(r);if(!f)return fs(r);const h=$s(f,l,s,n);Ps(f,h);const p=n.subTree,g=p&&Vo(p);let $=!1;const{getTransitionKey:j}=f.type;if(j){const H=j();o===void 0?o=H:H!==o&&(o=H,$=!0)}if(g&&g.type!==Oe&&(!$t(f,g)||$)){const H=$s(g,l,s,n);if(Ps(g,H),c==="out-in")return s.isLeaving=!0,H.afterLeave=()=>{s.isLeaving=!1,n.update.active!==!1&&n.update()},fs(r);c==="in-out"&&f.type!==Oe&&(H.delayLeave=(se,k,E)=>{const I=zi(s,g);I[String(g.key)]=g,se._leaveCb=()=>{k(),se._leaveCb=void 0,delete h.delayedLeave},h.delayedLeave=E})}return r}}},Di=Nl;function zi(e,t){const{leavingVNodes:n}=e;let s=n.get(t.type);return s||(s=Object.create(null),n.set(t.type,s)),s}function $s(e,t,n,s){const{appear:o,mode:i,persisted:r=!1,onBeforeEnter:l,onEnter:c,onAfterEnter:f,onEnterCancelled:h,onBeforeLeave:p,onLeave:g,onAfterLeave:$,onLeaveCancelled:j,onBeforeAppear:H,onAppear:se,onAfterAppear:k,onAppearCancelled:E}=t,I=String(e.key),W=zi(n,e),Z=(M,X)=>{M&&Re(M,s,9,X)},he=(M,X)=>{const Y=X[1];Z(M,X),K(M)?M.every(re=>re.length<=1)&&Y():M.length<=1&&Y()},oe={mode:i,persisted:r,beforeEnter(M){let X=l;if(!n.isMounted)if(o)X=H||l;else return;M._leaveCb&&M._leaveCb(!0);const Y=W[I];Y&&$t(e,Y)&&Y.el._leaveCb&&Y.el._leaveCb(),Z(X,[M])},enter(M){let X=c,Y=f,re=h;if(!n.isMounted)if(o)X=se||c,Y=k||f,re=E||h;else return;let O=!1;const ee=M._enterCb=R=>{O||(O=!0,R?Z(re,[M]):Z(Y,[M]),oe.delayedLeave&&oe.delayedLeave(),M._enterCb=void 0)};X?he(X,[M,ee]):ee()},leave(M,X){const Y=String(e.key);if(M._enterCb&&M._enterCb(!0),n.isUnmounting)return X();Z(p,[M]);let re=!1;const O=M._leaveCb=ee=>{re||(re=!0,X(),ee?Z(j,[M]):Z($,[M]),M._leaveCb=void 0,W[Y]===e&&delete W[Y])};W[Y]=e,g?he(g,[M,O]):O()},clone(M){return $s(M,t,n,s)}};return oe}function fs(e){if(Xn(e))return e=_t(e),e.children=null,e}function Vo(e){return Xn(e)?e.children?e.children[0]:void 0:e}function Ps(e,t){e.shapeFlag&6&&e.component?Ps(e.component.subTree,t):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function Ui(e,t=!1,n){let s=[],o=0;for(let i=0;i1)for(let i=0;i!!e.type.__asyncLoader,Xn=e=>e.type.__isKeepAlive;function Ol(e,t){ji(e,"a",t)}function Bl(e,t){ji(e,"da",t)}function ji(e,t,n=ke){const s=e.__wdc||(e.__wdc=()=>{let o=n;for(;o;){if(o.isDeactivated)return;o=o.parent}return e()});if(Zn(t,s,n),n){let o=n.parent;for(;o&&o.parent;)Xn(o.parent.vnode)&&Hl(s,t,n,o),o=o.parent}}function Hl(e,t,n,s){const o=Zn(t,e,s,!0);pt(()=>{Hs(s[t],o)},n)}function Zn(e,t,n=ke,s=!1){if(n){const o=n[e]||(n[e]=[]),i=t.__weh||(t.__weh=(...r)=>{if(n.isUnmounted)return;Gt(),Jt(n);const l=Re(t,n,e,r);return Tt(),Yt(),l});return s?o.unshift(i):o.push(i),i}}const it=e=>(t,n=ke)=>(!hn||e==="sp")&&Zn(e,(...s)=>t(...s),n),Fl=it("bm"),De=it("m"),Rl=it("bu"),Zs=it("u"),Ki=it("bum"),pt=it("um"),Dl=it("sp"),zl=it("rtg"),Ul=it("rtc");function jl(e,t=ke){Zn("ec",e,t)}function Xe(e,t,n,s){const o=e.dirs,i=t&&t.dirs;for(let r=0;rt(r,l,void 0,i&&i[l]));else{const r=Object.keys(e);o=new Array(r.length);for(let l=0,c=r.length;lOn(t)?!(t.type===Oe||t.type===G&&!Wi(t.children)):!0)?e:null}const Ss=e=>e?ir(e)?io(e)||e.proxy:Ss(e.parent):null,sn=we(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>Ss(e.parent),$root:e=>Ss(e.root),$emit:e=>e.emit,$options:e=>no(e),$forceUpdate:e=>e.f||(e.f=()=>Xs(e.update)),$nextTick:e=>e.n||(e.n=Qs.bind(e.proxy)),$watch:e=>Al.bind(e)}),ds=(e,t)=>e!==ge&&!e.__isScriptSetup&&ie(e,t),Kl={get({_:e},t){const{ctx:n,setupState:s,data:o,props:i,accessCache:r,type:l,appContext:c}=e;let f;if(t[0]!=="$"){const $=r[t];if($!==void 0)switch($){case 1:return s[t];case 2:return o[t];case 4:return n[t];case 3:return i[t]}else{if(ds(s,t))return r[t]=1,s[t];if(o!==ge&&ie(o,t))return r[t]=2,o[t];if((f=e.propsOptions[0])&&ie(f,t))return r[t]=3,i[t];if(n!==ge&&ie(n,t))return r[t]=4,n[t];Cs&&(r[t]=0)}}const h=sn[t];let p,g;if(h)return t==="$attrs"&&Be(e,"get",t),h(e);if((p=l.__cssModules)&&(p=p[t]))return p;if(n!==ge&&ie(n,t))return r[t]=4,n[t];if(g=c.config.globalProperties,ie(g,t))return g[t]},set({_:e},t,n){const{data:s,setupState:o,ctx:i}=e;return ds(o,t)?(o[t]=n,!0):s!==ge&&ie(s,t)?(s[t]=n,!0):ie(e.props,t)||t[0]==="$"&&t.slice(1)in e?!1:(i[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:s,appContext:o,propsOptions:i}},r){let l;return!!n[r]||e!==ge&&ie(e,r)||ds(t,r)||(l=i[0])&&ie(l,r)||ie(s,r)||ie(sn,r)||ie(o.config.globalProperties,r)},defineProperty(e,t,n){return n.get!=null?e._.accessCache[t]=0:ie(n,"value")&&this.set(e,t,n.value,null),Reflect.defineProperty(e,t,n)}};let Cs=!0;function Jl(e){const t=no(e),n=e.proxy,s=e.ctx;Cs=!1,t.beforeCreate&&Lo(t.beforeCreate,e,"bc");const{data:o,computed:i,methods:r,watch:l,provide:c,inject:f,created:h,beforeMount:p,mounted:g,beforeUpdate:$,updated:j,activated:H,deactivated:se,beforeDestroy:k,beforeUnmount:E,destroyed:I,unmounted:W,render:Z,renderTracked:he,renderTriggered:oe,errorCaptured:M,serverPrefetch:X,expose:Y,inheritAttrs:re,components:O,directives:ee,filters:R}=t;if(f&&ql(f,s,null,e.appContext.config.unwrapInjectedRef),r)for(const be in r){const pe=r[be];Q(pe)&&(s[be]=pe.bind(n))}if(o){const be=o.call(n,n);ve(be)&&(e.data=qn(be))}if(Cs=!0,i)for(const be in i){const pe=i[be],vt=Q(pe)?pe.bind(n,n):Q(pe.get)?pe.get.bind(n,n):Je,vn=!Q(pe)&&Q(pe.set)?pe.set.bind(n):Je,gt=ne({get:vt,set:vn});Object.defineProperty(s,be,{enumerable:!0,configurable:!0,get:()=>gt.value,set:Ye=>gt.value=Ye})}if(l)for(const be in l)Gi(l[be],s,n,be);if(c){const be=Q(c)?c.call(n):c;Reflect.ownKeys(be).forEach(pe=>{Ft(pe,be[pe])})}h&&Lo(h,e,"c");function ue(be,pe){K(pe)?pe.forEach(vt=>be(vt.bind(n))):pe&&be(pe.bind(n))}if(ue(Fl,p),ue(De,g),ue(Rl,$),ue(Zs,j),ue(Ol,H),ue(Bl,se),ue(jl,M),ue(Ul,he),ue(zl,oe),ue(Ki,E),ue(pt,W),ue(Dl,X),K(Y))if(Y.length){const be=e.exposed||(e.exposed={});Y.forEach(pe=>{Object.defineProperty(be,pe,{get:()=>n[pe],set:vt=>n[pe]=vt})})}else e.exposed||(e.exposed={});Z&&e.render===Je&&(e.render=Z),re!=null&&(e.inheritAttrs=re),O&&(e.components=O),ee&&(e.directives=ee)}function ql(e,t,n=Je,s=!1){K(e)&&(e=Ts(e));for(const o in e){const i=e[o];let r;ve(i)?"default"in i?r=Ne(i.from||o,i.default,!0):r=Ne(i.from||o):r=Ne(i),Pe(r)&&s?Object.defineProperty(t,o,{enumerable:!0,configurable:!0,get:()=>r.value,set:l=>r.value=l}):t[o]=r}}function Lo(e,t,n){Re(K(e)?e.map(s=>s.bind(t.proxy)):e.bind(t.proxy),t,n)}function Gi(e,t,n,s){const o=s.includes(".")?Ri(n,s):()=>n[s];if(xe(e)){const i=t[e];Q(i)&&et(o,i)}else if(Q(e))et(o,e.bind(n));else if(ve(e))if(K(e))e.forEach(i=>Gi(i,t,n,s));else{const i=Q(e.handler)?e.handler.bind(n):t[e.handler];Q(i)&&et(o,i,e)}}function no(e){const t=e.type,{mixins:n,extends:s}=t,{mixins:o,optionsCache:i,config:{optionMergeStrategies:r}}=e.appContext,l=i.get(t);let c;return l?c=l:!o.length&&!n&&!s?c=t:(c={},o.length&&o.forEach(f=>In(c,f,r,!0)),In(c,t,r)),ve(t)&&i.set(t,c),c}function In(e,t,n,s=!1){const{mixins:o,extends:i}=t;i&&In(e,i,n,!0),o&&o.forEach(r=>In(e,r,n,!0));for(const r in t)if(!(s&&r==="expose")){const l=Wl[r]||n&&n[r];e[r]=l?l(e[r],t[r]):t[r]}return e}const Wl={data:Mo,props:kt,emits:kt,methods:kt,computed:kt,beforeCreate:Te,created:Te,beforeMount:Te,mounted:Te,beforeUpdate:Te,updated:Te,beforeDestroy:Te,beforeUnmount:Te,destroyed:Te,unmounted:Te,activated:Te,deactivated:Te,errorCaptured:Te,serverPrefetch:Te,components:kt,directives:kt,watch:Yl,provide:Mo,inject:Gl};function Mo(e,t){return t?e?function(){return we(Q(e)?e.call(this,this):e,Q(t)?t.call(this,this):t)}:t:e}function Gl(e,t){return kt(Ts(e),Ts(t))}function Ts(e){if(K(e)){const t={};for(let n=0;n0)&&!(r&16)){if(r&8){const h=e.vnode.dynamicProps;for(let p=0;p{c=!0;const[g,$]=Qi(p,t,!0);we(r,g),$&&l.push(...$)};!n&&t.mixins.length&&t.mixins.forEach(h),e.extends&&h(e.extends),e.mixins&&e.mixins.forEach(h)}if(!i&&!c)return ve(e)&&s.set(e,Nt),Nt;if(K(i))for(let h=0;h-1,$[1]=H<0||j-1||ie($,"default"))&&l.push(p)}}}const f=[r,l];return ve(e)&&s.set(e,f),f}function Ao(e){return e[0]!=="$"}function Io(e){const t=e&&e.toString().match(/^\s*function (\w+)/);return t?t[1]:e===null?"null":""}function No(e,t){return Io(e)===Io(t)}function Oo(e,t){return K(t)?t.findIndex(n=>No(n,e)):Q(t)&&No(t,e)?0:-1}const Xi=e=>e[0]==="_"||e==="$stable",so=e=>K(e)?e.map(Ue):[Ue(e)],Zl=(e,t,n)=>{if(t._n)return t;const s=A((...o)=>so(t(...o)),n);return s._c=!1,s},Zi=(e,t,n)=>{const s=e._ctx;for(const o in e){if(Xi(o))continue;const i=e[o];if(Q(i))t[o]=Zl(o,i,s);else if(i!=null){const r=so(i);t[o]=()=>r}}},er=(e,t)=>{const n=so(t);e.slots.default=()=>n},ec=(e,t)=>{if(e.vnode.shapeFlag&32){const n=t._;n?(e.slots=ce(t),En(t,"_",n)):Zi(t,e.slots={})}else e.slots={},t&&er(e,t);En(e.slots,es,1)},tc=(e,t,n)=>{const{vnode:s,slots:o}=e;let i=!0,r=ge;if(s.shapeFlag&32){const l=t._;l?n&&l===1?i=!1:(we(o,t),!n&&l===1&&delete o._):(i=!t.$stable,Zi(t,o)),r=t}else t&&(er(e,t),r={default:1});if(i)for(const l in o)!Xi(l)&&!(l in r)&&delete o[l]};function tr(){return{app:null,config:{isNativeTag:Ir,performance:!1,globalProperties:{},optionMergeStrategies:{},errorHandler:void 0,warnHandler:void 0,compilerOptions:{}},mixins:[],components:{},directives:{},provides:Object.create(null),optionsCache:new WeakMap,propsCache:new WeakMap,emitsCache:new WeakMap}}let nc=0;function sc(e,t){return function(s,o=null){Q(s)||(s=Object.assign({},s)),o!=null&&!ve(o)&&(o=null);const i=tr(),r=new Set;let l=!1;const c=i.app={_uid:nc++,_component:s,_props:o,_container:null,_context:i,_instance:null,version:Pc,get config(){return i.config},set config(f){},use(f,...h){return r.has(f)||(f&&Q(f.install)?(r.add(f),f.install(c,...h)):Q(f)&&(r.add(f),f(c,...h))),c},mixin(f){return i.mixins.includes(f)||i.mixins.push(f),c},component(f,h){return h?(i.components[f]=h,c):i.components[f]},directive(f,h){return h?(i.directives[f]=h,c):i.directives[f]},mount(f,h,p){if(!l){const g=V(s,o);return g.appContext=i,h&&t?t(g,f):e(g,f,p),l=!0,c._container=f,f.__vue_app__=c,io(g.component)||g.component.proxy}},unmount(){l&&(e(null,c._container),delete c._container.__vue_app__)},provide(f,h){return i.provides[f]=h,c}};return c}}function Nn(e,t,n,s,o=!1){if(K(e)){e.forEach((g,$)=>Nn(g,t&&(K(t)?t[$]:t),n,s,o));return}if(Rt(s)&&!o)return;const i=s.shapeFlag&4?io(s.component)||s.component.proxy:s.el,r=o?null:i,{i:l,r:c}=e,f=t&&t.r,h=l.refs===ge?l.refs={}:l.refs,p=l.setupState;if(f!=null&&f!==c&&(xe(f)?(h[f]=null,ie(p,f)&&(p[f]=null)):Pe(f)&&(f.value=null)),Q(c))dt(c,l,12,[r,h]);else{const g=xe(c),$=Pe(c);if(g||$){const j=()=>{if(e.f){const H=g?ie(p,c)?p[c]:h[c]:c.value;o?K(H)&&Hs(H,i):K(H)?H.includes(i)||H.push(i):g?(h[c]=[i],ie(p,c)&&(p[c]=h[c])):(c.value=[i],e.k&&(h[e.k]=c.value))}else g?(h[c]=r,ie(p,c)&&(p[c]=r)):$&&(c.value=r,e.k&&(h[e.k]=r))};r?(j.id=-1,Le(j,n)):j()}}}let lt=!1;const Pn=e=>/svg/.test(e.namespaceURI)&&e.tagName!=="foreignObject",Sn=e=>e.nodeType===8;function oc(e){const{mt:t,p:n,o:{patchProp:s,createText:o,nextSibling:i,parentNode:r,remove:l,insert:c,createComment:f}}=e,h=(k,E)=>{if(!E.hasChildNodes()){n(null,k,E),Mn(),E._vnode=k;return}lt=!1,p(E.firstChild,k,null,null,null),Mn(),E._vnode=k,lt&&console.error("Hydration completed but contains mismatches.")},p=(k,E,I,W,Z,he=!1)=>{const oe=Sn(k)&&k.data==="[",M=()=>H(k,E,I,W,Z,oe),{type:X,ref:Y,shapeFlag:re,patchFlag:O}=E;let ee=k.nodeType;E.el=k,O===-2&&(he=!1,E.dynamicChildren=null);let R=null;switch(X){case Kt:ee!==3?E.children===""?(c(E.el=o(""),r(k),k),R=k):R=M():(k.data!==E.children&&(lt=!0,k.data=E.children),R=i(k));break;case Oe:ee!==8||oe?R=M():R=i(k);break;case Dt:if(oe&&(k=i(k),ee=k.nodeType),ee===1||ee===3){R=k;const Me=!E.children.length;for(let ue=0;ue{he=he||!!E.dynamicChildren;const{type:oe,props:M,patchFlag:X,shapeFlag:Y,dirs:re}=E,O=oe==="input"&&re||oe==="option";if(O||X!==-1){if(re&&Xe(E,null,I,"created"),M)if(O||!he||X&48)for(const R in M)(O&&R.endsWith("value")||pn(R)&&!tn(R))&&s(k,R,null,M[R],!1,void 0,I);else M.onClick&&s(k,"onClick",null,M.onClick,!1,void 0,I);let ee;if((ee=M&&M.onVnodeBeforeMount)&&Fe(ee,I,E),re&&Xe(E,null,I,"beforeMount"),((ee=M&&M.onVnodeMounted)||re)&&Hi(()=>{ee&&Fe(ee,I,E),re&&Xe(E,null,I,"mounted")},W),Y&16&&!(M&&(M.innerHTML||M.textContent))){let R=$(k.firstChild,E,k,I,W,Z,he);for(;R;){lt=!0;const Me=R;R=R.nextSibling,l(Me)}}else Y&8&&k.textContent!==E.children&&(lt=!0,k.textContent=E.children)}return k.nextSibling},$=(k,E,I,W,Z,he,oe)=>{oe=oe||!!E.dynamicChildren;const M=E.children,X=M.length;for(let Y=0;Y{const{slotScopeIds:oe}=E;oe&&(Z=Z?Z.concat(oe):oe);const M=r(k),X=$(i(k),E,M,I,W,Z,he);return X&&Sn(X)&&X.data==="]"?i(E.anchor=X):(lt=!0,c(E.anchor=f("]"),M,X),X)},H=(k,E,I,W,Z,he)=>{if(lt=!0,E.el=null,he){const X=se(k);for(;;){const Y=i(k);if(Y&&Y!==X)l(Y);else break}}const oe=i(k),M=r(k);return l(k),n(null,E,M,oe,I,W,Pn(M),Z),oe},se=k=>{let E=0;for(;k;)if(k=i(k),k&&Sn(k)&&(k.data==="["&&E++,k.data==="]")){if(E===0)return i(k);E--}return k};return[h,p]}const Le=Hi;function ic(e){return rc(e,oc)}function rc(e,t){const n=Rr();n.__VUE__=!0;const{insert:s,remove:o,patchProp:i,createElement:r,createText:l,createComment:c,setText:f,setElementText:h,parentNode:p,nextSibling:g,setScopeId:$=Je,insertStaticContent:j}=e,H=(a,u,m,x=null,y=null,S=null,L=!1,P=null,T=!!u.dynamicChildren)=>{if(a===u)return;a&&!$t(a,u)&&(x=gn(a),Ye(a,y,S,!0),a=null),u.patchFlag===-2&&(T=!1,u.dynamicChildren=null);const{type:w,ref:D,shapeFlag:B}=u;switch(w){case Kt:se(a,u,m,x);break;case Oe:k(a,u,m,x);break;case Dt:a==null&&E(u,m,x,L);break;case G:O(a,u,m,x,y,S,L,P,T);break;default:B&1?Z(a,u,m,x,y,S,L,P,T):B&6?ee(a,u,m,x,y,S,L,P,T):(B&64||B&128)&&w.process(a,u,m,x,y,S,L,P,T,Mt)}D!=null&&y&&Nn(D,a&&a.ref,S,u||a,!u)},se=(a,u,m,x)=>{if(a==null)s(u.el=l(u.children),m,x);else{const y=u.el=a.el;u.children!==a.children&&f(y,u.children)}},k=(a,u,m,x)=>{a==null?s(u.el=c(u.children||""),m,x):u.el=a.el},E=(a,u,m,x)=>{[a.el,a.anchor]=j(a.children,u,m,x,a.el,a.anchor)},I=({el:a,anchor:u},m,x)=>{let y;for(;a&&a!==u;)y=g(a),s(a,m,x),a=y;s(u,m,x)},W=({el:a,anchor:u})=>{let m;for(;a&&a!==u;)m=g(a),o(a),a=m;o(u)},Z=(a,u,m,x,y,S,L,P,T)=>{L=L||u.type==="svg",a==null?he(u,m,x,y,S,L,P,T):X(a,u,y,S,L,P,T)},he=(a,u,m,x,y,S,L,P)=>{let T,w;const{type:D,props:B,shapeFlag:z,transition:J,dirs:te}=a;if(T=a.el=r(a.type,S,B&&B.is,B),z&8?h(T,a.children):z&16&&M(a.children,T,null,x,y,S&&D!=="foreignObject",L,P),te&&Xe(a,null,x,"created"),B){for(const fe in B)fe!=="value"&&!tn(fe)&&i(T,fe,null,B[fe],S,a.children,x,y,nt);"value"in B&&i(T,"value",null,B.value),(w=B.onVnodeBeforeMount)&&Fe(w,x,a)}oe(T,a,a.scopeId,L,x),te&&Xe(a,null,x,"beforeMount");const me=(!y||y&&!y.pendingBranch)&&J&&!J.persisted;me&&J.beforeEnter(T),s(T,u,m),((w=B&&B.onVnodeMounted)||me||te)&&Le(()=>{w&&Fe(w,x,a),me&&J.enter(T),te&&Xe(a,null,x,"mounted")},y)},oe=(a,u,m,x,y)=>{if(m&&$(a,m),x)for(let S=0;S{for(let w=T;w{const P=u.el=a.el;let{patchFlag:T,dynamicChildren:w,dirs:D}=u;T|=a.patchFlag&16;const B=a.props||ge,z=u.props||ge;let J;m&&bt(m,!1),(J=z.onVnodeBeforeUpdate)&&Fe(J,m,u,a),D&&Xe(u,a,m,"beforeUpdate"),m&&bt(m,!0);const te=y&&u.type!=="foreignObject";if(w?Y(a.dynamicChildren,w,P,m,x,te,S):L||pe(a,u,P,null,m,x,te,S,!1),T>0){if(T&16)re(P,u,B,z,m,x,y);else if(T&2&&B.class!==z.class&&i(P,"class",null,z.class,y),T&4&&i(P,"style",B.style,z.style,y),T&8){const me=u.dynamicProps;for(let fe=0;fe{J&&Fe(J,m,u,a),D&&Xe(u,a,m,"updated")},x)},Y=(a,u,m,x,y,S,L)=>{for(let P=0;P{if(m!==x){if(m!==ge)for(const P in m)!tn(P)&&!(P in x)&&i(a,P,m[P],null,L,u.children,y,S,nt);for(const P in x){if(tn(P))continue;const T=x[P],w=m[P];T!==w&&P!=="value"&&i(a,P,w,T,L,u.children,y,S,nt)}"value"in x&&i(a,"value",m.value,x.value)}},O=(a,u,m,x,y,S,L,P,T)=>{const w=u.el=a?a.el:l(""),D=u.anchor=a?a.anchor:l("");let{patchFlag:B,dynamicChildren:z,slotScopeIds:J}=u;J&&(P=P?P.concat(J):J),a==null?(s(w,m,x),s(D,m,x),M(u.children,m,D,y,S,L,P,T)):B>0&&B&64&&z&&a.dynamicChildren?(Y(a.dynamicChildren,z,m,y,S,L,P),(u.key!=null||y&&u===y.subTree)&&nr(a,u,!0)):pe(a,u,m,D,y,S,L,P,T)},ee=(a,u,m,x,y,S,L,P,T)=>{u.slotScopeIds=P,a==null?u.shapeFlag&512?y.ctx.activate(u,m,x,L,T):R(u,m,x,y,S,L,T):Me(a,u,T)},R=(a,u,m,x,y,S,L)=>{const P=a.component=pc(a,x,y);if(Xn(a)&&(P.ctx.renderer=Mt),mc(P),P.asyncDep){if(y&&y.registerDep(P,ue),!a.el){const T=P.subTree=V(Oe);k(null,T,u,m)}return}ue(P,a,u,m,y,S,L)},Me=(a,u,m)=>{const x=u.component=a.component;if(El(a,u,m))if(x.asyncDep&&!x.asyncResolved){be(x,u,m);return}else x.next=u,$l(x.update),x.update();else u.el=a.el,x.vnode=u},ue=(a,u,m,x,y,S,L)=>{const P=()=>{if(a.isMounted){let{next:D,bu:B,u:z,parent:J,vnode:te}=a,me=D,fe;bt(a,!1),D?(D.el=te.el,be(a,D,L)):D=te,B&&as(B),(fe=D.props&&D.props.onVnodeBeforeUpdate)&&Fe(fe,J,D,te),bt(a,!0);const ye=us(a),ze=a.subTree;a.subTree=ye,H(ze,ye,p(ze.el),gn(ze),a,y,S),D.el=ye.el,me===null&&Ll(a,ye.el),z&&Le(z,y),(fe=D.props&&D.props.onVnodeUpdated)&&Le(()=>Fe(fe,J,D,te),y)}else{let D;const{el:B,props:z}=u,{bm:J,m:te,parent:me}=a,fe=Rt(u);if(bt(a,!1),J&&as(J),!fe&&(D=z&&z.onVnodeBeforeMount)&&Fe(D,me,u),bt(a,!0),B&&ls){const ye=()=>{a.subTree=us(a),ls(B,a.subTree,a,y,null)};fe?u.type.__asyncLoader().then(()=>!a.isUnmounted&&ye()):ye()}else{const ye=a.subTree=us(a);H(null,ye,m,x,a,y,S),u.el=ye.el}if(te&&Le(te,y),!fe&&(D=z&&z.onVnodeMounted)){const ye=u;Le(()=>Fe(D,me,ye),y)}(u.shapeFlag&256||me&&Rt(me.vnode)&&me.vnode.shapeFlag&256)&&a.a&&Le(a.a,y),a.isMounted=!0,u=m=x=null}},T=a.effect=new Us(P,()=>Xs(w),a.scope),w=a.update=()=>T.run();w.id=a.uid,bt(a,!0),w()},be=(a,u,m)=>{u.component=a;const x=a.vnode.props;a.vnode=u,a.next=null,Xl(a,u.props,x,m),tc(a,u.children,m),Gt(),Co(),Yt()},pe=(a,u,m,x,y,S,L,P,T=!1)=>{const w=a&&a.children,D=a?a.shapeFlag:0,B=u.children,{patchFlag:z,shapeFlag:J}=u;if(z>0){if(z&128){vn(w,B,m,x,y,S,L,P,T);return}else if(z&256){vt(w,B,m,x,y,S,L,P,T);return}}J&8?(D&16&&nt(w,y,S),B!==w&&h(m,B)):D&16?J&16?vn(w,B,m,x,y,S,L,P,T):nt(w,y,S,!0):(D&8&&h(m,""),J&16&&M(B,m,x,y,S,L,P,T))},vt=(a,u,m,x,y,S,L,P,T)=>{a=a||Nt,u=u||Nt;const w=a.length,D=u.length,B=Math.min(w,D);let z;for(z=0;zD?nt(a,y,S,!0,!1,B):M(u,m,x,y,S,L,P,T,B)},vn=(a,u,m,x,y,S,L,P,T)=>{let w=0;const D=u.length;let B=a.length-1,z=D-1;for(;w<=B&&w<=z;){const J=a[w],te=u[w]=T?ut(u[w]):Ue(u[w]);if($t(J,te))H(J,te,m,null,y,S,L,P,T);else break;w++}for(;w<=B&&w<=z;){const J=a[B],te=u[z]=T?ut(u[z]):Ue(u[z]);if($t(J,te))H(J,te,m,null,y,S,L,P,T);else break;B--,z--}if(w>B){if(w<=z){const J=z+1,te=Jz)for(;w<=B;)Ye(a[w],y,S,!0),w++;else{const J=w,te=w,me=new Map;for(w=te;w<=z;w++){const Ae=u[w]=T?ut(u[w]):Ue(u[w]);Ae.key!=null&&me.set(Ae.key,w)}let fe,ye=0;const ze=z-te+1;let At=!1,mo=0;const Xt=new Array(ze);for(w=0;w=ze){Ye(Ae,y,S,!0);continue}let Qe;if(Ae.key!=null)Qe=me.get(Ae.key);else for(fe=te;fe<=z;fe++)if(Xt[fe-te]===0&&$t(Ae,u[fe])){Qe=fe;break}Qe===void 0?Ye(Ae,y,S,!0):(Xt[Qe-te]=w+1,Qe>=mo?mo=Qe:At=!0,H(Ae,u[Qe],m,null,y,S,L,P,T),ye++)}const vo=At?lc(Xt):Nt;for(fe=vo.length-1,w=ze-1;w>=0;w--){const Ae=te+w,Qe=u[Ae],go=Ae+1{const{el:S,type:L,transition:P,children:T,shapeFlag:w}=a;if(w&6){gt(a.component.subTree,u,m,x);return}if(w&128){a.suspense.move(u,m,x);return}if(w&64){L.move(a,u,m,Mt);return}if(L===G){s(S,u,m);for(let B=0;BP.enter(S),y);else{const{leave:B,delayLeave:z,afterLeave:J}=P,te=()=>s(S,u,m),me=()=>{B(S,()=>{te(),J&&J()})};z?z(S,te,me):me()}else s(S,u,m)},Ye=(a,u,m,x=!1,y=!1)=>{const{type:S,props:L,ref:P,children:T,dynamicChildren:w,shapeFlag:D,patchFlag:B,dirs:z}=a;if(P!=null&&Nn(P,null,m,a,!0),D&256){u.ctx.deactivate(a);return}const J=D&1&&z,te=!Rt(a);let me;if(te&&(me=L&&L.onVnodeBeforeUnmount)&&Fe(me,u,a),D&6)Cr(a.component,m,x);else{if(D&128){a.suspense.unmount(m,x);return}J&&Xe(a,null,u,"beforeUnmount"),D&64?a.type.remove(a,u,m,y,Mt,x):w&&(S!==G||B>0&&B&64)?nt(w,u,m,!1,!0):(S===G&&B&384||!y&&D&16)&&nt(T,u,m),x&&_o(a)}(te&&(me=L&&L.onVnodeUnmounted)||J)&&Le(()=>{me&&Fe(me,u,a),J&&Xe(a,null,u,"unmounted")},m)},_o=a=>{const{type:u,el:m,anchor:x,transition:y}=a;if(u===G){Sr(m,x);return}if(u===Dt){W(a);return}const S=()=>{o(m),y&&!y.persisted&&y.afterLeave&&y.afterLeave()};if(a.shapeFlag&1&&y&&!y.persisted){const{leave:L,delayLeave:P}=y,T=()=>L(m,S);P?P(a.el,S,T):T()}else S()},Sr=(a,u)=>{let m;for(;a!==u;)m=g(a),o(a),a=m;o(u)},Cr=(a,u,m)=>{const{bum:x,scope:y,update:S,subTree:L,um:P}=a;x&&as(x),y.stop(),S&&(S.active=!1,Ye(L,a,u,m)),P&&Le(P,u),Le(()=>{a.isUnmounted=!0},u),u&&u.pendingBranch&&!u.isUnmounted&&a.asyncDep&&!a.asyncResolved&&a.suspenseId===u.pendingId&&(u.deps--,u.deps===0&&u.resolve())},nt=(a,u,m,x=!1,y=!1,S=0)=>{for(let L=S;La.shapeFlag&6?gn(a.component.subTree):a.shapeFlag&128?a.suspense.next():g(a.anchor||a.el),po=(a,u,m)=>{a==null?u._vnode&&Ye(u._vnode,null,null,!0):H(u._vnode||null,a,u,null,null,null,m),Co(),Mn(),u._vnode=a},Mt={p:H,um:Ye,m:gt,r:_o,mt:R,mc:M,pc:pe,pbc:Y,n:gn,o:e};let rs,ls;return t&&([rs,ls]=t(Mt)),{render:po,hydrate:rs,createApp:sc(po,rs)}}function bt({effect:e,update:t},n){e.allowRecurse=t.allowRecurse=n}function nr(e,t,n=!1){const s=e.children,o=t.children;if(K(s)&&K(o))for(let i=0;i>1,e[n[l]]0&&(t[s]=n[i-1]),n[i]=s)}}for(i=n.length,r=n[i-1];i-- >0;)n[i]=r,r=t[r];return n}const cc=e=>e.__isTeleport,G=Symbol(void 0),Kt=Symbol(void 0),Oe=Symbol(void 0),Dt=Symbol(void 0),on=[];let Ke=null;function d(e=!1){on.push(Ke=e?null:[])}function ac(){on.pop(),Ke=on[on.length-1]||null}let dn=1;function Bo(e){dn+=e}function sr(e){return e.dynamicChildren=dn>0?Ke||Nt:null,ac(),dn>0&&Ke&&Ke.push(e),e}function v(e,t,n,s,o,i){return sr(b(e,t,n,s,o,i,!0))}function q(e,t,n,s,o){return sr(V(e,t,n,s,o,!0))}function On(e){return e?e.__v_isVNode===!0:!1}function $t(e,t){return e.type===t.type&&e.key===t.key}const es="__vInternal",or=({key:e})=>e??null,Tn=({ref:e,ref_key:t,ref_for:n})=>e!=null?xe(e)||Pe(e)||Q(e)?{i:Se,r:e,k:t,f:!!n}:e:null;function b(e,t=null,n=null,s=0,o=null,i=e===G?0:1,r=!1,l=!1){const c={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&or(t),ref:t&&Tn(t),scopeId:Yn,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:i,patchFlag:s,dynamicProps:o,dynamicChildren:null,appContext:null,ctx:Se};return l?(oo(c,n),i&128&&e.normalize(c)):n&&(c.shapeFlag|=xe(n)?8:16),dn>0&&!r&&Ke&&(c.patchFlag>0||i&6)&&c.patchFlag!==32&&Ke.push(c),c}const V=uc;function uc(e,t=null,n=null,s=0,o=null,i=!1){if((!e||e===Ji)&&(e=Oe),On(e)){const l=_t(e,t,!0);return n&&oo(l,n),dn>0&&!i&&Ke&&(l.shapeFlag&6?Ke[Ke.indexOf(e)]=l:Ke.push(l)),l.patchFlag|=-2,l}if(yc(e)&&(e=e.__vccOpts),t){t=fc(t);let{class:l,style:c}=t;l&&!xe(l)&&(t.class=de(l)),ve(c)&&(Ti(c)&&!K(c)&&(c=we({},c)),t.style=zn(c))}const r=xe(e)?1:Ml(e)?128:cc(e)?64:ve(e)?4:Q(e)?2:0;return b(e,t,n,s,o,r,i,!0)}function fc(e){return e?Ti(e)||es in e?we({},e):e:null}function _t(e,t,n=!1){const{props:s,ref:o,patchFlag:i,children:r}=e,l=t?Vn(s||{},t):s;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:l,key:l&&or(l),ref:t&&t.ref?n&&o?K(o)?o.concat(Tn(t)):[o,Tn(t)]:Tn(t):o,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:r,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==G?i===-1?16:i|16:i,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:e.transition,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&_t(e.ssContent),ssFallback:e.ssFallback&&_t(e.ssFallback),el:e.el,anchor:e.anchor,ctx:e.ctx}}function Ee(e=" ",t=0){return V(Kt,null,e,t)}function dc(e,t){const n=V(Dt,null,e);return n.staticCount=t,n}function U(e="",t=!1){return t?(d(),q(Oe,null,e)):V(Oe,null,e)}function Ue(e){return e==null||typeof e=="boolean"?V(Oe):K(e)?V(G,null,e.slice()):typeof e=="object"?ut(e):V(Kt,null,String(e))}function ut(e){return e.el===null&&e.patchFlag!==-1||e.memo?e:_t(e)}function oo(e,t){let n=0;const{shapeFlag:s}=e;if(t==null)t=null;else if(K(t))n=16;else if(typeof t=="object")if(s&65){const o=t.default;o&&(o._c&&(o._d=!1),oo(e,o()),o._c&&(o._d=!0));return}else{n=32;const o=t._;!o&&!(es in t)?t._ctx=Se:o===3&&Se&&(Se.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else Q(t)?(t={default:t,_ctx:Se},n=32):(t=String(t),s&64?(n=16,t=[Ee(t)]):n=8);e.children=t,e.shapeFlag|=n}function Vn(...e){const t={};for(let n=0;nke||Se,Jt=e=>{ke=e,e.scope.on()},Tt=()=>{ke&&ke.scope.off(),ke=null};function ir(e){return e.vnode.shapeFlag&4}let hn=!1;function mc(e,t=!1){hn=t;const{props:n,children:s}=e.vnode,o=ir(e);Ql(e,n,o,t),ec(e,s);const i=o?vc(e,t):void 0;return hn=!1,i}function vc(e,t){const n=e.type;e.accessCache=Object.create(null),e.proxy=nn(new Proxy(e.ctx,Kl));const{setup:s}=n;if(s){const o=e.setupContext=s.length>1?lr(e):null;Jt(e),Gt();const i=dt(s,e,0,[e.props,o]);if(Yt(),Tt(),pi(i)){if(i.then(Tt,Tt),t)return i.then(r=>{Ho(e,r,t)}).catch(r=>{Wn(r,e,0)});e.asyncDep=i}else Ho(e,i,t)}else rr(e,t)}function Ho(e,t,n){Q(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:ve(t)&&(e.setupState=Mi(t)),rr(e,n)}let Fo;function rr(e,t,n){const s=e.type;if(!e.render){if(!t&&Fo&&!s.render){const o=s.template||no(e).template;if(o){const{isCustomElement:i,compilerOptions:r}=e.appContext.config,{delimiters:l,compilerOptions:c}=s,f=we(we({isCustomElement:i,delimiters:l},r),c);s.render=Fo(o,f)}}e.render=s.render||Je}Jt(e),Gt(),Jl(e),Yt(),Tt()}function gc(e){return new Proxy(e.attrs,{get(t,n){return Be(e,"get","$attrs"),t[n]}})}function lr(e){const t=s=>{e.exposed=s||{}};let n;return{get attrs(){return n||(n=gc(e))},slots:e.slots,emit:e.emit,expose:t}}function io(e){if(e.exposed)return e.exposeProxy||(e.exposeProxy=new Proxy(Mi(nn(e.exposed)),{get(t,n){if(n in t)return t[n];if(n in sn)return sn[n](e)},has(t,n){return n in t||n in sn}}))}function bc(e,t=!0){return Q(e)?e.displayName||e.name:e.name||t&&e.__name}function yc(e){return Q(e)&&"__vccOpts"in e}const ne=(e,t)=>xl(e,t,hn);function xc(){return kc().slots}function kc(){const e=ts();return e.setupContext||(e.setupContext=lr(e))}function Bn(e,t,n){const s=arguments.length;return s===2?ve(t)&&!K(t)?On(t)?V(e,null,[t]):V(e,t):V(e,null,t):(s>3?n=Array.prototype.slice.call(arguments,2):s===3&&On(n)&&(n=[n]),V(e,t,n))}const wc=Symbol(""),$c=()=>Ne(wc),Pc="3.2.45",Sc="http://www.w3.org/2000/svg",Pt=typeof document<"u"?document:null,Ro=Pt&&Pt.createElement("template"),Cc={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,s)=>{const o=t?Pt.createElementNS(Sc,e):Pt.createElement(e,n?{is:n}:void 0);return e==="select"&&s&&s.multiple!=null&&o.setAttribute("multiple",s.multiple),o},createText:e=>Pt.createTextNode(e),createComment:e=>Pt.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>Pt.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},insertStaticContent(e,t,n,s,o,i){const r=n?n.previousSibling:t.lastChild;if(o&&(o===i||o.nextSibling))for(;t.insertBefore(o.cloneNode(!0),n),!(o===i||!(o=o.nextSibling)););else{Ro.innerHTML=s?`${e}`:e;const l=Ro.content;if(s){const c=l.firstChild;for(;c.firstChild;)l.appendChild(c.firstChild);l.removeChild(c)}t.insertBefore(l,n)}return[r?r.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}};function Tc(e,t,n){const s=e._vtc;s&&(t=(t?[t,...s]:[...s]).join(" ")),t==null?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}function Vc(e,t,n){const s=e.style,o=xe(n);if(n&&!o){for(const i in n)Es(s,i,n[i]);if(t&&!xe(t))for(const i in t)n[i]==null&&Es(s,i,"")}else{const i=s.display;o?t!==n&&(s.cssText=n):t&&e.removeAttribute("style"),"_vod"in e&&(s.display=i)}}const Do=/\s*!important$/;function Es(e,t,n){if(K(n))n.forEach(s=>Es(e,t,s));else if(n==null&&(n=""),t.startsWith("--"))e.setProperty(t,n);else{const s=Ec(e,t);Do.test(n)?e.setProperty(Wt(s),n.replace(Do,""),"important"):e[s]=n}}const zo=["Webkit","Moz","ms"],hs={};function Ec(e,t){const n=hs[t];if(n)return n;let s=tt(t);if(s!=="filter"&&s in e)return hs[t]=s;s=Kn(s);for(let o=0;o_s||(Bc.then(()=>_s=0),_s=Date.now());function Fc(e,t){const n=s=>{if(!s._vts)s._vts=Date.now();else if(s._vts<=n.attached)return;Re(Rc(s,n.value),t,5,[s])};return n.value=e,n.attached=Hc(),n}function Rc(e,t){if(K(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map(s=>o=>!o._stopped&&s&&s(o))}else return t}const Ko=/^on[a-z]/,Dc=(e,t,n,s,o=!1,i,r,l,c)=>{t==="class"?Tc(e,s,o):t==="style"?Vc(e,n,s):pn(t)?Bs(t)||Nc(e,t,n,s,r):(t[0]==="."?(t=t.slice(1),!0):t[0]==="^"?(t=t.slice(1),!1):zc(e,t,s,o))?Mc(e,t,s,i,r,l,c):(t==="true-value"?e._trueValue=s:t==="false-value"&&(e._falseValue=s),Lc(e,t,s,o))};function zc(e,t,n,s){return s?!!(t==="innerHTML"||t==="textContent"||t in e&&Ko.test(t)&&Q(n)):t==="spellcheck"||t==="draggable"||t==="translate"||t==="form"||t==="list"&&e.tagName==="INPUT"||t==="type"&&e.tagName==="TEXTAREA"||Ko.test(t)&&xe(n)?!1:t in e}function Uc(e){const t=ts();if(!t)return;const n=t.ut=(o=e(t.proxy))=>{Array.from(document.querySelectorAll(`[data-v-owner="${t.uid}"]`)).forEach(i=>Ms(i,o))},s=()=>{const o=e(t.proxy);Ls(t.subTree,o),n(o)};Fi(s),De(()=>{const o=new MutationObserver(s);o.observe(t.subTree.el.parentNode,{childList:!0}),pt(()=>o.disconnect())})}function Ls(e,t){if(e.shapeFlag&128){const n=e.suspense;e=n.activeBranch,n.pendingBranch&&!n.isHydrating&&n.effects.push(()=>{Ls(n.activeBranch,t)})}for(;e.component;)e=e.component.subTree;if(e.shapeFlag&1&&e.el)Ms(e.el,t);else if(e.type===G)e.children.forEach(n=>Ls(n,t));else if(e.type===Dt){let{el:n,anchor:s}=e;for(;n&&(Ms(n,t),n!==s);)n=n.nextSibling}}function Ms(e,t){if(e.nodeType===1){const n=e.style;for(const s in t)n.setProperty(`--${s}`,t[s])}}const ct="transition",Zt="animation",ns=(e,{slots:t})=>Bn(Di,jc(e),t);ns.displayName="Transition";const cr={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String};ns.props=we({},Di.props,cr);const yt=(e,t=[])=>{K(e)?e.forEach(n=>n(...t)):e&&e(...t)},Jo=e=>e?K(e)?e.some(t=>t.length>1):e.length>1:!1;function jc(e){const t={};for(const O in e)O in cr||(t[O]=e[O]);if(e.css===!1)return t;const{name:n="v",type:s,duration:o,enterFromClass:i=`${n}-enter-from`,enterActiveClass:r=`${n}-enter-active`,enterToClass:l=`${n}-enter-to`,appearFromClass:c=i,appearActiveClass:f=r,appearToClass:h=l,leaveFromClass:p=`${n}-leave-from`,leaveActiveClass:g=`${n}-leave-active`,leaveToClass:$=`${n}-leave-to`}=e,j=Kc(o),H=j&&j[0],se=j&&j[1],{onBeforeEnter:k,onEnter:E,onEnterCancelled:I,onLeave:W,onLeaveCancelled:Z,onBeforeAppear:he=k,onAppear:oe=E,onAppearCancelled:M=I}=t,X=(O,ee,R)=>{xt(O,ee?h:l),xt(O,ee?f:r),R&&R()},Y=(O,ee)=>{O._isLeaving=!1,xt(O,p),xt(O,$),xt(O,g),ee&&ee()},re=O=>(ee,R)=>{const Me=O?oe:E,ue=()=>X(ee,O,R);yt(Me,[ee,ue]),qo(()=>{xt(ee,O?c:i),at(ee,O?h:l),Jo(Me)||Wo(ee,s,H,ue)})};return we(t,{onBeforeEnter(O){yt(k,[O]),at(O,i),at(O,r)},onBeforeAppear(O){yt(he,[O]),at(O,c),at(O,f)},onEnter:re(!1),onAppear:re(!0),onLeave(O,ee){O._isLeaving=!0;const R=()=>Y(O,ee);at(O,p),Wc(),at(O,g),qo(()=>{O._isLeaving&&(xt(O,p),at(O,$),Jo(W)||Wo(O,s,se,R))}),yt(W,[O,R])},onEnterCancelled(O){X(O,!1),yt(I,[O])},onAppearCancelled(O){X(O,!0),yt(M,[O])},onLeaveCancelled(O){Y(O),yt(Z,[O])}})}function Kc(e){if(e==null)return null;if(ve(e))return[ps(e.enter),ps(e.leave)];{const t=ps(e);return[t,t]}}function ps(e){return Ds(e)}function at(e,t){t.split(/\s+/).forEach(n=>n&&e.classList.add(n)),(e._vtc||(e._vtc=new Set)).add(t)}function xt(e,t){t.split(/\s+/).forEach(s=>s&&e.classList.remove(s));const{_vtc:n}=e;n&&(n.delete(t),n.size||(e._vtc=void 0))}function qo(e){requestAnimationFrame(()=>{requestAnimationFrame(e)})}let Jc=0;function Wo(e,t,n,s){const o=e._endId=++Jc,i=()=>{o===e._endId&&s()};if(n)return setTimeout(i,n);const{type:r,timeout:l,propCount:c}=qc(e,t);if(!r)return s();const f=r+"end";let h=0;const p=()=>{e.removeEventListener(f,g),i()},g=$=>{$.target===e&&++h>=c&&p()};setTimeout(()=>{h(n[j]||"").split(", "),o=s(`${ct}Delay`),i=s(`${ct}Duration`),r=Go(o,i),l=s(`${Zt}Delay`),c=s(`${Zt}Duration`),f=Go(l,c);let h=null,p=0,g=0;t===ct?r>0&&(h=ct,p=r,g=i.length):t===Zt?f>0&&(h=Zt,p=f,g=c.length):(p=Math.max(r,f),h=p>0?r>f?ct:Zt:null,g=h?h===ct?i.length:c.length:0);const $=h===ct&&/\b(transform|all)(,|$)/.test(s(`${ct}Property`).toString());return{type:h,timeout:p,propCount:g,hasTransform:$}}function Go(e,t){for(;e.lengthYo(n)+Yo(e[s])))}function Yo(e){return Number(e.slice(0,-1).replace(",","."))*1e3}function Wc(){return document.body.offsetHeight}const Gc=["ctrl","shift","alt","meta"],Yc={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>"button"in e&&e.button!==0,middle:e=>"button"in e&&e.button!==1,right:e=>"button"in e&&e.button!==2,exact:(e,t)=>Gc.some(n=>e[`${n}Key`]&&!t.includes(n))},Qc=(e,t)=>(n,...s)=>{for(let o=0;o{const t=Zc().createApp(...e),{mount:n}=t;return t.mount=s=>{const o=ta(s);if(o)return n(o,!0,o instanceof SVGElement)},t};function ta(e){return xe(e)?document.querySelector(e):e}const N=(e,t)=>{const n=e.__vccOpts||e;for(const[s,o]of t)n[s]=o;return n},na="modulepreload",sa=function(e){return"/HuaiGu/"+e},Xo={},oa=function(t,n,s){if(!n||n.length===0)return t();const o=document.getElementsByTagName("link");return Promise.all(n.map(i=>{if(i=sa(i),i in Xo)return;Xo[i]=!0;const r=i.endsWith(".css"),l=r?'[rel="stylesheet"]':"";if(!!s)for(let h=o.length-1;h>=0;h--){const p=o[h];if(p.href===i&&(!r||p.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${i}"]${l}`))return;const f=document.createElement("link");if(f.rel=r?"stylesheet":na,r||(f.as="script",f.crossOrigin=""),f.href=i,document.head.appendChild(f),r)return new Promise((h,p)=>{f.addEventListener("load",h),f.addEventListener("error",()=>p(new Error(`Unable to preload CSS for ${i}`)))})})).then(()=>t())};const ia=F({__name:"VPBadge",props:{text:null,type:null},setup(e){return(t,n)=>(d(),v("span",{class:de(["VPBadge",e.type??"tip"])},[C(t.$slots,"default",{},()=>[Ee(ae(e.text),1)],!0)],2))}});const ra=N(ia,[["__scopeId","data-v-350d3852"]]),la=JSON.parse('{"lang":"en-US","title":"怀谷","description":"vue react leetcode angular","base":"/HuaiGu/","head":[],"appearance":true,"themeConfig":{"siteTitle":"怀谷","nav":[{"text":"Vue","link":"/Vue/组件通信/Api-attrs"},{"text":"开发总结","link":"/开发总结/Adobe-pr插件"},{"text":"计算机基础","link":"/计算机基础/"},{"text":"算法","link":"/算法/二叉树/层序遍历"}],"lastUpdated":"最近更新时间","socialLinks":[{"icon":"github","link":"https://github.com/Huai-Gu/HuaiGu"}],"sidebar":[{"collapsible":true,"text":"JS.TS","items":[{"collapsible":true,"text":"ES6","items":[{"text":"Iterator","link":"/JS.TS/ES6/Iterator.md"},{"text":"Symbol","link":"/JS.TS/ES6/Symbol.md"},{"text":"index","link":"/JS.TS/ES6/index.md"},{"text":"promise","link":"/JS.TS/ES6/promise.md"},{"text":"解构赋值","link":"/JS.TS/ES6/解构赋值.md"},{"text":"运算符","link":"/JS.TS/ES6/运算符.md"}]},{"text":"JS上下文和执行栈","link":"/JS.TS/JS上下文和执行栈.md"},{"collapsible":true,"text":"TS","items":[{"text":"is","link":"/JS.TS/TS/is.md"},{"text":"索引","link":"/JS.TS/TS/索引.md"}]},{"collapsible":true,"text":"基础","items":[{"text":"Eventloop","link":"/JS.TS/基础/Eventloop.md"},{"text":"Js中的map和weakMap","link":"/JS.TS/基础/Js中的map和weakMap.md"},{"text":"new操作符","link":"/JS.TS/基础/new操作符.md"},{"text":"一文搞懂map函数","link":"/JS.TS/基础/一文搞懂map函数.md"},{"text":"垃圾回收","link":"/JS.TS/基础/垃圾回收.md"}]},{"collapsible":true,"text":"设计模式","items":[{"text":"发布订阅模式","link":"/JS.TS/设计模式/发布订阅模式.md"}]}]},{"collapsible":true,"text":"React","items":[{"collapsible":true,"text":"ReactHooks","items":[{"text":"useCallback","link":"/React/ReactHooks/useCallback.md"},{"text":"useContext","link":"/React/ReactHooks/useContext.md"},{"text":"useEffect","link":"/React/ReactHooks/useEffect.md"},{"text":"useRef","link":"/React/ReactHooks/useRef.md"},{"text":"useState","link":"/React/ReactHooks/useState.md"}]},{"text":"index","link":"/React/index.md"},{"text":"redux","link":"/React/redux.md"}]},{"collapsible":true,"text":"Vue","items":[{"collapsible":true,"text":"CSS","items":[{"text":"scroll","link":"/Vue/CSS/scroll.md"}]},{"collapsible":true,"text":"源码分析","items":[{"text":"VNode与diff算法","link":"/Vue/源码分析/VNode与diff算法.md"}]},{"collapsible":true,"text":"组件通信","items":[{"text":"Api-attrs","link":"/Vue/组件通信/Api-attrs.md"},{"text":"Api-parent","link":"/Vue/组件通信/Api-parent.md"},{"text":"Api-props","link":"/Vue/组件通信/Api-props.md"},{"text":"Api-provide","link":"/Vue/组件通信/Api-provide.md"}]}]},{"collapsible":true,"text":"tips","items":[{"text":"2023.3.5","link":"/tips/2023.3.5.md"}]},{"collapsible":true,"text":"开发总结","items":[{"text":"Adobe-pr插件","link":"/开发总结/Adobe-pr插件.md"},{"collapsible":true,"text":"canvas","items":[{"text":"canvas","link":"/开发总结/canvas/canvas.md"}]},{"text":"github-deploy","link":"/开发总结/github-deploy.md"},{"text":"v-for和v-if","link":"/开发总结/v-for和v-if.md"},{"collapsible":true,"text":"常用的库","items":[{"text":"css","link":"/开发总结/常用的库/css.md"}]}]},{"collapsible":true,"text":"算法","items":[{"collapsible":true,"text":"二叉树","items":[{"text":"层序遍历","link":"/算法/二叉树/层序遍历.md"}]},{"collapsible":true,"text":"面试算法题","items":[{"text":"1.15七牛云春招笔试题","link":"/算法/面试算法题/1.15七牛云春招笔试题.md"},{"text":"1.7字节","link":"/算法/面试算法题/1.7字节.md"}]}]},{"collapsible":true,"text":"计算机基础","items":[{"text":"HTTP","link":"/计算机基础/HTTP.md"},{"collapsible":true,"text":"git","items":[{"text":"git规范","link":"/计算机基础/git/git规范.md"},{"text":"git设置两个ssh密钥","link":"/计算机基础/git/git设置两个ssh密钥.md"},{"text":"index","link":"/计算机基础/git/index.md"},{"text":"tips","link":"/计算机基础/git/tips.md"},{"collapsible":true,"text":"命令","items":[{"text":"init","link":"/计算机基础/git/命令/init.md"},{"text":"merge","link":"/计算机基础/git/命令/merge.md"},{"text":"常用","link":"/计算机基础/git/命令/常用.md"}]},{"collapsible":true,"text":"场景及解决方案","items":[{"text":"发版","link":"/计算机基础/git/场景及解决方案/发版.md"},{"text":"开发新功能","link":"/计算机基础/git/场景及解决方案/开发新功能.md"},{"text":"紧急bug","link":"/计算机基础/git/场景及解决方案/紧急bug.md"}]}]},{"text":"index","link":"/计算机基础/index.md"}]},{"collapsible":true,"text":"面试","items":[{"collapsible":true,"text":"CZ前端","items":[{"text":"HTML+CSS","link":"/面试/CZ前端/HTML+CSS.md"},{"collapsible":true,"text":"JS基础","items":[{"text":"作用域和闭包","link":"/面试/CZ前端/JS基础/作用域和闭包.md"},{"text":"原型和原型链","link":"/面试/CZ前端/JS基础/原型和原型链.md"},{"text":"变量类型和计算","link":"/面试/CZ前端/JS基础/变量类型和计算.md"},{"text":"异步","link":"/面试/CZ前端/JS基础/异步.md"}]}]},{"collapsible":true,"text":"NONI","items":[{"collapsible":true,"text":"JS","items":[{"collapsible":true,"text":"JS基础","items":[{"text":"DOM和BOM","link":"/面试/NONI/JS/JS基础/DOM和BOM.md"},{"text":"new操作符实现原理","link":"/面试/NONI/JS/JS基础/new操作符实现原理.md"},{"text":"手写call","link":"/面试/NONI/JS/JS基础/手写call.md"},{"text":"手写防抖节流","link":"/面试/NONI/JS/JS基础/手写防抖节流.md"},{"text":"数组原生方法","link":"/面试/NONI/JS/JS基础/数组原生方法.md"}]}]},{"collapsible":true,"text":"Vue","items":[{"text":"v-if和v-for同时使用问题","link":"/面试/NONI/Vue/v-if和v-for同时使用问题.md"}]}]},{"collapsible":true,"text":"前端","items":[{"collapsible":true,"text":"HTTP","items":[{"text":"HTTP的优先级","link":"/面试/前端/HTTP/HTTP的优先级.md"}]},{"text":"flexandgrid","link":"/面试/前端/flexandgrid.md"},{"collapsible":true,"text":"url到页面","items":[{"text":"总章","link":"/面试/前端/url到页面/总章.md"}]},{"collapsible":true,"text":"事件","items":[{"text":"事件循环","link":"/面试/前端/事件/事件循环.md"},{"text":"事件机制","link":"/面试/前端/事件/事件机制.md"}]},{"text":"客户端存储","link":"/面试/前端/客户端存储.md"},{"text":"跨域","link":"/面试/前端/跨域.md"}]}]}],"base":"/fantastic-admin/"},"locales":{},"langs":{},"scrollOffset":90,"cleanUrls":"disabled"}'),ss=/^[a-z]+:/i,ca=/^pathname:\/\//,Zo="vitepress-theme-appearance",Ve=typeof window<"u",ar={relativePath:"",title:"404",description:"Not Found",headers:[],frontmatter:{sidebar:!1,layout:"page"},lastUpdated:0};function aa(e,t){t.sort((n,s)=>{const o=s.split("/").length-n.split("/").length;return o!==0?o:s.length-n.length});for(const n of t)if(e.startsWith(n))return n}function ei(e,t){const n=aa(t,Object.keys(e));return n?e[n]:void 0}function ua(e){const{locales:t}=e.themeConfig||{},n=e.locales;return t&&n?Object.keys(t).reduce((s,o)=>(s[o]={label:t[o].label,lang:n[o].lang},s),{}):{}}function fa(e,t){t=ha(e,t);const n=ei(e.locales||{},t),s=ei(e.themeConfig.locales||{},t);return Object.assign({},e,n,{themeConfig:Object.assign({},e.themeConfig,s,{locales:{}}),lang:(n||e).lang,locales:{},langs:ua(e)})}function ur(e,t){const n=t.title||e.title,s=t.titleTemplate??e.titleTemplate;if(typeof s=="string"&&s.includes(":title"))return s.replace(/:title/g,n);const o=da(e.title,s);return`${n}${o}`}function da(e,t){return t===!1?"":t===!0||t===void 0?` | ${e}`:e===t?"":` | ${t}`}function ha(e,t){if(!Ve)return t;const n=e.base,s=n.endsWith("/")?n.slice(0,-1):n;return t.slice(s.length)}function _a(e,t){const[n,s]=t;if(n!=="meta")return!1;const o=Object.entries(s)[0];return o==null?!1:e.some(([i,r])=>i===n&&r[o[0]]===o[1])}function pa(e,t){return[...e.filter(n=>!_a(t,n)),...t]}const ma=/[\u0000-\u001F"#$&*+,:;<=>?[\]^`{|}\u007F]/g,va=/^[a-z]:/i;function ti(e){const t=va.exec(e),n=t?t[0]:"";return n+e.slice(n.length).replace(ma,"_").replace(/(^|\/)_+(?=[^/]*$)/,"$1")}function ga(e,t){return`${e}${t}`.replace(/\/+/g,"/")}function _n(e){return ss.test(e)?e:ga(qt.value.base,e)}function fr(e){let t=e.replace(/\.html$/,"");if(t=decodeURIComponent(t),t=t.replace(/\/$/,"/index"),Ve){const n="/HuaiGu/";t=ti(t.slice(n.length).replace(/\//g,"_")||"index")+".md";let s=__VP_HASH_MAP__[t.toLowerCase()];!s&&t.endsWith("_index.md")&&(t=t.slice(0,-9)+".md",s=__VP_HASH_MAP__[t.toLowerCase()]),t=`${n}assets/${t}.${s}.js`}else t=`./${ti(t.slice(1).replace(/\//g,"_"))}.md.js`;return t}const dr=Symbol(),qt=vl(la);function ba(e){const t=ne(()=>fa(qt.value,e.path));return{site:t,theme:ne(()=>t.value.themeConfig),page:ne(()=>e.data),frontmatter:ne(()=>e.data.frontmatter),lang:ne(()=>t.value.lang),localePath:ne(()=>{const{langs:n,lang:s}=t.value,o=Object.keys(n).find(i=>n[i].lang===s);return _n(o||"/")}),title:ne(()=>ur(t.value,e.data)),description:ne(()=>e.data.description||t.value.description),isDark:_e(!1)}}function le(){const e=Ne(dr);if(!e)throw new Error("vitepress data not properly injected in app");return e}const hr=Symbol(),ni="http://a.com",ya=()=>({path:"/",component:null,data:ar});function xa(e,t){const n=qn(ya()),s={route:n,go:o};async function o(l=Ve?location.href:"/"){var f,h;await((f=s.onBeforeRouteChange)==null?void 0:f.call(s,l));const c=new URL(l,ni);qt.value.cleanUrls==="disabled"&&!c.pathname.endsWith("/")&&!c.pathname.endsWith(".html")&&(c.pathname+=".html",l=c.pathname+c.search+c.hash),Ve&&(history.replaceState({scrollPosition:window.scrollY},document.title),history.pushState(null,"",l)),await r(l),await((h=s.onAfterRouteChanged)==null?void 0:h.call(s,l))}let i=null;async function r(l,c=0,f=!1){const h=new URL(l,ni),p=i=h.pathname;try{let g=await e(p);if(i===p){i=null;const{default:$,__pageData:j}=g;if(!$)throw new Error(`Invalid route component: ${$}`);n.path=Ve?p:_n(p),n.component=nn($),n.data=nn(j),Ve&&Qs(()=>{if(h.hash&&!c){let H=null;try{H=document.querySelector(decodeURIComponent(h.hash))}catch(se){console.warn(se)}if(H){si(H,h.hash);return}}window.scrollTo(0,c)})}}catch(g){if(!/fetch/.test(g.message)&&!/^\/404(\.html|\/)?$/.test(l)&&console.error(g),!f)try{const $=await fetch(qt.value.base+"hashmap.json");window.__VP_HASH_MAP__=await $.json(),await r(l,c,!0);return}catch{}i===p&&(i=null,n.path=Ve?p:_n(p),n.component=t?nn(t):null,n.data=ar)}}return Ve&&(window.addEventListener("click",l=>{if(l.target.closest("button"))return;const f=l.target.closest("a");if(f&&!f.closest(".vp-raw")&&!f.download){const{href:h,origin:p,pathname:g,hash:$,search:j,target:H}=f,se=window.location,k=g.match(/\.\w+$/);!l.ctrlKey&&!l.shiftKey&&!l.altKey&&!l.metaKey&&H!=="_blank"&&p===se.origin&&!(k&&k[0]!==".html")&&(l.preventDefault(),g===se.pathname&&j===se.search?$&&$!==se.hash&&(history.pushState(null,"",$),window.dispatchEvent(new Event("hashchange")),si(f,$,f.classList.contains("header-anchor"))):o(h))}},{capture:!0}),window.addEventListener("popstate",l=>{r(location.href,l.state&&l.state.scrollPosition||0)}),window.addEventListener("hashchange",l=>{l.preventDefault()})),s}function ka(){const e=Ne(hr);if(!e)throw new Error("useRouter() is called without provider.");return e}function mt(){return ka().route}function si(e,t,n=!1){let s=null;try{s=e.classList.contains("header-anchor")?e:document.querySelector(decodeURIComponent(t))}catch(o){console.warn(o)}if(s){let o=qt.value.scrollOffset;typeof o=="string"&&(o=document.querySelector(o).getBoundingClientRect().bottom+24);const i=parseInt(window.getComputedStyle(s).paddingTop,10),r=window.scrollY+s.getBoundingClientRect().top-o+i;!n||Math.abs(r-window.scrollY)>window.innerHeight?window.scrollTo(0,r):window.scrollTo({left:0,top:r,behavior:"smooth"})}}const wa=F({name:"VitePressContent",props:{onContentUpdated:Function},setup(e){const t=mt();return Zs(()=>{var n;(n=e.onContentUpdated)==null||n.call(e)}),()=>Bn("div",{style:{position:"relative"}},[t.component?Bn(t.component):null])}});var oi;const mn=typeof window<"u";mn&&((oi=window==null?void 0:window.navigator)!=null&&oi.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function $a(e){return e}function Pa(e){return Ur()?(jr(e),!0):!1}function Sa(e){return typeof e=="function"?ne(e):_e(e)}function Ca(e,t=!0){ts()?De(e):t?e():Qs(e)}const Ta=mn?window:void 0;mn&&window.document;mn&&window.navigator;mn&&window.location;function Va(e,t=!1){const n=_e(),s=()=>n.value=Boolean(e());return s(),Ca(s,t),n}function As(e,t={}){const{window:n=Ta}=t,s=Va(()=>n&&"matchMedia"in n&&typeof n.matchMedia=="function");let o;const i=_e(!1),r=()=>{o&&("removeEventListener"in o?o.removeEventListener("change",l):o.removeListener(l))},l=()=>{s.value&&(r(),o=n.matchMedia(Sa(e).value),i.value=o.matches,"addEventListener"in o?o.addEventListener("change",l):o.addListener(l))};return Vt(l),Pa(()=>r()),i}const Is=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},Ns="__vueuse_ssr_handlers__";Is[Ns]=Is[Ns]||{};Is[Ns];var ii;(function(e){e.UP="UP",e.RIGHT="RIGHT",e.DOWN="DOWN",e.LEFT="LEFT",e.NONE="NONE"})(ii||(ii={}));var Ea=Object.defineProperty,ri=Object.getOwnPropertySymbols,La=Object.prototype.hasOwnProperty,Ma=Object.prototype.propertyIsEnumerable,li=(e,t,n)=>t in e?Ea(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Aa=(e,t)=>{for(var n in t||(t={}))La.call(t,n)&&li(e,n,t[n]);if(ri)for(var n of ri(t))Ma.call(t,n)&&li(e,n,t[n]);return e};const Ia={easeInSine:[.12,0,.39,0],easeOutSine:[.61,1,.88,1],easeInOutSine:[.37,0,.63,1],easeInQuad:[.11,0,.5,0],easeOutQuad:[.5,1,.89,1],easeInOutQuad:[.45,0,.55,1],easeInCubic:[.32,0,.67,0],easeOutCubic:[.33,1,.68,1],easeInOutCubic:[.65,0,.35,1],easeInQuart:[.5,0,.75,0],easeOutQuart:[.25,1,.5,1],easeInOutQuart:[.76,0,.24,1],easeInQuint:[.64,0,.78,0],easeOutQuint:[.22,1,.36,1],easeInOutQuint:[.83,0,.17,1],easeInExpo:[.7,0,.84,0],easeOutExpo:[.16,1,.3,1],easeInOutExpo:[.87,0,.13,1],easeInCirc:[.55,0,1,.45],easeOutCirc:[0,.55,.45,1],easeInOutCirc:[.85,0,.15,1],easeInBack:[.36,0,.66,-.56],easeOutBack:[.34,1.56,.64,1],easeInOutBack:[.68,-.6,.32,1.6]};Aa({linear:$a},Ia);const _r=/#.*$/,Na=/(index)?\.(md|html)$/,Oa=typeof window<"u",Ba=_e(Oa?location.hash:"");function Ha(e){return ss.test(e)}function Fa(e,t){let n,s=!1;return()=>{n&&clearTimeout(n),s?n=setTimeout(e,t):(e(),s=!0,setTimeout(()=>{s=!1},t))}}function Qt(e,t,n=!1){if(t===void 0)return!1;if(e=ai(`/${e}`),n)return new RegExp(t).test(e);if(ai(t)!==e)return!1;const s=t.match(_r);return s?Ba.value===s[0]:!0}function ci(e){return/^\//.test(e)?e:`/${e}`}function ai(e){return decodeURI(e).replace(_r,"").replace(Na,"")}function Hn(e){if(Ha(e))return e.replace(ca,"");const{site:t}=le(),{pathname:n,search:s,hash:o}=new URL(e,"http://example.com"),i=n.endsWith("/")||n.endsWith(".html")?e:`${n.replace(/(\.md)?$/,t.value.cleanUrls==="disabled"?".html":"")}${s}${o}`;return _n(i)}function pr(e,t){if(Array.isArray(e))return e;if(e==null)return[];t=ci(t);const n=Object.keys(e).sort((s,o)=>o.split("/").length-s.split("/").length).find(s=>t.startsWith(ci(s)));return n?e[n]:[]}function Ra(e){const t=[];function n(s){for(const o of s)o.link&&t.push({...o,link:o.link}),"items"in o&&n(o.items)}for(const s of e)n(s.items);return t}function Ge(){const e=mt(),{theme:t,frontmatter:n}=le(),s=As("(min-width: 960px)"),o=_e(!1),i=ne(()=>{const g=t.value.sidebar,$=e.data.relativePath;return g?pr(g,$):[]}),r=ne(()=>n.value.sidebar!==!1&&i.value.length>0&&n.value.layout!=="home"),l=ne(()=>n.value.layout!=="home"&&n.value.aside!==!1),c=ne(()=>r.value&&s.value);function f(){o.value=!0}function h(){o.value=!1}function p(){o.value?h():f()}return{isOpen:o,sidebar:i,hasSidebar:r,hasAside:l,isSidebarEnabled:c,open:f,close:h,toggle:p}}function Da(e,t){let n;Vt(()=>{n=e.value?document.activeElement:void 0}),De(()=>{window.addEventListener("keyup",s)}),pt(()=>{window.removeEventListener("keyup",s)});function s(o){o.key==="Escape"&&e.value&&(t(),n==null||n.focus())}}const za=F({__name:"VPSkipLink",setup(e){const t=mt(),n=_e();et(()=>t.path,()=>n.value.focus());function s({target:o}){const i=document.querySelector(o.hash);if(i){const r=()=>{i.removeAttribute("tabindex"),i.removeEventListener("blur",r)};i.setAttribute("tabindex","-1"),i.addEventListener("blur",r),i.focus(),window.scrollTo(0,0)}}return(o,i)=>(d(),v(G,null,[b("span",{ref_key:"backToTop",ref:n,tabindex:"-1"},null,512),b("a",{href:"#VPContent",class:"VPSkipLink visually-hidden",onClick:s}," Skip to content ")],64))}});const Ua=N(za,[["__scopeId","data-v-151f2593"]]),ja={key:0,class:"VPBackdrop"},Ka=F({__name:"VPBackdrop",props:{show:{type:Boolean}},setup(e){return(t,n)=>(d(),q(ns,{name:"fade"},{default:A(()=>[e.show?(d(),v("div",ja)):U("",!0)]),_:1}))}});const Ja=N(Ka,[["__scopeId","data-v-c7c65b34"]]);function qa(){const e=_e(!1);function t(){e.value=!0,window.addEventListener("resize",o)}function n(){e.value=!1,window.removeEventListener("resize",o)}function s(){e.value?n():t()}function o(){window.outerWidth>=768&&n()}const i=mt();return et(()=>i.path,n),{isScreenOpen:e,openScreen:t,closeScreen:n,toggleScreen:s}}const Wa=["src","alt"],Ga={inheritAttrs:!1},Ya=F({...Ga,__name:"VPImage",props:{image:null,alt:null},setup(e){return(t,n)=>{const s=Et("VPImage",!0);return e.image?(d(),v(G,{key:0},[typeof e.image=="string"||"src"in e.image?(d(),v("img",Vn({key:0,class:"VPImage"},typeof e.image=="string"?t.$attrs:{...e.image,...t.$attrs},{src:_(_n)(typeof e.image=="string"?e.image:e.image.src),alt:e.alt??(typeof e.image=="string"?"":e.image.alt||"")}),null,16,Wa)):(d(),v(G,{key:1},[V(s,Vn({class:"dark",image:e.image.dark,alt:e.image.alt},t.$attrs),null,16,["image","alt"]),V(s,Vn({class:"light",image:e.image.light,alt:e.image.alt},t.$attrs),null,16,["image","alt"])],64))],64)):U("",!0)}}});const ro=N(Ya,[["__scopeId","data-v-6db2186b"]]),Qa=["href"],Xa=F({__name:"VPNavBarTitle",setup(e){const{site:t,theme:n}=le(),{hasSidebar:s}=Ge();return(o,i)=>(d(),v("div",{class:de(["VPNavBarTitle",{"has-sidebar":_(s)}])},[b("a",{class:"title",href:_(t).base},[C(o.$slots,"nav-bar-title-before",{},void 0,!0),V(ro,{class:"logo",image:_(n).logo},null,8,["image"]),_(n).siteTitle?(d(),v(G,{key:0},[Ee(ae(_(n).siteTitle),1)],64)):_(n).siteTitle===void 0?(d(),v(G,{key:1},[Ee(ae(_(t).title),1)],64)):U("",!0),C(o.$slots,"nav-bar-title-after",{},void 0,!0)],8,Qa)],2))}});const Za=N(Xa,[["__scopeId","data-v-d5925166"]]);const eu={key:0,class:"VPNavBarSearch"},tu={type:"button",class:"DocSearch DocSearch-Button","aria-label":"Search"},nu={class:"DocSearch-Button-Container"},su=b("svg",{class:"DocSearch-Search-Icon",width:"20",height:"20",viewBox:"0 0 20 20"},[b("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none","fill-rule":"evenodd","stroke-linecap":"round","stroke-linejoin":"round"})],-1),ou={class:"DocSearch-Button-Placeholder"},iu=b("span",{class:"DocSearch-Button-Keys"},[b("kbd",{class:"DocSearch-Button-Key"}),b("kbd",{class:"DocSearch-Button-Key"},"K")],-1),ru=F({__name:"VPNavBarSearch",setup(e){Uc(r=>({"5943dbe8":o.value}));const t=()=>null,{theme:n}=le(),s=_e(!1),o=_e("'Meta'");De(()=>{if(!n.value.algolia)return;o.value=/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?"'⌘'":"'Ctrl'";const r=c=>{c.key==="k"&&(c.ctrlKey||c.metaKey)&&(c.preventDefault(),i(),l())},l=()=>{window.removeEventListener("keydown",r)};window.addEventListener("keydown",r),pt(l)});function i(){s.value||(s.value=!0)}return(r,l)=>{var c;return _(n).algolia?(d(),v("div",eu,[s.value?(d(),q(_(t),{key:0})):(d(),v("div",{key:1,id:"docsearch",onClick:i},[b("button",tu,[b("span",nu,[su,b("span",ou,ae(((c=_(n).algolia)==null?void 0:c.buttonText)||"Search"),1)]),iu])]))])):U("",!0)}}});const lu={},cu={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",height:"24px",viewBox:"0 0 24 24",width:"24px"},au=b("path",{d:"M0 0h24v24H0V0z",fill:"none"},null,-1),uu=b("path",{d:"M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"},null,-1),fu=[au,uu];function du(e,t){return d(),v("svg",cu,fu)}const hu=N(lu,[["render",du]]),_u=F({__name:"VPLink",props:{href:null,noIcon:{type:Boolean}},setup(e){const t=e,n=ne(()=>t.href&&ss.test(t.href));return(s,o)=>(d(),q(to(e.href?"a":"span"),{class:de(["VPLink",{link:e.href}]),href:e.href?_(Hn)(e.href):void 0,target:_(n)?"_blank":void 0,rel:_(n)?"noreferrer":void 0},{default:A(()=>[C(s.$slots,"default",{},void 0,!0),_(n)&&!e.noIcon?(d(),q(hu,{key:0,class:"icon"})):U("",!0)]),_:3},8,["class","href","target","rel"]))}});const Lt=N(_u,[["__scopeId","data-v-3c355974"]]),pu=F({__name:"VPNavBarMenuLink",props:{item:null},setup(e){const{page:t}=le();return(n,s)=>(d(),q(Lt,{class:de({VPNavBarMenuLink:!0,active:_(Qt)(_(t).relativePath,e.item.activeMatch||e.item.link,!!e.item.activeMatch)}),href:e.item.link,noIcon:!0},{default:A(()=>[Ee(ae(e.item.text),1)]),_:1},8,["class","href"]))}});const mu=N(pu,[["__scopeId","data-v-47a2263e"]]),lo=_e();let mr=!1,vs=0;function vu(e){const t=_e(!1);if(typeof window<"u"){!mr&&gu(),vs++;const n=et(lo,s=>{var o,i,r;s===e.el.value||(o=e.el.value)!=null&&o.contains(s)?(t.value=!0,(i=e.onFocus)==null||i.call(e)):(t.value=!1,(r=e.onBlur)==null||r.call(e))});pt(()=>{n(),vs--,vs||bu()})}return qs(t)}function gu(){document.addEventListener("focusin",vr),mr=!0,lo.value=document.activeElement}function bu(){document.removeEventListener("focusin",vr)}function vr(){lo.value=document.activeElement}const yu={},xu={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},ku=b("path",{d:"M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"},null,-1),wu=[ku];function $u(e,t){return d(),v("svg",xu,wu)}const gr=N(yu,[["render",$u]]),Pu={},Su={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},Cu=b("circle",{cx:"12",cy:"12",r:"2"},null,-1),Tu=b("circle",{cx:"19",cy:"12",r:"2"},null,-1),Vu=b("circle",{cx:"5",cy:"12",r:"2"},null,-1),Eu=[Cu,Tu,Vu];function Lu(e,t){return d(),v("svg",Su,Eu)}const Mu=N(Pu,[["render",Lu]]),Au={class:"VPMenuLink"},Iu=F({__name:"VPMenuLink",props:{item:null},setup(e){const{page:t}=le();return(n,s)=>(d(),v("div",Au,[V(Lt,{class:de({active:_(Qt)(_(t).relativePath,e.item.activeMatch||e.item.link)}),href:e.item.link},{default:A(()=>[Ee(ae(e.item.text),1)]),_:1},8,["class","href"])]))}});const os=N(Iu,[["__scopeId","data-v-e8e0fb1d"]]),Nu={class:"VPMenuGroup"},Ou={key:0,class:"title"},Bu=F({__name:"VPMenuGroup",props:{text:null,items:null},setup(e){return(t,n)=>(d(),v("div",Nu,[e.text?(d(),v("p",Ou,ae(e.text),1)):U("",!0),(d(!0),v(G,null,Ce(e.items,s=>(d(),v(G,null,["link"in s?(d(),q(os,{key:0,item:s},null,8,["item"])):U("",!0)],64))),256))]))}});const Hu=N(Bu,[["__scopeId","data-v-9ca52130"]]),Fu={class:"VPMenu"},Ru={key:0,class:"items"},Du=F({__name:"VPMenu",props:{items:null},setup(e){return(t,n)=>(d(),v("div",Fu,[e.items?(d(),v("div",Ru,[(d(!0),v(G,null,Ce(e.items,s=>(d(),v(G,{key:s.text},["link"in s?(d(),q(os,{key:0,item:s},null,8,["item"])):(d(),q(Hu,{key:1,text:s.text,items:s.items},null,8,["text","items"]))],64))),128))])):U("",!0),C(t.$slots,"default",{},void 0,!0)]))}});const zu=N(Du,[["__scopeId","data-v-1c5d0cfc"]]),Uu=["aria-expanded","aria-label"],ju={key:0,class:"text"},Ku={class:"menu"},Ju=F({__name:"VPFlyout",props:{icon:null,button:null,label:null,items:null},setup(e){const t=_e(!1),n=_e();vu({el:n,onBlur:s});function s(){t.value=!1}return(o,i)=>(d(),v("div",{class:"VPFlyout",ref_key:"el",ref:n,onMouseenter:i[1]||(i[1]=r=>t.value=!0),onMouseleave:i[2]||(i[2]=r=>t.value=!1)},[b("button",{type:"button",class:"button","aria-haspopup":"true","aria-expanded":t.value,"aria-label":e.label,onClick:i[0]||(i[0]=r=>t.value=!t.value)},[e.button||e.icon?(d(),v("span",ju,[e.icon?(d(),q(to(e.icon),{key:0,class:"option-icon"})):U("",!0),Ee(" "+ae(e.button)+" ",1),V(gr,{class:"text-icon"})])):(d(),q(Mu,{key:1,class:"icon"}))],8,Uu),b("div",Ku,[V(zu,{items:e.items},{default:A(()=>[C(o.$slots,"default",{},void 0,!0)]),_:3},8,["items"])])],544))}});const co=N(Ju,[["__scopeId","data-v-6ffb57d3"]]),qu=F({__name:"VPNavBarMenuGroup",props:{item:null},setup(e){const{page:t}=le();return(n,s)=>(d(),q(co,{class:de({VPNavBarMenuGroup:!0,active:_(Qt)(_(t).relativePath,e.item.activeMatch,!!e.item.activeMatch)}),button:e.item.text,items:e.item.items},null,8,["class","button","items"]))}}),Wu=e=>(qe("data-v-f83db6ba"),e=e(),We(),e),Gu={key:0,"aria-labelledby":"main-nav-aria-label",class:"VPNavBarMenu"},Yu=Wu(()=>b("span",{id:"main-nav-aria-label",class:"visually-hidden"},"Main Navigation",-1)),Qu=F({__name:"VPNavBarMenu",setup(e){const{theme:t}=le();return(n,s)=>_(t).nav?(d(),v("nav",Gu,[Yu,(d(!0),v(G,null,Ce(_(t).nav,o=>(d(),v(G,{key:o.text},["link"in o?(d(),q(mu,{key:0,item:o},null,8,["item"])):(d(),q(qu,{key:1,item:o},null,8,["item"]))],64))),128))])):U("",!0)}});const Xu=N(Qu,[["__scopeId","data-v-f83db6ba"]]),Zu={},ef={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},tf=b("path",{d:"M0 0h24v24H0z",fill:"none"},null,-1),nf=b("path",{d:" M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z ",class:"css-c4d79v"},null,-1),sf=[tf,nf];function of(e,t){return d(),v("svg",ef,sf)}const br=N(Zu,[["render",of]]),rf={class:"items"},lf={class:"title"},cf=F({__name:"VPNavBarTranslations",setup(e){const{theme:t}=le();return(n,s)=>_(t).localeLinks?(d(),q(co,{key:0,class:"VPNavBarTranslations",icon:br},{default:A(()=>[b("div",rf,[b("p",lf,ae(_(t).localeLinks.text),1),(d(!0),v(G,null,Ce(_(t).localeLinks.items,o=>(d(),q(os,{key:o.link,item:o},null,8,["item"]))),128))])]),_:1})):U("",!0)}});const af=N(cf,[["__scopeId","data-v-db824e91"]]);const uf={},ff={class:"VPSwitch",type:"button",role:"switch"},df={class:"check"},hf={key:0,class:"icon"};function _f(e,t){return d(),v("button",ff,[b("span",df,[e.$slots.default?(d(),v("span",hf,[C(e.$slots,"default",{},void 0,!0)])):U("",!0)])])}const pf=N(uf,[["render",_f],["__scopeId","data-v-eba7420e"]]),mf={},vf={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},gf=dc('',9),bf=[gf];function yf(e,t){return d(),v("svg",vf,bf)}const xf=N(mf,[["render",yf]]),kf={},wf={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},$f=b("path",{d:"M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"},null,-1),Pf=[$f];function Sf(e,t){return d(),v("svg",wf,Pf)}const Cf=N(kf,[["render",Sf]]),Tf=F({__name:"VPSwitchAppearance",setup(e){const{site:t,isDark:n}=le(),s=_e(!1),o=typeof localStorage<"u"?i():()=>{};De(()=>{s.value=document.documentElement.classList.contains("dark")});function i(){const r=window.matchMedia("(prefers-color-scheme: dark)"),l=document.documentElement.classList;let c=localStorage.getItem(Zo),f=t.value.appearance==="dark"&&c==null||(c==="auto"||c==null?r.matches:c==="dark");r.onchange=g=>{c==="auto"&&p(f=g.matches)};function h(){p(f=!f),c=f?r.matches?"auto":"dark":r.matches?"light":"auto",localStorage.setItem(Zo,c)}function p(g){const $=document.createElement("style");$.type="text/css",$.appendChild(document.createTextNode(`:not(.VPSwitchAppearance):not(.VPSwitchAppearance *) {
+function Os(e,t){const n=Object.create(null),s=e.split(",");for(let o=0;o!!n[o.toLowerCase()]:o=>!!n[o]}function zn(e){if(K(e)){const t={};for(let n=0;n{if(n){const s=n.split(Vr);s.length>1&&(t[s[0].trim()]=s[1].trim())}}),t}function de(e){let t="";if(xe(e))t=e;else if(K(e))for(let n=0;nxe(e)?e:e==null?"":K(e)||ve(e)&&(e.toString===mi||!Q(e.toString))?JSON.stringify(e,hi,2):String(e),hi=(e,t)=>t&&t.__v_isRef?hi(e,t.value):Ot(t)?{[`Map(${t.size})`]:[...t.entries()].reduce((n,[s,o])=>(n[`${s} =>`]=o,n),{})}:_i(t)?{[`Set(${t.size})`]:[...t.values()]}:ve(t)&&!K(t)&&!vi(t)?String(t):t,ge={},Nt=[],Je=()=>{},Ir=()=>!1,Nr=/^on[^a-z]/,pn=e=>Nr.test(e),Bs=e=>e.startsWith("onUpdate:"),we=Object.assign,Hs=(e,t)=>{const n=e.indexOf(t);n>-1&&e.splice(n,1)},Or=Object.prototype.hasOwnProperty,ie=(e,t)=>Or.call(e,t),K=Array.isArray,Ot=e=>Un(e)==="[object Map]",_i=e=>Un(e)==="[object Set]",Q=e=>typeof e=="function",xe=e=>typeof e=="string",Fs=e=>typeof e=="symbol",ve=e=>e!==null&&typeof e=="object",pi=e=>ve(e)&&Q(e.then)&&Q(e.catch),mi=Object.prototype.toString,Un=e=>mi.call(e),Br=e=>Un(e).slice(8,-1),vi=e=>Un(e)==="[object Object]",Rs=e=>xe(e)&&e!=="NaN"&&e[0]!=="-"&&""+parseInt(e,10)===e,tn=Os(",key,ref,ref_for,ref_key,onVnodeBeforeMount,onVnodeMounted,onVnodeBeforeUpdate,onVnodeUpdated,onVnodeBeforeUnmount,onVnodeUnmounted"),jn=e=>{const t=Object.create(null);return n=>t[n]||(t[n]=e(n))},Hr=/-(\w)/g,tt=jn(e=>e.replace(Hr,(t,n)=>n?n.toUpperCase():"")),Fr=/\B([A-Z])/g,Wt=jn(e=>e.replace(Fr,"-$1").toLowerCase()),Kn=jn(e=>e.charAt(0).toUpperCase()+e.slice(1)),cs=jn(e=>e?`on${Kn(e)}`:""),cn=(e,t)=>!Object.is(e,t),as=(e,t)=>{for(let n=0;n{Object.defineProperty(e,t,{configurable:!0,enumerable:!1,value:n})},Ds=e=>{const t=parseFloat(e);return isNaN(t)?e:t};let bo;const Rr=()=>bo||(bo=typeof globalThis<"u"?globalThis:typeof self<"u"?self:typeof window<"u"?window:typeof global<"u"?global:{});let Ie;class Dr{constructor(t=!1){this.detached=t,this.active=!0,this.effects=[],this.cleanups=[],this.parent=Ie,!t&&Ie&&(this.index=(Ie.scopes||(Ie.scopes=[])).push(this)-1)}run(t){if(this.active){const n=Ie;try{return Ie=this,t()}finally{Ie=n}}}on(){Ie=this}off(){Ie=this.parent}stop(t){if(this.active){let n,s;for(n=0,s=this.effects.length;n{const t=new Set(e);return t.w=0,t.n=0,t},gi=e=>(e.w&ht)>0,bi=e=>(e.n&ht)>0,Kr=({deps:e})=>{if(e.length)for(let t=0;t{const{deps:t}=e;if(t.length){let n=0;for(let s=0;s{(h==="length"||h>=c)&&l.push(f)})}else switch(n!==void 0&&l.push(r.get(n)),t){case"add":K(e)?Rs(n)&&l.push(r.get("length")):(l.push(r.get(Ct)),Ot(e)&&l.push(r.get(xs)));break;case"delete":K(e)||(l.push(r.get(Ct)),Ot(e)&&l.push(r.get(xs)));break;case"set":Ot(e)&&l.push(r.get(Ct));break}if(l.length===1)l[0]&&ks(l[0]);else{const c=[];for(const f of l)f&&c.push(...f);ks(zs(c))}}function ks(e,t){const n=K(e)?e:[...e];for(const s of n)s.computed&&xo(s);for(const s of n)s.computed||xo(s)}function xo(e,t){(e!==je||e.allowRecurse)&&(e.scheduler?e.scheduler():e.run())}const qr=Os("__proto__,__v_isRef,__isVue"),ki=new Set(Object.getOwnPropertyNames(Symbol).filter(e=>e!=="arguments"&&e!=="caller").map(e=>Symbol[e]).filter(Fs)),Wr=js(),Gr=js(!1,!0),Yr=js(!0),ko=Qr();function Qr(){const e={};return["includes","indexOf","lastIndexOf"].forEach(t=>{e[t]=function(...n){const s=ce(this);for(let i=0,r=this.length;i{e[t]=function(...n){Gt();const s=ce(this)[t].apply(this,n);return Yt(),s}}),e}function js(e=!1,t=!1){return function(s,o,i){if(o==="__v_isReactive")return!e;if(o==="__v_isReadonly")return e;if(o==="__v_isShallow")return t;if(o==="__v_raw"&&i===(e?t?hl:Ci:t?Si:Pi).get(s))return s;const r=K(s);if(!e&&r&&ie(ko,o))return Reflect.get(ko,o,i);const l=Reflect.get(s,o,i);return(Fs(o)?ki.has(o):qr(o))||(e||Be(s,"get",o),t)?l:Pe(l)?r&&Rs(o)?l:l.value:ve(l)?e?qs(l):qn(l):l}}const Xr=wi(),Zr=wi(!0);function wi(e=!1){return function(n,s,o,i){let r=n[s];if(jt(r)&&Pe(r)&&!Pe(o))return!1;if(!e&&(!Ln(o)&&!jt(o)&&(r=ce(r),o=ce(o)),!K(n)&&Pe(r)&&!Pe(o)))return r.value=o,!0;const l=K(n)&&Rs(s)?Number(s)e,Jn=e=>Reflect.getPrototypeOf(e);function bn(e,t,n=!1,s=!1){e=e.__v_raw;const o=ce(e),i=ce(t);n||(t!==i&&Be(o,"get",t),Be(o,"get",i));const{has:r}=Jn(o),l=s?Ks:n?Gs:an;if(r.call(o,t))return l(e.get(t));if(r.call(o,i))return l(e.get(i));e!==o&&e.get(t)}function yn(e,t=!1){const n=this.__v_raw,s=ce(n),o=ce(e);return t||(e!==o&&Be(s,"has",e),Be(s,"has",o)),e===o?n.has(e):n.has(e)||n.has(o)}function xn(e,t=!1){return e=e.__v_raw,!t&&Be(ce(e),"iterate",Ct),Reflect.get(e,"size",e)}function wo(e){e=ce(e);const t=ce(this);return Jn(t).has.call(t,e)||(t.add(e),ot(t,"add",e,e)),this}function $o(e,t){t=ce(t);const n=ce(this),{has:s,get:o}=Jn(n);let i=s.call(n,e);i||(e=ce(e),i=s.call(n,e));const r=o.call(n,e);return n.set(e,t),i?cn(t,r)&&ot(n,"set",e,t):ot(n,"add",e,t),this}function Po(e){const t=ce(this),{has:n,get:s}=Jn(t);let o=n.call(t,e);o||(e=ce(e),o=n.call(t,e)),s&&s.call(t,e);const i=t.delete(e);return o&&ot(t,"delete",e,void 0),i}function So(){const e=ce(this),t=e.size!==0,n=e.clear();return t&&ot(e,"clear",void 0,void 0),n}function kn(e,t){return function(s,o){const i=this,r=i.__v_raw,l=ce(r),c=t?Ks:e?Gs:an;return!e&&Be(l,"iterate",Ct),r.forEach((f,h)=>s.call(o,c(f),c(h),i))}}function wn(e,t,n){return function(...s){const o=this.__v_raw,i=ce(o),r=Ot(i),l=e==="entries"||e===Symbol.iterator&&r,c=e==="keys"&&r,f=o[e](...s),h=n?Ks:t?Gs:an;return!t&&Be(i,"iterate",c?xs:Ct),{next(){const{value:p,done:g}=f.next();return g?{value:p,done:g}:{value:l?[h(p[0]),h(p[1])]:h(p),done:g}},[Symbol.iterator](){return this}}}}function rt(e){return function(...t){return e==="delete"?!1:this}}function il(){const e={get(i){return bn(this,i)},get size(){return xn(this)},has:yn,add:wo,set:$o,delete:Po,clear:So,forEach:kn(!1,!1)},t={get(i){return bn(this,i,!1,!0)},get size(){return xn(this)},has:yn,add:wo,set:$o,delete:Po,clear:So,forEach:kn(!1,!0)},n={get(i){return bn(this,i,!0)},get size(){return xn(this,!0)},has(i){return yn.call(this,i,!0)},add:rt("add"),set:rt("set"),delete:rt("delete"),clear:rt("clear"),forEach:kn(!0,!1)},s={get(i){return bn(this,i,!0,!0)},get size(){return xn(this,!0)},has(i){return yn.call(this,i,!0)},add:rt("add"),set:rt("set"),delete:rt("delete"),clear:rt("clear"),forEach:kn(!0,!0)};return["keys","values","entries",Symbol.iterator].forEach(i=>{e[i]=wn(i,!1,!1),n[i]=wn(i,!0,!1),t[i]=wn(i,!1,!0),s[i]=wn(i,!0,!0)}),[e,n,t,s]}const[rl,ll,cl,al]=il();function Js(e,t){const n=t?e?al:cl:e?ll:rl;return(s,o,i)=>o==="__v_isReactive"?!e:o==="__v_isReadonly"?e:o==="__v_raw"?s:Reflect.get(ie(n,o)&&o in s?n:s,o,i)}const ul={get:Js(!1,!1)},fl={get:Js(!1,!0)},dl={get:Js(!0,!1)},Pi=new WeakMap,Si=new WeakMap,Ci=new WeakMap,hl=new WeakMap;function _l(e){switch(e){case"Object":case"Array":return 1;case"Map":case"Set":case"WeakMap":case"WeakSet":return 2;default:return 0}}function pl(e){return e.__v_skip||!Object.isExtensible(e)?0:_l(Br(e))}function qn(e){return jt(e)?e:Ws(e,!1,$i,ul,Pi)}function ml(e){return Ws(e,!1,ol,fl,Si)}function qs(e){return Ws(e,!0,sl,dl,Ci)}function Ws(e,t,n,s,o){if(!ve(e)||e.__v_raw&&!(t&&e.__v_isReactive))return e;const i=o.get(e);if(i)return i;const r=pl(e);if(r===0)return e;const l=new Proxy(e,r===2?s:n);return o.set(e,l),l}function Bt(e){return jt(e)?Bt(e.__v_raw):!!(e&&e.__v_isReactive)}function jt(e){return!!(e&&e.__v_isReadonly)}function Ln(e){return!!(e&&e.__v_isShallow)}function Ti(e){return Bt(e)||jt(e)}function ce(e){const t=e&&e.__v_raw;return t?ce(t):e}function nn(e){return En(e,"__v_skip",!0),e}const an=e=>ve(e)?qn(e):e,Gs=e=>ve(e)?qs(e):e;function Vi(e){ft&&je&&(e=ce(e),xi(e.dep||(e.dep=zs())))}function Ei(e,t){e=ce(e),e.dep&&ks(e.dep)}function Pe(e){return!!(e&&e.__v_isRef===!0)}function _e(e){return Li(e,!1)}function vl(e){return Li(e,!0)}function Li(e,t){return Pe(e)?e:new gl(e,t)}class gl{constructor(t,n){this.__v_isShallow=n,this.dep=void 0,this.__v_isRef=!0,this._rawValue=n?t:ce(t),this._value=n?t:an(t)}get value(){return Vi(this),this._value}set value(t){const n=this.__v_isShallow||Ln(t)||jt(t);t=n?t:ce(t),cn(t,this._rawValue)&&(this._rawValue=t,this._value=n?t:an(t),Ei(this))}}function _(e){return Pe(e)?e.value:e}const bl={get:(e,t,n)=>_(Reflect.get(e,t,n)),set:(e,t,n,s)=>{const o=e[t];return Pe(o)&&!Pe(n)?(o.value=n,!0):Reflect.set(e,t,n,s)}};function Mi(e){return Bt(e)?e:new Proxy(e,bl)}var Ai;class yl{constructor(t,n,s,o){this._setter=n,this.dep=void 0,this.__v_isRef=!0,this[Ai]=!1,this._dirty=!0,this.effect=new Us(t,()=>{this._dirty||(this._dirty=!0,Ei(this))}),this.effect.computed=this,this.effect.active=this._cacheable=!o,this.__v_isReadonly=s}get value(){const t=ce(this);return Vi(t),(t._dirty||!t._cacheable)&&(t._dirty=!1,t._value=t.effect.run()),t._value}set value(t){this._setter(t)}}Ai="__v_isReadonly";function xl(e,t,n=!1){let s,o;const i=Q(e);return i?(s=e,o=Je):(s=e.get,o=e.set),new yl(s,o,i||!o,n)}function dt(e,t,n,s){let o;try{o=s?e(...s):e()}catch(i){Wn(i,t,n)}return o}function Re(e,t,n,s){if(Q(e)){const i=dt(e,t,n,s);return i&&pi(i)&&i.catch(r=>{Wn(r,t,n)}),i}const o=[];for(let i=0;i>>1;fn($e[s])Ze&&$e.splice(t,1)}function Pl(e){K(e)?Ht.push(...e):(!st||!st.includes(e,e.allowRecurse?wt+1:wt))&&Ht.push(e),Ni()}function Co(e,t=un?Ze+1:0){for(;t<$e.length;t++){const n=$e[t];n&&n.pre&&($e.splice(t,1),t--,n())}}function Mn(e){if(Ht.length){const t=[...new Set(Ht)];if(Ht.length=0,st){st.push(...t);return}for(st=t,st.sort((n,s)=>fn(n)-fn(s)),wt=0;wte.id==null?1/0:e.id,Sl=(e,t)=>{const n=fn(e)-fn(t);if(n===0){if(e.pre&&!t.pre)return-1;if(t.pre&&!e.pre)return 1}return n};function Oi(e){ws=!1,un=!0,$e.sort(Sl);const t=Je;try{for(Ze=0;Ze<$e.length;Ze++){const n=$e[Ze];n&&n.active!==!1&&dt(n,null,14)}}finally{Ze=0,$e.length=0,Mn(),un=!1,Ys=null,($e.length||Ht.length)&&Oi()}}function Cl(e,t,...n){if(e.isUnmounted)return;const s=e.vnode.props||ge;let o=n;const i=t.startsWith("update:"),r=i&&t.slice(7);if(r&&r in s){const h=`${r==="modelValue"?"model":r}Modifiers`,{number:p,trim:g}=s[h]||ge;g&&(o=n.map($=>xe($)?$.trim():$)),p&&(o=n.map(Ds))}let l,c=s[l=cs(t)]||s[l=cs(tt(t))];!c&&i&&(c=s[l=cs(Wt(t))]),c&&Re(c,e,6,o);const f=s[l+"Once"];if(f){if(!e.emitted)e.emitted={};else if(e.emitted[l])return;e.emitted[l]=!0,Re(f,e,6,o)}}function Bi(e,t,n=!1){const s=t.emitsCache,o=s.get(e);if(o!==void 0)return o;const i=e.emits;let r={},l=!1;if(!Q(e)){const c=f=>{const h=Bi(f,t,!0);h&&(l=!0,we(r,h))};!n&&t.mixins.length&&t.mixins.forEach(c),e.extends&&c(e.extends),e.mixins&&e.mixins.forEach(c)}return!i&&!l?(ve(e)&&s.set(e,null),null):(K(i)?i.forEach(c=>r[c]=null):we(r,i),ve(e)&&s.set(e,r),r)}function Gn(e,t){return!e||!pn(t)?!1:(t=t.slice(2).replace(/Once$/,""),ie(e,t[0].toLowerCase()+t.slice(1))||ie(e,Wt(t))||ie(e,t))}let Se=null,Yn=null;function An(e){const t=Se;return Se=e,Yn=e&&e.type.__scopeId||null,t}function qe(e){Yn=e}function We(){Yn=null}function A(e,t=Se,n){if(!t||e._n)return e;const s=(...o)=>{s._d&&Bo(-1);const i=An(t);let r;try{r=e(...o)}finally{An(i),s._d&&Bo(1)}return r};return s._n=!0,s._c=!0,s._d=!0,s}function us(e){const{type:t,vnode:n,proxy:s,withProxy:o,props:i,propsOptions:[r],slots:l,attrs:c,emit:f,render:h,renderCache:p,data:g,setupState:$,ctx:j,inheritAttrs:H}=e;let se,k;const E=An(e);try{if(n.shapeFlag&4){const W=o||s;se=Ue(h.call(W,W,p,i,$,g,j)),k=c}else{const W=t;se=Ue(W.length>1?W(i,{attrs:c,slots:l,emit:f}):W(i,null)),k=t.props?c:Tl(c)}}catch(W){on.length=0,Wn(W,e,1),se=V(Oe)}let I=se;if(k&&H!==!1){const W=Object.keys(k),{shapeFlag:Z}=I;W.length&&Z&7&&(r&&W.some(Bs)&&(k=Vl(k,r)),I=_t(I,k))}return n.dirs&&(I=_t(I),I.dirs=I.dirs?I.dirs.concat(n.dirs):n.dirs),n.transition&&(I.transition=n.transition),se=I,An(E),se}const Tl=e=>{let t;for(const n in e)(n==="class"||n==="style"||pn(n))&&((t||(t={}))[n]=e[n]);return t},Vl=(e,t)=>{const n={};for(const s in e)(!Bs(s)||!(s.slice(9)in t))&&(n[s]=e[s]);return n};function El(e,t,n){const{props:s,children:o,component:i}=e,{props:r,children:l,patchFlag:c}=t,f=i.emitsOptions;if(t.dirs||t.transition)return!0;if(n&&c>=0){if(c&1024)return!0;if(c&16)return s?To(s,r,f):!!r;if(c&8){const h=t.dynamicProps;for(let p=0;pe.__isSuspense;function Hi(e,t){t&&t.pendingBranch?K(e)?t.effects.push(...e):t.effects.push(e):Pl(e)}function Ft(e,t){if(ke){let n=ke.provides;const s=ke.parent&&ke.parent.provides;s===n&&(n=ke.provides=Object.create(s)),n[e]=t}}function Ne(e,t,n=!1){const s=ke||Se;if(s){const o=s.parent==null?s.vnode.appContext&&s.vnode.appContext.provides:s.parent.provides;if(o&&e in o)return o[e];if(arguments.length>1)return n&&Q(t)?t.call(s.proxy):t}}function Vt(e,t){return Qn(e,null,t)}function Fi(e,t){return Qn(e,null,{flush:"post"})}const $n={};function et(e,t,n){return Qn(e,t,n)}function Qn(e,t,{immediate:n,deep:s,flush:o,onTrack:i,onTrigger:r}=ge){const l=ke;let c,f=!1,h=!1;if(Pe(e)?(c=()=>e.value,f=Ln(e)):Bt(e)?(c=()=>e,s=!0):K(e)?(h=!0,f=e.some(I=>Bt(I)||Ln(I)),c=()=>e.map(I=>{if(Pe(I))return I.value;if(Bt(I))return It(I);if(Q(I))return dt(I,l,2)})):Q(e)?t?c=()=>dt(e,l,2):c=()=>{if(!(l&&l.isUnmounted))return p&&p(),Re(e,l,3,[g])}:c=Je,t&&s){const I=c;c=()=>It(I())}let p,g=I=>{p=k.onStop=()=>{dt(I,l,4)}},$;if(hn)if(g=Je,t?n&&Re(t,l,3,[c(),h?[]:void 0,g]):c(),o==="sync"){const I=$c();$=I.__watcherHandles||(I.__watcherHandles=[])}else return Je;let j=h?new Array(e.length).fill($n):$n;const H=()=>{if(k.active)if(t){const I=k.run();(s||f||(h?I.some((W,Z)=>cn(W,j[Z])):cn(I,j)))&&(p&&p(),Re(t,l,3,[I,j===$n?void 0:h&&j[0]===$n?[]:j,g]),j=I)}else k.run()};H.allowRecurse=!!t;let se;o==="sync"?se=H:o==="post"?se=()=>Le(H,l&&l.suspense):(H.pre=!0,l&&(H.id=l.uid),se=()=>Xs(H));const k=new Us(c,se);t?n?H():j=k.run():o==="post"?Le(k.run.bind(k),l&&l.suspense):k.run();const E=()=>{k.stop(),l&&l.scope&&Hs(l.scope.effects,k)};return $&&$.push(E),E}function Al(e,t,n){const s=this.proxy,o=xe(e)?e.includes(".")?Ri(s,e):()=>s[e]:e.bind(s,s);let i;Q(t)?i=t:(i=t.handler,n=t);const r=ke;Jt(this);const l=Qn(o,i.bind(s),n);return r?Jt(r):Tt(),l}function Ri(e,t){const n=t.split(".");return()=>{let s=e;for(let o=0;o{It(n,t)});else if(vi(e))for(const n in e)It(e[n],t);return e}function Il(){const e={isMounted:!1,isLeaving:!1,isUnmounting:!1,leavingVNodes:new Map};return De(()=>{e.isMounted=!0}),Ki(()=>{e.isUnmounting=!0}),e}const He=[Function,Array],Nl={name:"BaseTransition",props:{mode:String,appear:Boolean,persisted:Boolean,onBeforeEnter:He,onEnter:He,onAfterEnter:He,onEnterCancelled:He,onBeforeLeave:He,onLeave:He,onAfterLeave:He,onLeaveCancelled:He,onBeforeAppear:He,onAppear:He,onAfterAppear:He,onAppearCancelled:He},setup(e,{slots:t}){const n=ts(),s=Il();let o;return()=>{const i=t.default&&Ui(t.default(),!0);if(!i||!i.length)return;let r=i[0];if(i.length>1){for(const H of i)if(H.type!==Oe){r=H;break}}const l=ce(e),{mode:c}=l;if(s.isLeaving)return fs(r);const f=Vo(r);if(!f)return fs(r);const h=$s(f,l,s,n);Ps(f,h);const p=n.subTree,g=p&&Vo(p);let $=!1;const{getTransitionKey:j}=f.type;if(j){const H=j();o===void 0?o=H:H!==o&&(o=H,$=!0)}if(g&&g.type!==Oe&&(!$t(f,g)||$)){const H=$s(g,l,s,n);if(Ps(g,H),c==="out-in")return s.isLeaving=!0,H.afterLeave=()=>{s.isLeaving=!1,n.update.active!==!1&&n.update()},fs(r);c==="in-out"&&f.type!==Oe&&(H.delayLeave=(se,k,E)=>{const I=zi(s,g);I[String(g.key)]=g,se._leaveCb=()=>{k(),se._leaveCb=void 0,delete h.delayedLeave},h.delayedLeave=E})}return r}}},Di=Nl;function zi(e,t){const{leavingVNodes:n}=e;let s=n.get(t.type);return s||(s=Object.create(null),n.set(t.type,s)),s}function $s(e,t,n,s){const{appear:o,mode:i,persisted:r=!1,onBeforeEnter:l,onEnter:c,onAfterEnter:f,onEnterCancelled:h,onBeforeLeave:p,onLeave:g,onAfterLeave:$,onLeaveCancelled:j,onBeforeAppear:H,onAppear:se,onAfterAppear:k,onAppearCancelled:E}=t,I=String(e.key),W=zi(n,e),Z=(M,X)=>{M&&Re(M,s,9,X)},he=(M,X)=>{const Y=X[1];Z(M,X),K(M)?M.every(re=>re.length<=1)&&Y():M.length<=1&&Y()},oe={mode:i,persisted:r,beforeEnter(M){let X=l;if(!n.isMounted)if(o)X=H||l;else return;M._leaveCb&&M._leaveCb(!0);const Y=W[I];Y&&$t(e,Y)&&Y.el._leaveCb&&Y.el._leaveCb(),Z(X,[M])},enter(M){let X=c,Y=f,re=h;if(!n.isMounted)if(o)X=se||c,Y=k||f,re=E||h;else return;let O=!1;const ee=M._enterCb=R=>{O||(O=!0,R?Z(re,[M]):Z(Y,[M]),oe.delayedLeave&&oe.delayedLeave(),M._enterCb=void 0)};X?he(X,[M,ee]):ee()},leave(M,X){const Y=String(e.key);if(M._enterCb&&M._enterCb(!0),n.isUnmounting)return X();Z(p,[M]);let re=!1;const O=M._leaveCb=ee=>{re||(re=!0,X(),ee?Z(j,[M]):Z($,[M]),M._leaveCb=void 0,W[Y]===e&&delete W[Y])};W[Y]=e,g?he(g,[M,O]):O()},clone(M){return $s(M,t,n,s)}};return oe}function fs(e){if(Xn(e))return e=_t(e),e.children=null,e}function Vo(e){return Xn(e)?e.children?e.children[0]:void 0:e}function Ps(e,t){e.shapeFlag&6&&e.component?Ps(e.component.subTree,t):e.shapeFlag&128?(e.ssContent.transition=t.clone(e.ssContent),e.ssFallback.transition=t.clone(e.ssFallback)):e.transition=t}function Ui(e,t=!1,n){let s=[],o=0;for(let i=0;i1)for(let i=0;i!!e.type.__asyncLoader,Xn=e=>e.type.__isKeepAlive;function Ol(e,t){ji(e,"a",t)}function Bl(e,t){ji(e,"da",t)}function ji(e,t,n=ke){const s=e.__wdc||(e.__wdc=()=>{let o=n;for(;o;){if(o.isDeactivated)return;o=o.parent}return e()});if(Zn(t,s,n),n){let o=n.parent;for(;o&&o.parent;)Xn(o.parent.vnode)&&Hl(s,t,n,o),o=o.parent}}function Hl(e,t,n,s){const o=Zn(t,e,s,!0);pt(()=>{Hs(s[t],o)},n)}function Zn(e,t,n=ke,s=!1){if(n){const o=n[e]||(n[e]=[]),i=t.__weh||(t.__weh=(...r)=>{if(n.isUnmounted)return;Gt(),Jt(n);const l=Re(t,n,e,r);return Tt(),Yt(),l});return s?o.unshift(i):o.push(i),i}}const it=e=>(t,n=ke)=>(!hn||e==="sp")&&Zn(e,(...s)=>t(...s),n),Fl=it("bm"),De=it("m"),Rl=it("bu"),Zs=it("u"),Ki=it("bum"),pt=it("um"),Dl=it("sp"),zl=it("rtg"),Ul=it("rtc");function jl(e,t=ke){Zn("ec",e,t)}function Xe(e,t,n,s){const o=e.dirs,i=t&&t.dirs;for(let r=0;rt(r,l,void 0,i&&i[l]));else{const r=Object.keys(e);o=new Array(r.length);for(let l=0,c=r.length;lOn(t)?!(t.type===Oe||t.type===G&&!Wi(t.children)):!0)?e:null}const Ss=e=>e?ir(e)?io(e)||e.proxy:Ss(e.parent):null,sn=we(Object.create(null),{$:e=>e,$el:e=>e.vnode.el,$data:e=>e.data,$props:e=>e.props,$attrs:e=>e.attrs,$slots:e=>e.slots,$refs:e=>e.refs,$parent:e=>Ss(e.parent),$root:e=>Ss(e.root),$emit:e=>e.emit,$options:e=>no(e),$forceUpdate:e=>e.f||(e.f=()=>Xs(e.update)),$nextTick:e=>e.n||(e.n=Qs.bind(e.proxy)),$watch:e=>Al.bind(e)}),ds=(e,t)=>e!==ge&&!e.__isScriptSetup&&ie(e,t),Kl={get({_:e},t){const{ctx:n,setupState:s,data:o,props:i,accessCache:r,type:l,appContext:c}=e;let f;if(t[0]!=="$"){const $=r[t];if($!==void 0)switch($){case 1:return s[t];case 2:return o[t];case 4:return n[t];case 3:return i[t]}else{if(ds(s,t))return r[t]=1,s[t];if(o!==ge&&ie(o,t))return r[t]=2,o[t];if((f=e.propsOptions[0])&&ie(f,t))return r[t]=3,i[t];if(n!==ge&&ie(n,t))return r[t]=4,n[t];Cs&&(r[t]=0)}}const h=sn[t];let p,g;if(h)return t==="$attrs"&&Be(e,"get",t),h(e);if((p=l.__cssModules)&&(p=p[t]))return p;if(n!==ge&&ie(n,t))return r[t]=4,n[t];if(g=c.config.globalProperties,ie(g,t))return g[t]},set({_:e},t,n){const{data:s,setupState:o,ctx:i}=e;return ds(o,t)?(o[t]=n,!0):s!==ge&&ie(s,t)?(s[t]=n,!0):ie(e.props,t)||t[0]==="$"&&t.slice(1)in e?!1:(i[t]=n,!0)},has({_:{data:e,setupState:t,accessCache:n,ctx:s,appContext:o,propsOptions:i}},r){let l;return!!n[r]||e!==ge&&ie(e,r)||ds(t,r)||(l=i[0])&&ie(l,r)||ie(s,r)||ie(sn,r)||ie(o.config.globalProperties,r)},defineProperty(e,t,n){return n.get!=null?e._.accessCache[t]=0:ie(n,"value")&&this.set(e,t,n.value,null),Reflect.defineProperty(e,t,n)}};let Cs=!0;function Jl(e){const t=no(e),n=e.proxy,s=e.ctx;Cs=!1,t.beforeCreate&&Lo(t.beforeCreate,e,"bc");const{data:o,computed:i,methods:r,watch:l,provide:c,inject:f,created:h,beforeMount:p,mounted:g,beforeUpdate:$,updated:j,activated:H,deactivated:se,beforeDestroy:k,beforeUnmount:E,destroyed:I,unmounted:W,render:Z,renderTracked:he,renderTriggered:oe,errorCaptured:M,serverPrefetch:X,expose:Y,inheritAttrs:re,components:O,directives:ee,filters:R}=t;if(f&&ql(f,s,null,e.appContext.config.unwrapInjectedRef),r)for(const be in r){const pe=r[be];Q(pe)&&(s[be]=pe.bind(n))}if(o){const be=o.call(n,n);ve(be)&&(e.data=qn(be))}if(Cs=!0,i)for(const be in i){const pe=i[be],vt=Q(pe)?pe.bind(n,n):Q(pe.get)?pe.get.bind(n,n):Je,vn=!Q(pe)&&Q(pe.set)?pe.set.bind(n):Je,gt=ne({get:vt,set:vn});Object.defineProperty(s,be,{enumerable:!0,configurable:!0,get:()=>gt.value,set:Ye=>gt.value=Ye})}if(l)for(const be in l)Gi(l[be],s,n,be);if(c){const be=Q(c)?c.call(n):c;Reflect.ownKeys(be).forEach(pe=>{Ft(pe,be[pe])})}h&&Lo(h,e,"c");function ue(be,pe){K(pe)?pe.forEach(vt=>be(vt.bind(n))):pe&&be(pe.bind(n))}if(ue(Fl,p),ue(De,g),ue(Rl,$),ue(Zs,j),ue(Ol,H),ue(Bl,se),ue(jl,M),ue(Ul,he),ue(zl,oe),ue(Ki,E),ue(pt,W),ue(Dl,X),K(Y))if(Y.length){const be=e.exposed||(e.exposed={});Y.forEach(pe=>{Object.defineProperty(be,pe,{get:()=>n[pe],set:vt=>n[pe]=vt})})}else e.exposed||(e.exposed={});Z&&e.render===Je&&(e.render=Z),re!=null&&(e.inheritAttrs=re),O&&(e.components=O),ee&&(e.directives=ee)}function ql(e,t,n=Je,s=!1){K(e)&&(e=Ts(e));for(const o in e){const i=e[o];let r;ve(i)?"default"in i?r=Ne(i.from||o,i.default,!0):r=Ne(i.from||o):r=Ne(i),Pe(r)&&s?Object.defineProperty(t,o,{enumerable:!0,configurable:!0,get:()=>r.value,set:l=>r.value=l}):t[o]=r}}function Lo(e,t,n){Re(K(e)?e.map(s=>s.bind(t.proxy)):e.bind(t.proxy),t,n)}function Gi(e,t,n,s){const o=s.includes(".")?Ri(n,s):()=>n[s];if(xe(e)){const i=t[e];Q(i)&&et(o,i)}else if(Q(e))et(o,e.bind(n));else if(ve(e))if(K(e))e.forEach(i=>Gi(i,t,n,s));else{const i=Q(e.handler)?e.handler.bind(n):t[e.handler];Q(i)&&et(o,i,e)}}function no(e){const t=e.type,{mixins:n,extends:s}=t,{mixins:o,optionsCache:i,config:{optionMergeStrategies:r}}=e.appContext,l=i.get(t);let c;return l?c=l:!o.length&&!n&&!s?c=t:(c={},o.length&&o.forEach(f=>In(c,f,r,!0)),In(c,t,r)),ve(t)&&i.set(t,c),c}function In(e,t,n,s=!1){const{mixins:o,extends:i}=t;i&&In(e,i,n,!0),o&&o.forEach(r=>In(e,r,n,!0));for(const r in t)if(!(s&&r==="expose")){const l=Wl[r]||n&&n[r];e[r]=l?l(e[r],t[r]):t[r]}return e}const Wl={data:Mo,props:kt,emits:kt,methods:kt,computed:kt,beforeCreate:Te,created:Te,beforeMount:Te,mounted:Te,beforeUpdate:Te,updated:Te,beforeDestroy:Te,beforeUnmount:Te,destroyed:Te,unmounted:Te,activated:Te,deactivated:Te,errorCaptured:Te,serverPrefetch:Te,components:kt,directives:kt,watch:Yl,provide:Mo,inject:Gl};function Mo(e,t){return t?e?function(){return we(Q(e)?e.call(this,this):e,Q(t)?t.call(this,this):t)}:t:e}function Gl(e,t){return kt(Ts(e),Ts(t))}function Ts(e){if(K(e)){const t={};for(let n=0;n0)&&!(r&16)){if(r&8){const h=e.vnode.dynamicProps;for(let p=0;p{c=!0;const[g,$]=Qi(p,t,!0);we(r,g),$&&l.push(...$)};!n&&t.mixins.length&&t.mixins.forEach(h),e.extends&&h(e.extends),e.mixins&&e.mixins.forEach(h)}if(!i&&!c)return ve(e)&&s.set(e,Nt),Nt;if(K(i))for(let h=0;h-1,$[1]=H<0||j-1||ie($,"default"))&&l.push(p)}}}const f=[r,l];return ve(e)&&s.set(e,f),f}function Ao(e){return e[0]!=="$"}function Io(e){const t=e&&e.toString().match(/^\s*function (\w+)/);return t?t[1]:e===null?"null":""}function No(e,t){return Io(e)===Io(t)}function Oo(e,t){return K(t)?t.findIndex(n=>No(n,e)):Q(t)&&No(t,e)?0:-1}const Xi=e=>e[0]==="_"||e==="$stable",so=e=>K(e)?e.map(Ue):[Ue(e)],Zl=(e,t,n)=>{if(t._n)return t;const s=A((...o)=>so(t(...o)),n);return s._c=!1,s},Zi=(e,t,n)=>{const s=e._ctx;for(const o in e){if(Xi(o))continue;const i=e[o];if(Q(i))t[o]=Zl(o,i,s);else if(i!=null){const r=so(i);t[o]=()=>r}}},er=(e,t)=>{const n=so(t);e.slots.default=()=>n},ec=(e,t)=>{if(e.vnode.shapeFlag&32){const n=t._;n?(e.slots=ce(t),En(t,"_",n)):Zi(t,e.slots={})}else e.slots={},t&&er(e,t);En(e.slots,es,1)},tc=(e,t,n)=>{const{vnode:s,slots:o}=e;let i=!0,r=ge;if(s.shapeFlag&32){const l=t._;l?n&&l===1?i=!1:(we(o,t),!n&&l===1&&delete o._):(i=!t.$stable,Zi(t,o)),r=t}else t&&(er(e,t),r={default:1});if(i)for(const l in o)!Xi(l)&&!(l in r)&&delete o[l]};function tr(){return{app:null,config:{isNativeTag:Ir,performance:!1,globalProperties:{},optionMergeStrategies:{},errorHandler:void 0,warnHandler:void 0,compilerOptions:{}},mixins:[],components:{},directives:{},provides:Object.create(null),optionsCache:new WeakMap,propsCache:new WeakMap,emitsCache:new WeakMap}}let nc=0;function sc(e,t){return function(s,o=null){Q(s)||(s=Object.assign({},s)),o!=null&&!ve(o)&&(o=null);const i=tr(),r=new Set;let l=!1;const c=i.app={_uid:nc++,_component:s,_props:o,_container:null,_context:i,_instance:null,version:Pc,get config(){return i.config},set config(f){},use(f,...h){return r.has(f)||(f&&Q(f.install)?(r.add(f),f.install(c,...h)):Q(f)&&(r.add(f),f(c,...h))),c},mixin(f){return i.mixins.includes(f)||i.mixins.push(f),c},component(f,h){return h?(i.components[f]=h,c):i.components[f]},directive(f,h){return h?(i.directives[f]=h,c):i.directives[f]},mount(f,h,p){if(!l){const g=V(s,o);return g.appContext=i,h&&t?t(g,f):e(g,f,p),l=!0,c._container=f,f.__vue_app__=c,io(g.component)||g.component.proxy}},unmount(){l&&(e(null,c._container),delete c._container.__vue_app__)},provide(f,h){return i.provides[f]=h,c}};return c}}function Nn(e,t,n,s,o=!1){if(K(e)){e.forEach((g,$)=>Nn(g,t&&(K(t)?t[$]:t),n,s,o));return}if(Rt(s)&&!o)return;const i=s.shapeFlag&4?io(s.component)||s.component.proxy:s.el,r=o?null:i,{i:l,r:c}=e,f=t&&t.r,h=l.refs===ge?l.refs={}:l.refs,p=l.setupState;if(f!=null&&f!==c&&(xe(f)?(h[f]=null,ie(p,f)&&(p[f]=null)):Pe(f)&&(f.value=null)),Q(c))dt(c,l,12,[r,h]);else{const g=xe(c),$=Pe(c);if(g||$){const j=()=>{if(e.f){const H=g?ie(p,c)?p[c]:h[c]:c.value;o?K(H)&&Hs(H,i):K(H)?H.includes(i)||H.push(i):g?(h[c]=[i],ie(p,c)&&(p[c]=h[c])):(c.value=[i],e.k&&(h[e.k]=c.value))}else g?(h[c]=r,ie(p,c)&&(p[c]=r)):$&&(c.value=r,e.k&&(h[e.k]=r))};r?(j.id=-1,Le(j,n)):j()}}}let lt=!1;const Pn=e=>/svg/.test(e.namespaceURI)&&e.tagName!=="foreignObject",Sn=e=>e.nodeType===8;function oc(e){const{mt:t,p:n,o:{patchProp:s,createText:o,nextSibling:i,parentNode:r,remove:l,insert:c,createComment:f}}=e,h=(k,E)=>{if(!E.hasChildNodes()){n(null,k,E),Mn(),E._vnode=k;return}lt=!1,p(E.firstChild,k,null,null,null),Mn(),E._vnode=k,lt&&console.error("Hydration completed but contains mismatches.")},p=(k,E,I,W,Z,he=!1)=>{const oe=Sn(k)&&k.data==="[",M=()=>H(k,E,I,W,Z,oe),{type:X,ref:Y,shapeFlag:re,patchFlag:O}=E;let ee=k.nodeType;E.el=k,O===-2&&(he=!1,E.dynamicChildren=null);let R=null;switch(X){case Kt:ee!==3?E.children===""?(c(E.el=o(""),r(k),k),R=k):R=M():(k.data!==E.children&&(lt=!0,k.data=E.children),R=i(k));break;case Oe:ee!==8||oe?R=M():R=i(k);break;case Dt:if(oe&&(k=i(k),ee=k.nodeType),ee===1||ee===3){R=k;const Me=!E.children.length;for(let ue=0;ue{he=he||!!E.dynamicChildren;const{type:oe,props:M,patchFlag:X,shapeFlag:Y,dirs:re}=E,O=oe==="input"&&re||oe==="option";if(O||X!==-1){if(re&&Xe(E,null,I,"created"),M)if(O||!he||X&48)for(const R in M)(O&&R.endsWith("value")||pn(R)&&!tn(R))&&s(k,R,null,M[R],!1,void 0,I);else M.onClick&&s(k,"onClick",null,M.onClick,!1,void 0,I);let ee;if((ee=M&&M.onVnodeBeforeMount)&&Fe(ee,I,E),re&&Xe(E,null,I,"beforeMount"),((ee=M&&M.onVnodeMounted)||re)&&Hi(()=>{ee&&Fe(ee,I,E),re&&Xe(E,null,I,"mounted")},W),Y&16&&!(M&&(M.innerHTML||M.textContent))){let R=$(k.firstChild,E,k,I,W,Z,he);for(;R;){lt=!0;const Me=R;R=R.nextSibling,l(Me)}}else Y&8&&k.textContent!==E.children&&(lt=!0,k.textContent=E.children)}return k.nextSibling},$=(k,E,I,W,Z,he,oe)=>{oe=oe||!!E.dynamicChildren;const M=E.children,X=M.length;for(let Y=0;Y{const{slotScopeIds:oe}=E;oe&&(Z=Z?Z.concat(oe):oe);const M=r(k),X=$(i(k),E,M,I,W,Z,he);return X&&Sn(X)&&X.data==="]"?i(E.anchor=X):(lt=!0,c(E.anchor=f("]"),M,X),X)},H=(k,E,I,W,Z,he)=>{if(lt=!0,E.el=null,he){const X=se(k);for(;;){const Y=i(k);if(Y&&Y!==X)l(Y);else break}}const oe=i(k),M=r(k);return l(k),n(null,E,M,oe,I,W,Pn(M),Z),oe},se=k=>{let E=0;for(;k;)if(k=i(k),k&&Sn(k)&&(k.data==="["&&E++,k.data==="]")){if(E===0)return i(k);E--}return k};return[h,p]}const Le=Hi;function ic(e){return rc(e,oc)}function rc(e,t){const n=Rr();n.__VUE__=!0;const{insert:s,remove:o,patchProp:i,createElement:r,createText:l,createComment:c,setText:f,setElementText:h,parentNode:p,nextSibling:g,setScopeId:$=Je,insertStaticContent:j}=e,H=(a,u,m,x=null,y=null,S=null,L=!1,P=null,T=!!u.dynamicChildren)=>{if(a===u)return;a&&!$t(a,u)&&(x=gn(a),Ye(a,y,S,!0),a=null),u.patchFlag===-2&&(T=!1,u.dynamicChildren=null);const{type:w,ref:D,shapeFlag:B}=u;switch(w){case Kt:se(a,u,m,x);break;case Oe:k(a,u,m,x);break;case Dt:a==null&&E(u,m,x,L);break;case G:O(a,u,m,x,y,S,L,P,T);break;default:B&1?Z(a,u,m,x,y,S,L,P,T):B&6?ee(a,u,m,x,y,S,L,P,T):(B&64||B&128)&&w.process(a,u,m,x,y,S,L,P,T,Mt)}D!=null&&y&&Nn(D,a&&a.ref,S,u||a,!u)},se=(a,u,m,x)=>{if(a==null)s(u.el=l(u.children),m,x);else{const y=u.el=a.el;u.children!==a.children&&f(y,u.children)}},k=(a,u,m,x)=>{a==null?s(u.el=c(u.children||""),m,x):u.el=a.el},E=(a,u,m,x)=>{[a.el,a.anchor]=j(a.children,u,m,x,a.el,a.anchor)},I=({el:a,anchor:u},m,x)=>{let y;for(;a&&a!==u;)y=g(a),s(a,m,x),a=y;s(u,m,x)},W=({el:a,anchor:u})=>{let m;for(;a&&a!==u;)m=g(a),o(a),a=m;o(u)},Z=(a,u,m,x,y,S,L,P,T)=>{L=L||u.type==="svg",a==null?he(u,m,x,y,S,L,P,T):X(a,u,y,S,L,P,T)},he=(a,u,m,x,y,S,L,P)=>{let T,w;const{type:D,props:B,shapeFlag:z,transition:J,dirs:te}=a;if(T=a.el=r(a.type,S,B&&B.is,B),z&8?h(T,a.children):z&16&&M(a.children,T,null,x,y,S&&D!=="foreignObject",L,P),te&&Xe(a,null,x,"created"),B){for(const fe in B)fe!=="value"&&!tn(fe)&&i(T,fe,null,B[fe],S,a.children,x,y,nt);"value"in B&&i(T,"value",null,B.value),(w=B.onVnodeBeforeMount)&&Fe(w,x,a)}oe(T,a,a.scopeId,L,x),te&&Xe(a,null,x,"beforeMount");const me=(!y||y&&!y.pendingBranch)&&J&&!J.persisted;me&&J.beforeEnter(T),s(T,u,m),((w=B&&B.onVnodeMounted)||me||te)&&Le(()=>{w&&Fe(w,x,a),me&&J.enter(T),te&&Xe(a,null,x,"mounted")},y)},oe=(a,u,m,x,y)=>{if(m&&$(a,m),x)for(let S=0;S{for(let w=T;w{const P=u.el=a.el;let{patchFlag:T,dynamicChildren:w,dirs:D}=u;T|=a.patchFlag&16;const B=a.props||ge,z=u.props||ge;let J;m&&bt(m,!1),(J=z.onVnodeBeforeUpdate)&&Fe(J,m,u,a),D&&Xe(u,a,m,"beforeUpdate"),m&&bt(m,!0);const te=y&&u.type!=="foreignObject";if(w?Y(a.dynamicChildren,w,P,m,x,te,S):L||pe(a,u,P,null,m,x,te,S,!1),T>0){if(T&16)re(P,u,B,z,m,x,y);else if(T&2&&B.class!==z.class&&i(P,"class",null,z.class,y),T&4&&i(P,"style",B.style,z.style,y),T&8){const me=u.dynamicProps;for(let fe=0;fe{J&&Fe(J,m,u,a),D&&Xe(u,a,m,"updated")},x)},Y=(a,u,m,x,y,S,L)=>{for(let P=0;P{if(m!==x){if(m!==ge)for(const P in m)!tn(P)&&!(P in x)&&i(a,P,m[P],null,L,u.children,y,S,nt);for(const P in x){if(tn(P))continue;const T=x[P],w=m[P];T!==w&&P!=="value"&&i(a,P,w,T,L,u.children,y,S,nt)}"value"in x&&i(a,"value",m.value,x.value)}},O=(a,u,m,x,y,S,L,P,T)=>{const w=u.el=a?a.el:l(""),D=u.anchor=a?a.anchor:l("");let{patchFlag:B,dynamicChildren:z,slotScopeIds:J}=u;J&&(P=P?P.concat(J):J),a==null?(s(w,m,x),s(D,m,x),M(u.children,m,D,y,S,L,P,T)):B>0&&B&64&&z&&a.dynamicChildren?(Y(a.dynamicChildren,z,m,y,S,L,P),(u.key!=null||y&&u===y.subTree)&&nr(a,u,!0)):pe(a,u,m,D,y,S,L,P,T)},ee=(a,u,m,x,y,S,L,P,T)=>{u.slotScopeIds=P,a==null?u.shapeFlag&512?y.ctx.activate(u,m,x,L,T):R(u,m,x,y,S,L,T):Me(a,u,T)},R=(a,u,m,x,y,S,L)=>{const P=a.component=pc(a,x,y);if(Xn(a)&&(P.ctx.renderer=Mt),mc(P),P.asyncDep){if(y&&y.registerDep(P,ue),!a.el){const T=P.subTree=V(Oe);k(null,T,u,m)}return}ue(P,a,u,m,y,S,L)},Me=(a,u,m)=>{const x=u.component=a.component;if(El(a,u,m))if(x.asyncDep&&!x.asyncResolved){be(x,u,m);return}else x.next=u,$l(x.update),x.update();else u.el=a.el,x.vnode=u},ue=(a,u,m,x,y,S,L)=>{const P=()=>{if(a.isMounted){let{next:D,bu:B,u:z,parent:J,vnode:te}=a,me=D,fe;bt(a,!1),D?(D.el=te.el,be(a,D,L)):D=te,B&&as(B),(fe=D.props&&D.props.onVnodeBeforeUpdate)&&Fe(fe,J,D,te),bt(a,!0);const ye=us(a),ze=a.subTree;a.subTree=ye,H(ze,ye,p(ze.el),gn(ze),a,y,S),D.el=ye.el,me===null&&Ll(a,ye.el),z&&Le(z,y),(fe=D.props&&D.props.onVnodeUpdated)&&Le(()=>Fe(fe,J,D,te),y)}else{let D;const{el:B,props:z}=u,{bm:J,m:te,parent:me}=a,fe=Rt(u);if(bt(a,!1),J&&as(J),!fe&&(D=z&&z.onVnodeBeforeMount)&&Fe(D,me,u),bt(a,!0),B&&ls){const ye=()=>{a.subTree=us(a),ls(B,a.subTree,a,y,null)};fe?u.type.__asyncLoader().then(()=>!a.isUnmounted&&ye()):ye()}else{const ye=a.subTree=us(a);H(null,ye,m,x,a,y,S),u.el=ye.el}if(te&&Le(te,y),!fe&&(D=z&&z.onVnodeMounted)){const ye=u;Le(()=>Fe(D,me,ye),y)}(u.shapeFlag&256||me&&Rt(me.vnode)&&me.vnode.shapeFlag&256)&&a.a&&Le(a.a,y),a.isMounted=!0,u=m=x=null}},T=a.effect=new Us(P,()=>Xs(w),a.scope),w=a.update=()=>T.run();w.id=a.uid,bt(a,!0),w()},be=(a,u,m)=>{u.component=a;const x=a.vnode.props;a.vnode=u,a.next=null,Xl(a,u.props,x,m),tc(a,u.children,m),Gt(),Co(),Yt()},pe=(a,u,m,x,y,S,L,P,T=!1)=>{const w=a&&a.children,D=a?a.shapeFlag:0,B=u.children,{patchFlag:z,shapeFlag:J}=u;if(z>0){if(z&128){vn(w,B,m,x,y,S,L,P,T);return}else if(z&256){vt(w,B,m,x,y,S,L,P,T);return}}J&8?(D&16&&nt(w,y,S),B!==w&&h(m,B)):D&16?J&16?vn(w,B,m,x,y,S,L,P,T):nt(w,y,S,!0):(D&8&&h(m,""),J&16&&M(B,m,x,y,S,L,P,T))},vt=(a,u,m,x,y,S,L,P,T)=>{a=a||Nt,u=u||Nt;const w=a.length,D=u.length,B=Math.min(w,D);let z;for(z=0;zD?nt(a,y,S,!0,!1,B):M(u,m,x,y,S,L,P,T,B)},vn=(a,u,m,x,y,S,L,P,T)=>{let w=0;const D=u.length;let B=a.length-1,z=D-1;for(;w<=B&&w<=z;){const J=a[w],te=u[w]=T?ut(u[w]):Ue(u[w]);if($t(J,te))H(J,te,m,null,y,S,L,P,T);else break;w++}for(;w<=B&&w<=z;){const J=a[B],te=u[z]=T?ut(u[z]):Ue(u[z]);if($t(J,te))H(J,te,m,null,y,S,L,P,T);else break;B--,z--}if(w>B){if(w<=z){const J=z+1,te=Jz)for(;w<=B;)Ye(a[w],y,S,!0),w++;else{const J=w,te=w,me=new Map;for(w=te;w<=z;w++){const Ae=u[w]=T?ut(u[w]):Ue(u[w]);Ae.key!=null&&me.set(Ae.key,w)}let fe,ye=0;const ze=z-te+1;let At=!1,mo=0;const Xt=new Array(ze);for(w=0;w=ze){Ye(Ae,y,S,!0);continue}let Qe;if(Ae.key!=null)Qe=me.get(Ae.key);else for(fe=te;fe<=z;fe++)if(Xt[fe-te]===0&&$t(Ae,u[fe])){Qe=fe;break}Qe===void 0?Ye(Ae,y,S,!0):(Xt[Qe-te]=w+1,Qe>=mo?mo=Qe:At=!0,H(Ae,u[Qe],m,null,y,S,L,P,T),ye++)}const vo=At?lc(Xt):Nt;for(fe=vo.length-1,w=ze-1;w>=0;w--){const Ae=te+w,Qe=u[Ae],go=Ae+1{const{el:S,type:L,transition:P,children:T,shapeFlag:w}=a;if(w&6){gt(a.component.subTree,u,m,x);return}if(w&128){a.suspense.move(u,m,x);return}if(w&64){L.move(a,u,m,Mt);return}if(L===G){s(S,u,m);for(let B=0;BP.enter(S),y);else{const{leave:B,delayLeave:z,afterLeave:J}=P,te=()=>s(S,u,m),me=()=>{B(S,()=>{te(),J&&J()})};z?z(S,te,me):me()}else s(S,u,m)},Ye=(a,u,m,x=!1,y=!1)=>{const{type:S,props:L,ref:P,children:T,dynamicChildren:w,shapeFlag:D,patchFlag:B,dirs:z}=a;if(P!=null&&Nn(P,null,m,a,!0),D&256){u.ctx.deactivate(a);return}const J=D&1&&z,te=!Rt(a);let me;if(te&&(me=L&&L.onVnodeBeforeUnmount)&&Fe(me,u,a),D&6)Cr(a.component,m,x);else{if(D&128){a.suspense.unmount(m,x);return}J&&Xe(a,null,u,"beforeUnmount"),D&64?a.type.remove(a,u,m,y,Mt,x):w&&(S!==G||B>0&&B&64)?nt(w,u,m,!1,!0):(S===G&&B&384||!y&&D&16)&&nt(T,u,m),x&&_o(a)}(te&&(me=L&&L.onVnodeUnmounted)||J)&&Le(()=>{me&&Fe(me,u,a),J&&Xe(a,null,u,"unmounted")},m)},_o=a=>{const{type:u,el:m,anchor:x,transition:y}=a;if(u===G){Sr(m,x);return}if(u===Dt){W(a);return}const S=()=>{o(m),y&&!y.persisted&&y.afterLeave&&y.afterLeave()};if(a.shapeFlag&1&&y&&!y.persisted){const{leave:L,delayLeave:P}=y,T=()=>L(m,S);P?P(a.el,S,T):T()}else S()},Sr=(a,u)=>{let m;for(;a!==u;)m=g(a),o(a),a=m;o(u)},Cr=(a,u,m)=>{const{bum:x,scope:y,update:S,subTree:L,um:P}=a;x&&as(x),y.stop(),S&&(S.active=!1,Ye(L,a,u,m)),P&&Le(P,u),Le(()=>{a.isUnmounted=!0},u),u&&u.pendingBranch&&!u.isUnmounted&&a.asyncDep&&!a.asyncResolved&&a.suspenseId===u.pendingId&&(u.deps--,u.deps===0&&u.resolve())},nt=(a,u,m,x=!1,y=!1,S=0)=>{for(let L=S;La.shapeFlag&6?gn(a.component.subTree):a.shapeFlag&128?a.suspense.next():g(a.anchor||a.el),po=(a,u,m)=>{a==null?u._vnode&&Ye(u._vnode,null,null,!0):H(u._vnode||null,a,u,null,null,null,m),Co(),Mn(),u._vnode=a},Mt={p:H,um:Ye,m:gt,r:_o,mt:R,mc:M,pc:pe,pbc:Y,n:gn,o:e};let rs,ls;return t&&([rs,ls]=t(Mt)),{render:po,hydrate:rs,createApp:sc(po,rs)}}function bt({effect:e,update:t},n){e.allowRecurse=t.allowRecurse=n}function nr(e,t,n=!1){const s=e.children,o=t.children;if(K(s)&&K(o))for(let i=0;i>1,e[n[l]]0&&(t[s]=n[i-1]),n[i]=s)}}for(i=n.length,r=n[i-1];i-- >0;)n[i]=r,r=t[r];return n}const cc=e=>e.__isTeleport,G=Symbol(void 0),Kt=Symbol(void 0),Oe=Symbol(void 0),Dt=Symbol(void 0),on=[];let Ke=null;function d(e=!1){on.push(Ke=e?null:[])}function ac(){on.pop(),Ke=on[on.length-1]||null}let dn=1;function Bo(e){dn+=e}function sr(e){return e.dynamicChildren=dn>0?Ke||Nt:null,ac(),dn>0&&Ke&&Ke.push(e),e}function v(e,t,n,s,o,i){return sr(b(e,t,n,s,o,i,!0))}function q(e,t,n,s,o){return sr(V(e,t,n,s,o,!0))}function On(e){return e?e.__v_isVNode===!0:!1}function $t(e,t){return e.type===t.type&&e.key===t.key}const es="__vInternal",or=({key:e})=>e??null,Tn=({ref:e,ref_key:t,ref_for:n})=>e!=null?xe(e)||Pe(e)||Q(e)?{i:Se,r:e,k:t,f:!!n}:e:null;function b(e,t=null,n=null,s=0,o=null,i=e===G?0:1,r=!1,l=!1){const c={__v_isVNode:!0,__v_skip:!0,type:e,props:t,key:t&&or(t),ref:t&&Tn(t),scopeId:Yn,slotScopeIds:null,children:n,component:null,suspense:null,ssContent:null,ssFallback:null,dirs:null,transition:null,el:null,anchor:null,target:null,targetAnchor:null,staticCount:0,shapeFlag:i,patchFlag:s,dynamicProps:o,dynamicChildren:null,appContext:null,ctx:Se};return l?(oo(c,n),i&128&&e.normalize(c)):n&&(c.shapeFlag|=xe(n)?8:16),dn>0&&!r&&Ke&&(c.patchFlag>0||i&6)&&c.patchFlag!==32&&Ke.push(c),c}const V=uc;function uc(e,t=null,n=null,s=0,o=null,i=!1){if((!e||e===Ji)&&(e=Oe),On(e)){const l=_t(e,t,!0);return n&&oo(l,n),dn>0&&!i&&Ke&&(l.shapeFlag&6?Ke[Ke.indexOf(e)]=l:Ke.push(l)),l.patchFlag|=-2,l}if(yc(e)&&(e=e.__vccOpts),t){t=fc(t);let{class:l,style:c}=t;l&&!xe(l)&&(t.class=de(l)),ve(c)&&(Ti(c)&&!K(c)&&(c=we({},c)),t.style=zn(c))}const r=xe(e)?1:Ml(e)?128:cc(e)?64:ve(e)?4:Q(e)?2:0;return b(e,t,n,s,o,r,i,!0)}function fc(e){return e?Ti(e)||es in e?we({},e):e:null}function _t(e,t,n=!1){const{props:s,ref:o,patchFlag:i,children:r}=e,l=t?Vn(s||{},t):s;return{__v_isVNode:!0,__v_skip:!0,type:e.type,props:l,key:l&&or(l),ref:t&&t.ref?n&&o?K(o)?o.concat(Tn(t)):[o,Tn(t)]:Tn(t):o,scopeId:e.scopeId,slotScopeIds:e.slotScopeIds,children:r,target:e.target,targetAnchor:e.targetAnchor,staticCount:e.staticCount,shapeFlag:e.shapeFlag,patchFlag:t&&e.type!==G?i===-1?16:i|16:i,dynamicProps:e.dynamicProps,dynamicChildren:e.dynamicChildren,appContext:e.appContext,dirs:e.dirs,transition:e.transition,component:e.component,suspense:e.suspense,ssContent:e.ssContent&&_t(e.ssContent),ssFallback:e.ssFallback&&_t(e.ssFallback),el:e.el,anchor:e.anchor,ctx:e.ctx}}function Ee(e=" ",t=0){return V(Kt,null,e,t)}function dc(e,t){const n=V(Dt,null,e);return n.staticCount=t,n}function U(e="",t=!1){return t?(d(),q(Oe,null,e)):V(Oe,null,e)}function Ue(e){return e==null||typeof e=="boolean"?V(Oe):K(e)?V(G,null,e.slice()):typeof e=="object"?ut(e):V(Kt,null,String(e))}function ut(e){return e.el===null&&e.patchFlag!==-1||e.memo?e:_t(e)}function oo(e,t){let n=0;const{shapeFlag:s}=e;if(t==null)t=null;else if(K(t))n=16;else if(typeof t=="object")if(s&65){const o=t.default;o&&(o._c&&(o._d=!1),oo(e,o()),o._c&&(o._d=!0));return}else{n=32;const o=t._;!o&&!(es in t)?t._ctx=Se:o===3&&Se&&(Se.slots._===1?t._=1:(t._=2,e.patchFlag|=1024))}else Q(t)?(t={default:t,_ctx:Se},n=32):(t=String(t),s&64?(n=16,t=[Ee(t)]):n=8);e.children=t,e.shapeFlag|=n}function Vn(...e){const t={};for(let n=0;nke||Se,Jt=e=>{ke=e,e.scope.on()},Tt=()=>{ke&&ke.scope.off(),ke=null};function ir(e){return e.vnode.shapeFlag&4}let hn=!1;function mc(e,t=!1){hn=t;const{props:n,children:s}=e.vnode,o=ir(e);Ql(e,n,o,t),ec(e,s);const i=o?vc(e,t):void 0;return hn=!1,i}function vc(e,t){const n=e.type;e.accessCache=Object.create(null),e.proxy=nn(new Proxy(e.ctx,Kl));const{setup:s}=n;if(s){const o=e.setupContext=s.length>1?lr(e):null;Jt(e),Gt();const i=dt(s,e,0,[e.props,o]);if(Yt(),Tt(),pi(i)){if(i.then(Tt,Tt),t)return i.then(r=>{Ho(e,r,t)}).catch(r=>{Wn(r,e,0)});e.asyncDep=i}else Ho(e,i,t)}else rr(e,t)}function Ho(e,t,n){Q(t)?e.type.__ssrInlineRender?e.ssrRender=t:e.render=t:ve(t)&&(e.setupState=Mi(t)),rr(e,n)}let Fo;function rr(e,t,n){const s=e.type;if(!e.render){if(!t&&Fo&&!s.render){const o=s.template||no(e).template;if(o){const{isCustomElement:i,compilerOptions:r}=e.appContext.config,{delimiters:l,compilerOptions:c}=s,f=we(we({isCustomElement:i,delimiters:l},r),c);s.render=Fo(o,f)}}e.render=s.render||Je}Jt(e),Gt(),Jl(e),Yt(),Tt()}function gc(e){return new Proxy(e.attrs,{get(t,n){return Be(e,"get","$attrs"),t[n]}})}function lr(e){const t=s=>{e.exposed=s||{}};let n;return{get attrs(){return n||(n=gc(e))},slots:e.slots,emit:e.emit,expose:t}}function io(e){if(e.exposed)return e.exposeProxy||(e.exposeProxy=new Proxy(Mi(nn(e.exposed)),{get(t,n){if(n in t)return t[n];if(n in sn)return sn[n](e)},has(t,n){return n in t||n in sn}}))}function bc(e,t=!0){return Q(e)?e.displayName||e.name:e.name||t&&e.__name}function yc(e){return Q(e)&&"__vccOpts"in e}const ne=(e,t)=>xl(e,t,hn);function xc(){return kc().slots}function kc(){const e=ts();return e.setupContext||(e.setupContext=lr(e))}function Bn(e,t,n){const s=arguments.length;return s===2?ve(t)&&!K(t)?On(t)?V(e,null,[t]):V(e,t):V(e,null,t):(s>3?n=Array.prototype.slice.call(arguments,2):s===3&&On(n)&&(n=[n]),V(e,t,n))}const wc=Symbol(""),$c=()=>Ne(wc),Pc="3.2.45",Sc="http://www.w3.org/2000/svg",Pt=typeof document<"u"?document:null,Ro=Pt&&Pt.createElement("template"),Cc={insert:(e,t,n)=>{t.insertBefore(e,n||null)},remove:e=>{const t=e.parentNode;t&&t.removeChild(e)},createElement:(e,t,n,s)=>{const o=t?Pt.createElementNS(Sc,e):Pt.createElement(e,n?{is:n}:void 0);return e==="select"&&s&&s.multiple!=null&&o.setAttribute("multiple",s.multiple),o},createText:e=>Pt.createTextNode(e),createComment:e=>Pt.createComment(e),setText:(e,t)=>{e.nodeValue=t},setElementText:(e,t)=>{e.textContent=t},parentNode:e=>e.parentNode,nextSibling:e=>e.nextSibling,querySelector:e=>Pt.querySelector(e),setScopeId(e,t){e.setAttribute(t,"")},insertStaticContent(e,t,n,s,o,i){const r=n?n.previousSibling:t.lastChild;if(o&&(o===i||o.nextSibling))for(;t.insertBefore(o.cloneNode(!0),n),!(o===i||!(o=o.nextSibling)););else{Ro.innerHTML=s?`${e}`:e;const l=Ro.content;if(s){const c=l.firstChild;for(;c.firstChild;)l.appendChild(c.firstChild);l.removeChild(c)}t.insertBefore(l,n)}return[r?r.nextSibling:t.firstChild,n?n.previousSibling:t.lastChild]}};function Tc(e,t,n){const s=e._vtc;s&&(t=(t?[t,...s]:[...s]).join(" ")),t==null?e.removeAttribute("class"):n?e.setAttribute("class",t):e.className=t}function Vc(e,t,n){const s=e.style,o=xe(n);if(n&&!o){for(const i in n)Es(s,i,n[i]);if(t&&!xe(t))for(const i in t)n[i]==null&&Es(s,i,"")}else{const i=s.display;o?t!==n&&(s.cssText=n):t&&e.removeAttribute("style"),"_vod"in e&&(s.display=i)}}const Do=/\s*!important$/;function Es(e,t,n){if(K(n))n.forEach(s=>Es(e,t,s));else if(n==null&&(n=""),t.startsWith("--"))e.setProperty(t,n);else{const s=Ec(e,t);Do.test(n)?e.setProperty(Wt(s),n.replace(Do,""),"important"):e[s]=n}}const zo=["Webkit","Moz","ms"],hs={};function Ec(e,t){const n=hs[t];if(n)return n;let s=tt(t);if(s!=="filter"&&s in e)return hs[t]=s;s=Kn(s);for(let o=0;o_s||(Bc.then(()=>_s=0),_s=Date.now());function Fc(e,t){const n=s=>{if(!s._vts)s._vts=Date.now();else if(s._vts<=n.attached)return;Re(Rc(s,n.value),t,5,[s])};return n.value=e,n.attached=Hc(),n}function Rc(e,t){if(K(t)){const n=e.stopImmediatePropagation;return e.stopImmediatePropagation=()=>{n.call(e),e._stopped=!0},t.map(s=>o=>!o._stopped&&s&&s(o))}else return t}const Ko=/^on[a-z]/,Dc=(e,t,n,s,o=!1,i,r,l,c)=>{t==="class"?Tc(e,s,o):t==="style"?Vc(e,n,s):pn(t)?Bs(t)||Nc(e,t,n,s,r):(t[0]==="."?(t=t.slice(1),!0):t[0]==="^"?(t=t.slice(1),!1):zc(e,t,s,o))?Mc(e,t,s,i,r,l,c):(t==="true-value"?e._trueValue=s:t==="false-value"&&(e._falseValue=s),Lc(e,t,s,o))};function zc(e,t,n,s){return s?!!(t==="innerHTML"||t==="textContent"||t in e&&Ko.test(t)&&Q(n)):t==="spellcheck"||t==="draggable"||t==="translate"||t==="form"||t==="list"&&e.tagName==="INPUT"||t==="type"&&e.tagName==="TEXTAREA"||Ko.test(t)&&xe(n)?!1:t in e}function Uc(e){const t=ts();if(!t)return;const n=t.ut=(o=e(t.proxy))=>{Array.from(document.querySelectorAll(`[data-v-owner="${t.uid}"]`)).forEach(i=>Ms(i,o))},s=()=>{const o=e(t.proxy);Ls(t.subTree,o),n(o)};Fi(s),De(()=>{const o=new MutationObserver(s);o.observe(t.subTree.el.parentNode,{childList:!0}),pt(()=>o.disconnect())})}function Ls(e,t){if(e.shapeFlag&128){const n=e.suspense;e=n.activeBranch,n.pendingBranch&&!n.isHydrating&&n.effects.push(()=>{Ls(n.activeBranch,t)})}for(;e.component;)e=e.component.subTree;if(e.shapeFlag&1&&e.el)Ms(e.el,t);else if(e.type===G)e.children.forEach(n=>Ls(n,t));else if(e.type===Dt){let{el:n,anchor:s}=e;for(;n&&(Ms(n,t),n!==s);)n=n.nextSibling}}function Ms(e,t){if(e.nodeType===1){const n=e.style;for(const s in t)n.setProperty(`--${s}`,t[s])}}const ct="transition",Zt="animation",ns=(e,{slots:t})=>Bn(Di,jc(e),t);ns.displayName="Transition";const cr={name:String,type:String,css:{type:Boolean,default:!0},duration:[String,Number,Object],enterFromClass:String,enterActiveClass:String,enterToClass:String,appearFromClass:String,appearActiveClass:String,appearToClass:String,leaveFromClass:String,leaveActiveClass:String,leaveToClass:String};ns.props=we({},Di.props,cr);const yt=(e,t=[])=>{K(e)?e.forEach(n=>n(...t)):e&&e(...t)},Jo=e=>e?K(e)?e.some(t=>t.length>1):e.length>1:!1;function jc(e){const t={};for(const O in e)O in cr||(t[O]=e[O]);if(e.css===!1)return t;const{name:n="v",type:s,duration:o,enterFromClass:i=`${n}-enter-from`,enterActiveClass:r=`${n}-enter-active`,enterToClass:l=`${n}-enter-to`,appearFromClass:c=i,appearActiveClass:f=r,appearToClass:h=l,leaveFromClass:p=`${n}-leave-from`,leaveActiveClass:g=`${n}-leave-active`,leaveToClass:$=`${n}-leave-to`}=e,j=Kc(o),H=j&&j[0],se=j&&j[1],{onBeforeEnter:k,onEnter:E,onEnterCancelled:I,onLeave:W,onLeaveCancelled:Z,onBeforeAppear:he=k,onAppear:oe=E,onAppearCancelled:M=I}=t,X=(O,ee,R)=>{xt(O,ee?h:l),xt(O,ee?f:r),R&&R()},Y=(O,ee)=>{O._isLeaving=!1,xt(O,p),xt(O,$),xt(O,g),ee&&ee()},re=O=>(ee,R)=>{const Me=O?oe:E,ue=()=>X(ee,O,R);yt(Me,[ee,ue]),qo(()=>{xt(ee,O?c:i),at(ee,O?h:l),Jo(Me)||Wo(ee,s,H,ue)})};return we(t,{onBeforeEnter(O){yt(k,[O]),at(O,i),at(O,r)},onBeforeAppear(O){yt(he,[O]),at(O,c),at(O,f)},onEnter:re(!1),onAppear:re(!0),onLeave(O,ee){O._isLeaving=!0;const R=()=>Y(O,ee);at(O,p),Wc(),at(O,g),qo(()=>{O._isLeaving&&(xt(O,p),at(O,$),Jo(W)||Wo(O,s,se,R))}),yt(W,[O,R])},onEnterCancelled(O){X(O,!1),yt(I,[O])},onAppearCancelled(O){X(O,!0),yt(M,[O])},onLeaveCancelled(O){Y(O),yt(Z,[O])}})}function Kc(e){if(e==null)return null;if(ve(e))return[ps(e.enter),ps(e.leave)];{const t=ps(e);return[t,t]}}function ps(e){return Ds(e)}function at(e,t){t.split(/\s+/).forEach(n=>n&&e.classList.add(n)),(e._vtc||(e._vtc=new Set)).add(t)}function xt(e,t){t.split(/\s+/).forEach(s=>s&&e.classList.remove(s));const{_vtc:n}=e;n&&(n.delete(t),n.size||(e._vtc=void 0))}function qo(e){requestAnimationFrame(()=>{requestAnimationFrame(e)})}let Jc=0;function Wo(e,t,n,s){const o=e._endId=++Jc,i=()=>{o===e._endId&&s()};if(n)return setTimeout(i,n);const{type:r,timeout:l,propCount:c}=qc(e,t);if(!r)return s();const f=r+"end";let h=0;const p=()=>{e.removeEventListener(f,g),i()},g=$=>{$.target===e&&++h>=c&&p()};setTimeout(()=>{h(n[j]||"").split(", "),o=s(`${ct}Delay`),i=s(`${ct}Duration`),r=Go(o,i),l=s(`${Zt}Delay`),c=s(`${Zt}Duration`),f=Go(l,c);let h=null,p=0,g=0;t===ct?r>0&&(h=ct,p=r,g=i.length):t===Zt?f>0&&(h=Zt,p=f,g=c.length):(p=Math.max(r,f),h=p>0?r>f?ct:Zt:null,g=h?h===ct?i.length:c.length:0);const $=h===ct&&/\b(transform|all)(,|$)/.test(s(`${ct}Property`).toString());return{type:h,timeout:p,propCount:g,hasTransform:$}}function Go(e,t){for(;e.lengthYo(n)+Yo(e[s])))}function Yo(e){return Number(e.slice(0,-1).replace(",","."))*1e3}function Wc(){return document.body.offsetHeight}const Gc=["ctrl","shift","alt","meta"],Yc={stop:e=>e.stopPropagation(),prevent:e=>e.preventDefault(),self:e=>e.target!==e.currentTarget,ctrl:e=>!e.ctrlKey,shift:e=>!e.shiftKey,alt:e=>!e.altKey,meta:e=>!e.metaKey,left:e=>"button"in e&&e.button!==0,middle:e=>"button"in e&&e.button!==1,right:e=>"button"in e&&e.button!==2,exact:(e,t)=>Gc.some(n=>e[`${n}Key`]&&!t.includes(n))},Qc=(e,t)=>(n,...s)=>{for(let o=0;o{const t=Zc().createApp(...e),{mount:n}=t;return t.mount=s=>{const o=ta(s);if(o)return n(o,!0,o instanceof SVGElement)},t};function ta(e){return xe(e)?document.querySelector(e):e}const N=(e,t)=>{const n=e.__vccOpts||e;for(const[s,o]of t)n[s]=o;return n},na="modulepreload",sa=function(e){return"/HuaiGu/"+e},Xo={},oa=function(t,n,s){if(!n||n.length===0)return t();const o=document.getElementsByTagName("link");return Promise.all(n.map(i=>{if(i=sa(i),i in Xo)return;Xo[i]=!0;const r=i.endsWith(".css"),l=r?'[rel="stylesheet"]':"";if(!!s)for(let h=o.length-1;h>=0;h--){const p=o[h];if(p.href===i&&(!r||p.rel==="stylesheet"))return}else if(document.querySelector(`link[href="${i}"]${l}`))return;const f=document.createElement("link");if(f.rel=r?"stylesheet":na,r||(f.as="script",f.crossOrigin=""),f.href=i,document.head.appendChild(f),r)return new Promise((h,p)=>{f.addEventListener("load",h),f.addEventListener("error",()=>p(new Error(`Unable to preload CSS for ${i}`)))})})).then(()=>t())};const ia=F({__name:"VPBadge",props:{text:null,type:null},setup(e){return(t,n)=>(d(),v("span",{class:de(["VPBadge",e.type??"tip"])},[C(t.$slots,"default",{},()=>[Ee(ae(e.text),1)],!0)],2))}});const ra=N(ia,[["__scopeId","data-v-350d3852"]]),la=JSON.parse('{"lang":"en-US","title":"怀谷","description":"vue react leetcode angular","base":"/HuaiGu/","head":[],"appearance":true,"themeConfig":{"siteTitle":"怀谷","nav":[{"text":"Vue","link":"/Vue/组件通信/Api-attrs"},{"text":"开发总结","link":"/开发总结/Adobe-pr插件"},{"text":"计算机基础","link":"/计算机基础/"},{"text":"算法","link":"/算法/二叉树/层序遍历"}],"lastUpdated":"最近更新时间","socialLinks":[{"icon":"github","link":"https://github.com/Huai-Gu/HuaiGu"}],"sidebar":[{"collapsible":true,"text":"JS.TS","items":[{"collapsible":true,"text":"ES6","items":[{"text":"Iterator","link":"/JS.TS/ES6/Iterator.md"},{"text":"Symbol","link":"/JS.TS/ES6/Symbol.md"},{"text":"index","link":"/JS.TS/ES6/index.md"},{"text":"promise","link":"/JS.TS/ES6/promise.md"},{"text":"解构赋值","link":"/JS.TS/ES6/解构赋值.md"},{"text":"运算符","link":"/JS.TS/ES6/运算符.md"}]},{"text":"JS上下文和执行栈","link":"/JS.TS/JS上下文和执行栈.md"},{"collapsible":true,"text":"TS","items":[{"text":"is","link":"/JS.TS/TS/is.md"},{"text":"索引","link":"/JS.TS/TS/索引.md"}]},{"collapsible":true,"text":"基础","items":[{"text":"Eventloop","link":"/JS.TS/基础/Eventloop.md"},{"text":"Js中的map和weakMap","link":"/JS.TS/基础/Js中的map和weakMap.md"},{"text":"new操作符","link":"/JS.TS/基础/new操作符.md"},{"text":"一文搞懂map函数","link":"/JS.TS/基础/一文搞懂map函数.md"},{"text":"垃圾回收","link":"/JS.TS/基础/垃圾回收.md"}]},{"collapsible":true,"text":"设计模式","items":[{"text":"发布订阅模式","link":"/JS.TS/设计模式/发布订阅模式.md"}]}]},{"collapsible":true,"text":"React","items":[{"collapsible":true,"text":"ReactHooks","items":[{"text":"useCallback","link":"/React/ReactHooks/useCallback.md"},{"text":"useContext","link":"/React/ReactHooks/useContext.md"},{"text":"useEffect","link":"/React/ReactHooks/useEffect.md"},{"text":"useRef","link":"/React/ReactHooks/useRef.md"},{"text":"useState","link":"/React/ReactHooks/useState.md"}]},{"text":"index","link":"/React/index.md"},{"text":"redux","link":"/React/redux.md"}]},{"collapsible":true,"text":"Vue","items":[{"collapsible":true,"text":"CSS","items":[{"text":"scroll","link":"/Vue/CSS/scroll.md"}]},{"collapsible":true,"text":"源码分析","items":[{"text":"VNode与diff算法","link":"/Vue/源码分析/VNode与diff算法.md"}]},{"collapsible":true,"text":"组件通信","items":[{"text":"Api-attrs","link":"/Vue/组件通信/Api-attrs.md"},{"text":"Api-parent","link":"/Vue/组件通信/Api-parent.md"},{"text":"Api-props","link":"/Vue/组件通信/Api-props.md"},{"text":"Api-provide","link":"/Vue/组件通信/Api-provide.md"}]}]},{"collapsible":true,"text":"tips","items":[{"text":"2023.3.5","link":"/tips/2023.3.5.md"}]},{"collapsible":true,"text":"开发总结","items":[{"text":"Adobe-pr插件","link":"/开发总结/Adobe-pr插件.md"},{"collapsible":true,"text":"canvas","items":[{"text":"canvas","link":"/开发总结/canvas/canvas.md"}]},{"text":"github-deploy","link":"/开发总结/github-deploy.md"},{"text":"v-for和v-if","link":"/开发总结/v-for和v-if.md"},{"collapsible":true,"text":"常用的库","items":[{"text":"css","link":"/开发总结/常用的库/css.md"}]}]},{"collapsible":true,"text":"算法","items":[{"collapsible":true,"text":"二叉树","items":[{"text":"层序遍历","link":"/算法/二叉树/层序遍历.md"}]},{"collapsible":true,"text":"面试算法题","items":[{"text":"1.15七牛云春招笔试题","link":"/算法/面试算法题/1.15七牛云春招笔试题.md"},{"text":"1.7字节","link":"/算法/面试算法题/1.7字节.md"}]}]},{"collapsible":true,"text":"计算机基础","items":[{"text":"HTTP","link":"/计算机基础/HTTP.md"},{"collapsible":true,"text":"git","items":[{"text":"git规范","link":"/计算机基础/git/git规范.md"},{"text":"git设置两个ssh密钥","link":"/计算机基础/git/git设置两个ssh密钥.md"},{"text":"index","link":"/计算机基础/git/index.md"},{"text":"tips","link":"/计算机基础/git/tips.md"},{"collapsible":true,"text":"命令","items":[{"text":"init","link":"/计算机基础/git/命令/init.md"},{"text":"merge","link":"/计算机基础/git/命令/merge.md"},{"text":"常用","link":"/计算机基础/git/命令/常用.md"}]},{"collapsible":true,"text":"场景及解决方案","items":[{"text":"发版","link":"/计算机基础/git/场景及解决方案/发版.md"},{"text":"开发新功能","link":"/计算机基础/git/场景及解决方案/开发新功能.md"},{"text":"紧急bug","link":"/计算机基础/git/场景及解决方案/紧急bug.md"}]}]},{"text":"index","link":"/计算机基础/index.md"}]},{"collapsible":true,"text":"面试","items":[{"collapsible":true,"text":"CZ前端","items":[{"text":"HTML+CSS","link":"/面试/CZ前端/HTML+CSS.md"},{"collapsible":true,"text":"JS基础","items":[{"text":"作用域和闭包","link":"/面试/CZ前端/JS基础/作用域和闭包.md"},{"text":"原型和原型链","link":"/面试/CZ前端/JS基础/原型和原型链.md"},{"text":"变量类型和计算","link":"/面试/CZ前端/JS基础/变量类型和计算.md"},{"text":"异步","link":"/面试/CZ前端/JS基础/异步.md"}]}]},{"collapsible":true,"text":"NONI","items":[{"collapsible":true,"text":"JS","items":[{"collapsible":true,"text":"JS基础","items":[{"text":"DOM和BOM","link":"/面试/NONI/JS/JS基础/DOM和BOM.md"},{"text":"new操作符实现原理","link":"/面试/NONI/JS/JS基础/new操作符实现原理.md"},{"text":"手写call","link":"/面试/NONI/JS/JS基础/手写call.md"},{"text":"手写防抖节流","link":"/面试/NONI/JS/JS基础/手写防抖节流.md"},{"text":"数组原生方法","link":"/面试/NONI/JS/JS基础/数组原生方法.md"}]}]},{"collapsible":true,"text":"Vue","items":[{"text":"diff算法","link":"/面试/NONI/Vue/diff算法.md"},{"text":"v-if和v-for同时使用问题","link":"/面试/NONI/Vue/v-if和v-for同时使用问题.md"},{"text":"vue2、3的区别","link":"/面试/NONI/Vue/vue2、3的区别.md"}]}]},{"collapsible":true,"text":"前端","items":[{"collapsible":true,"text":"HTTP","items":[{"text":"HTTP的优先级","link":"/面试/前端/HTTP/HTTP的优先级.md"}]},{"text":"flexandgrid","link":"/面试/前端/flexandgrid.md"},{"collapsible":true,"text":"url到页面","items":[{"text":"总章","link":"/面试/前端/url到页面/总章.md"}]},{"collapsible":true,"text":"事件","items":[{"text":"事件循环","link":"/面试/前端/事件/事件循环.md"},{"text":"事件机制","link":"/面试/前端/事件/事件机制.md"}]},{"text":"客户端存储","link":"/面试/前端/客户端存储.md"},{"text":"跨域","link":"/面试/前端/跨域.md"}]}]}],"base":"/fantastic-admin/"},"locales":{},"langs":{},"scrollOffset":90,"cleanUrls":"disabled"}'),ss=/^[a-z]+:/i,ca=/^pathname:\/\//,Zo="vitepress-theme-appearance",Ve=typeof window<"u",ar={relativePath:"",title:"404",description:"Not Found",headers:[],frontmatter:{sidebar:!1,layout:"page"},lastUpdated:0};function aa(e,t){t.sort((n,s)=>{const o=s.split("/").length-n.split("/").length;return o!==0?o:s.length-n.length});for(const n of t)if(e.startsWith(n))return n}function ei(e,t){const n=aa(t,Object.keys(e));return n?e[n]:void 0}function ua(e){const{locales:t}=e.themeConfig||{},n=e.locales;return t&&n?Object.keys(t).reduce((s,o)=>(s[o]={label:t[o].label,lang:n[o].lang},s),{}):{}}function fa(e,t){t=ha(e,t);const n=ei(e.locales||{},t),s=ei(e.themeConfig.locales||{},t);return Object.assign({},e,n,{themeConfig:Object.assign({},e.themeConfig,s,{locales:{}}),lang:(n||e).lang,locales:{},langs:ua(e)})}function ur(e,t){const n=t.title||e.title,s=t.titleTemplate??e.titleTemplate;if(typeof s=="string"&&s.includes(":title"))return s.replace(/:title/g,n);const o=da(e.title,s);return`${n}${o}`}function da(e,t){return t===!1?"":t===!0||t===void 0?` | ${e}`:e===t?"":` | ${t}`}function ha(e,t){if(!Ve)return t;const n=e.base,s=n.endsWith("/")?n.slice(0,-1):n;return t.slice(s.length)}function _a(e,t){const[n,s]=t;if(n!=="meta")return!1;const o=Object.entries(s)[0];return o==null?!1:e.some(([i,r])=>i===n&&r[o[0]]===o[1])}function pa(e,t){return[...e.filter(n=>!_a(t,n)),...t]}const ma=/[\u0000-\u001F"#$&*+,:;<=>?[\]^`{|}\u007F]/g,va=/^[a-z]:/i;function ti(e){const t=va.exec(e),n=t?t[0]:"";return n+e.slice(n.length).replace(ma,"_").replace(/(^|\/)_+(?=[^/]*$)/,"$1")}function ga(e,t){return`${e}${t}`.replace(/\/+/g,"/")}function _n(e){return ss.test(e)?e:ga(qt.value.base,e)}function fr(e){let t=e.replace(/\.html$/,"");if(t=decodeURIComponent(t),t=t.replace(/\/$/,"/index"),Ve){const n="/HuaiGu/";t=ti(t.slice(n.length).replace(/\//g,"_")||"index")+".md";let s=__VP_HASH_MAP__[t.toLowerCase()];!s&&t.endsWith("_index.md")&&(t=t.slice(0,-9)+".md",s=__VP_HASH_MAP__[t.toLowerCase()]),t=`${n}assets/${t}.${s}.js`}else t=`./${ti(t.slice(1).replace(/\//g,"_"))}.md.js`;return t}const dr=Symbol(),qt=vl(la);function ba(e){const t=ne(()=>fa(qt.value,e.path));return{site:t,theme:ne(()=>t.value.themeConfig),page:ne(()=>e.data),frontmatter:ne(()=>e.data.frontmatter),lang:ne(()=>t.value.lang),localePath:ne(()=>{const{langs:n,lang:s}=t.value,o=Object.keys(n).find(i=>n[i].lang===s);return _n(o||"/")}),title:ne(()=>ur(t.value,e.data)),description:ne(()=>e.data.description||t.value.description),isDark:_e(!1)}}function le(){const e=Ne(dr);if(!e)throw new Error("vitepress data not properly injected in app");return e}const hr=Symbol(),ni="http://a.com",ya=()=>({path:"/",component:null,data:ar});function xa(e,t){const n=qn(ya()),s={route:n,go:o};async function o(l=Ve?location.href:"/"){var f,h;await((f=s.onBeforeRouteChange)==null?void 0:f.call(s,l));const c=new URL(l,ni);qt.value.cleanUrls==="disabled"&&!c.pathname.endsWith("/")&&!c.pathname.endsWith(".html")&&(c.pathname+=".html",l=c.pathname+c.search+c.hash),Ve&&(history.replaceState({scrollPosition:window.scrollY},document.title),history.pushState(null,"",l)),await r(l),await((h=s.onAfterRouteChanged)==null?void 0:h.call(s,l))}let i=null;async function r(l,c=0,f=!1){const h=new URL(l,ni),p=i=h.pathname;try{let g=await e(p);if(i===p){i=null;const{default:$,__pageData:j}=g;if(!$)throw new Error(`Invalid route component: ${$}`);n.path=Ve?p:_n(p),n.component=nn($),n.data=nn(j),Ve&&Qs(()=>{if(h.hash&&!c){let H=null;try{H=document.querySelector(decodeURIComponent(h.hash))}catch(se){console.warn(se)}if(H){si(H,h.hash);return}}window.scrollTo(0,c)})}}catch(g){if(!/fetch/.test(g.message)&&!/^\/404(\.html|\/)?$/.test(l)&&console.error(g),!f)try{const $=await fetch(qt.value.base+"hashmap.json");window.__VP_HASH_MAP__=await $.json(),await r(l,c,!0);return}catch{}i===p&&(i=null,n.path=Ve?p:_n(p),n.component=t?nn(t):null,n.data=ar)}}return Ve&&(window.addEventListener("click",l=>{if(l.target.closest("button"))return;const f=l.target.closest("a");if(f&&!f.closest(".vp-raw")&&!f.download){const{href:h,origin:p,pathname:g,hash:$,search:j,target:H}=f,se=window.location,k=g.match(/\.\w+$/);!l.ctrlKey&&!l.shiftKey&&!l.altKey&&!l.metaKey&&H!=="_blank"&&p===se.origin&&!(k&&k[0]!==".html")&&(l.preventDefault(),g===se.pathname&&j===se.search?$&&$!==se.hash&&(history.pushState(null,"",$),window.dispatchEvent(new Event("hashchange")),si(f,$,f.classList.contains("header-anchor"))):o(h))}},{capture:!0}),window.addEventListener("popstate",l=>{r(location.href,l.state&&l.state.scrollPosition||0)}),window.addEventListener("hashchange",l=>{l.preventDefault()})),s}function ka(){const e=Ne(hr);if(!e)throw new Error("useRouter() is called without provider.");return e}function mt(){return ka().route}function si(e,t,n=!1){let s=null;try{s=e.classList.contains("header-anchor")?e:document.querySelector(decodeURIComponent(t))}catch(o){console.warn(o)}if(s){let o=qt.value.scrollOffset;typeof o=="string"&&(o=document.querySelector(o).getBoundingClientRect().bottom+24);const i=parseInt(window.getComputedStyle(s).paddingTop,10),r=window.scrollY+s.getBoundingClientRect().top-o+i;!n||Math.abs(r-window.scrollY)>window.innerHeight?window.scrollTo(0,r):window.scrollTo({left:0,top:r,behavior:"smooth"})}}const wa=F({name:"VitePressContent",props:{onContentUpdated:Function},setup(e){const t=mt();return Zs(()=>{var n;(n=e.onContentUpdated)==null||n.call(e)}),()=>Bn("div",{style:{position:"relative"}},[t.component?Bn(t.component):null])}});var oi;const mn=typeof window<"u";mn&&((oi=window==null?void 0:window.navigator)!=null&&oi.userAgent)&&/iP(ad|hone|od)/.test(window.navigator.userAgent);function $a(e){return e}function Pa(e){return Ur()?(jr(e),!0):!1}function Sa(e){return typeof e=="function"?ne(e):_e(e)}function Ca(e,t=!0){ts()?De(e):t?e():Qs(e)}const Ta=mn?window:void 0;mn&&window.document;mn&&window.navigator;mn&&window.location;function Va(e,t=!1){const n=_e(),s=()=>n.value=Boolean(e());return s(),Ca(s,t),n}function As(e,t={}){const{window:n=Ta}=t,s=Va(()=>n&&"matchMedia"in n&&typeof n.matchMedia=="function");let o;const i=_e(!1),r=()=>{o&&("removeEventListener"in o?o.removeEventListener("change",l):o.removeListener(l))},l=()=>{s.value&&(r(),o=n.matchMedia(Sa(e).value),i.value=o.matches,"addEventListener"in o?o.addEventListener("change",l):o.addListener(l))};return Vt(l),Pa(()=>r()),i}const Is=typeof globalThis<"u"?globalThis:typeof window<"u"?window:typeof global<"u"?global:typeof self<"u"?self:{},Ns="__vueuse_ssr_handlers__";Is[Ns]=Is[Ns]||{};Is[Ns];var ii;(function(e){e.UP="UP",e.RIGHT="RIGHT",e.DOWN="DOWN",e.LEFT="LEFT",e.NONE="NONE"})(ii||(ii={}));var Ea=Object.defineProperty,ri=Object.getOwnPropertySymbols,La=Object.prototype.hasOwnProperty,Ma=Object.prototype.propertyIsEnumerable,li=(e,t,n)=>t in e?Ea(e,t,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[t]=n,Aa=(e,t)=>{for(var n in t||(t={}))La.call(t,n)&&li(e,n,t[n]);if(ri)for(var n of ri(t))Ma.call(t,n)&&li(e,n,t[n]);return e};const Ia={easeInSine:[.12,0,.39,0],easeOutSine:[.61,1,.88,1],easeInOutSine:[.37,0,.63,1],easeInQuad:[.11,0,.5,0],easeOutQuad:[.5,1,.89,1],easeInOutQuad:[.45,0,.55,1],easeInCubic:[.32,0,.67,0],easeOutCubic:[.33,1,.68,1],easeInOutCubic:[.65,0,.35,1],easeInQuart:[.5,0,.75,0],easeOutQuart:[.25,1,.5,1],easeInOutQuart:[.76,0,.24,1],easeInQuint:[.64,0,.78,0],easeOutQuint:[.22,1,.36,1],easeInOutQuint:[.83,0,.17,1],easeInExpo:[.7,0,.84,0],easeOutExpo:[.16,1,.3,1],easeInOutExpo:[.87,0,.13,1],easeInCirc:[.55,0,1,.45],easeOutCirc:[0,.55,.45,1],easeInOutCirc:[.85,0,.15,1],easeInBack:[.36,0,.66,-.56],easeOutBack:[.34,1.56,.64,1],easeInOutBack:[.68,-.6,.32,1.6]};Aa({linear:$a},Ia);const _r=/#.*$/,Na=/(index)?\.(md|html)$/,Oa=typeof window<"u",Ba=_e(Oa?location.hash:"");function Ha(e){return ss.test(e)}function Fa(e,t){let n,s=!1;return()=>{n&&clearTimeout(n),s?n=setTimeout(e,t):(e(),s=!0,setTimeout(()=>{s=!1},t))}}function Qt(e,t,n=!1){if(t===void 0)return!1;if(e=ai(`/${e}`),n)return new RegExp(t).test(e);if(ai(t)!==e)return!1;const s=t.match(_r);return s?Ba.value===s[0]:!0}function ci(e){return/^\//.test(e)?e:`/${e}`}function ai(e){return decodeURI(e).replace(_r,"").replace(Na,"")}function Hn(e){if(Ha(e))return e.replace(ca,"");const{site:t}=le(),{pathname:n,search:s,hash:o}=new URL(e,"http://example.com"),i=n.endsWith("/")||n.endsWith(".html")?e:`${n.replace(/(\.md)?$/,t.value.cleanUrls==="disabled"?".html":"")}${s}${o}`;return _n(i)}function pr(e,t){if(Array.isArray(e))return e;if(e==null)return[];t=ci(t);const n=Object.keys(e).sort((s,o)=>o.split("/").length-s.split("/").length).find(s=>t.startsWith(ci(s)));return n?e[n]:[]}function Ra(e){const t=[];function n(s){for(const o of s)o.link&&t.push({...o,link:o.link}),"items"in o&&n(o.items)}for(const s of e)n(s.items);return t}function Ge(){const e=mt(),{theme:t,frontmatter:n}=le(),s=As("(min-width: 960px)"),o=_e(!1),i=ne(()=>{const g=t.value.sidebar,$=e.data.relativePath;return g?pr(g,$):[]}),r=ne(()=>n.value.sidebar!==!1&&i.value.length>0&&n.value.layout!=="home"),l=ne(()=>n.value.layout!=="home"&&n.value.aside!==!1),c=ne(()=>r.value&&s.value);function f(){o.value=!0}function h(){o.value=!1}function p(){o.value?h():f()}return{isOpen:o,sidebar:i,hasSidebar:r,hasAside:l,isSidebarEnabled:c,open:f,close:h,toggle:p}}function Da(e,t){let n;Vt(()=>{n=e.value?document.activeElement:void 0}),De(()=>{window.addEventListener("keyup",s)}),pt(()=>{window.removeEventListener("keyup",s)});function s(o){o.key==="Escape"&&e.value&&(t(),n==null||n.focus())}}const za=F({__name:"VPSkipLink",setup(e){const t=mt(),n=_e();et(()=>t.path,()=>n.value.focus());function s({target:o}){const i=document.querySelector(o.hash);if(i){const r=()=>{i.removeAttribute("tabindex"),i.removeEventListener("blur",r)};i.setAttribute("tabindex","-1"),i.addEventListener("blur",r),i.focus(),window.scrollTo(0,0)}}return(o,i)=>(d(),v(G,null,[b("span",{ref_key:"backToTop",ref:n,tabindex:"-1"},null,512),b("a",{href:"#VPContent",class:"VPSkipLink visually-hidden",onClick:s}," Skip to content ")],64))}});const Ua=N(za,[["__scopeId","data-v-151f2593"]]),ja={key:0,class:"VPBackdrop"},Ka=F({__name:"VPBackdrop",props:{show:{type:Boolean}},setup(e){return(t,n)=>(d(),q(ns,{name:"fade"},{default:A(()=>[e.show?(d(),v("div",ja)):U("",!0)]),_:1}))}});const Ja=N(Ka,[["__scopeId","data-v-c7c65b34"]]);function qa(){const e=_e(!1);function t(){e.value=!0,window.addEventListener("resize",o)}function n(){e.value=!1,window.removeEventListener("resize",o)}function s(){e.value?n():t()}function o(){window.outerWidth>=768&&n()}const i=mt();return et(()=>i.path,n),{isScreenOpen:e,openScreen:t,closeScreen:n,toggleScreen:s}}const Wa=["src","alt"],Ga={inheritAttrs:!1},Ya=F({...Ga,__name:"VPImage",props:{image:null,alt:null},setup(e){return(t,n)=>{const s=Et("VPImage",!0);return e.image?(d(),v(G,{key:0},[typeof e.image=="string"||"src"in e.image?(d(),v("img",Vn({key:0,class:"VPImage"},typeof e.image=="string"?t.$attrs:{...e.image,...t.$attrs},{src:_(_n)(typeof e.image=="string"?e.image:e.image.src),alt:e.alt??(typeof e.image=="string"?"":e.image.alt||"")}),null,16,Wa)):(d(),v(G,{key:1},[V(s,Vn({class:"dark",image:e.image.dark,alt:e.image.alt},t.$attrs),null,16,["image","alt"]),V(s,Vn({class:"light",image:e.image.light,alt:e.image.alt},t.$attrs),null,16,["image","alt"])],64))],64)):U("",!0)}}});const ro=N(Ya,[["__scopeId","data-v-6db2186b"]]),Qa=["href"],Xa=F({__name:"VPNavBarTitle",setup(e){const{site:t,theme:n}=le(),{hasSidebar:s}=Ge();return(o,i)=>(d(),v("div",{class:de(["VPNavBarTitle",{"has-sidebar":_(s)}])},[b("a",{class:"title",href:_(t).base},[C(o.$slots,"nav-bar-title-before",{},void 0,!0),V(ro,{class:"logo",image:_(n).logo},null,8,["image"]),_(n).siteTitle?(d(),v(G,{key:0},[Ee(ae(_(n).siteTitle),1)],64)):_(n).siteTitle===void 0?(d(),v(G,{key:1},[Ee(ae(_(t).title),1)],64)):U("",!0),C(o.$slots,"nav-bar-title-after",{},void 0,!0)],8,Qa)],2))}});const Za=N(Xa,[["__scopeId","data-v-d5925166"]]);const eu={key:0,class:"VPNavBarSearch"},tu={type:"button",class:"DocSearch DocSearch-Button","aria-label":"Search"},nu={class:"DocSearch-Button-Container"},su=b("svg",{class:"DocSearch-Search-Icon",width:"20",height:"20",viewBox:"0 0 20 20"},[b("path",{d:"M14.386 14.386l4.0877 4.0877-4.0877-4.0877c-2.9418 2.9419-7.7115 2.9419-10.6533 0-2.9419-2.9418-2.9419-7.7115 0-10.6533 2.9418-2.9419 7.7115-2.9419 10.6533 0 2.9419 2.9418 2.9419 7.7115 0 10.6533z",stroke:"currentColor",fill:"none","fill-rule":"evenodd","stroke-linecap":"round","stroke-linejoin":"round"})],-1),ou={class:"DocSearch-Button-Placeholder"},iu=b("span",{class:"DocSearch-Button-Keys"},[b("kbd",{class:"DocSearch-Button-Key"}),b("kbd",{class:"DocSearch-Button-Key"},"K")],-1),ru=F({__name:"VPNavBarSearch",setup(e){Uc(r=>({"5943dbe8":o.value}));const t=()=>null,{theme:n}=le(),s=_e(!1),o=_e("'Meta'");De(()=>{if(!n.value.algolia)return;o.value=/(Mac|iPhone|iPod|iPad)/i.test(navigator.platform)?"'⌘'":"'Ctrl'";const r=c=>{c.key==="k"&&(c.ctrlKey||c.metaKey)&&(c.preventDefault(),i(),l())},l=()=>{window.removeEventListener("keydown",r)};window.addEventListener("keydown",r),pt(l)});function i(){s.value||(s.value=!0)}return(r,l)=>{var c;return _(n).algolia?(d(),v("div",eu,[s.value?(d(),q(_(t),{key:0})):(d(),v("div",{key:1,id:"docsearch",onClick:i},[b("button",tu,[b("span",nu,[su,b("span",ou,ae(((c=_(n).algolia)==null?void 0:c.buttonText)||"Search"),1)]),iu])]))])):U("",!0)}}});const lu={},cu={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",height:"24px",viewBox:"0 0 24 24",width:"24px"},au=b("path",{d:"M0 0h24v24H0V0z",fill:"none"},null,-1),uu=b("path",{d:"M9 5v2h6.59L4 18.59 5.41 20 17 8.41V15h2V5H9z"},null,-1),fu=[au,uu];function du(e,t){return d(),v("svg",cu,fu)}const hu=N(lu,[["render",du]]),_u=F({__name:"VPLink",props:{href:null,noIcon:{type:Boolean}},setup(e){const t=e,n=ne(()=>t.href&&ss.test(t.href));return(s,o)=>(d(),q(to(e.href?"a":"span"),{class:de(["VPLink",{link:e.href}]),href:e.href?_(Hn)(e.href):void 0,target:_(n)?"_blank":void 0,rel:_(n)?"noreferrer":void 0},{default:A(()=>[C(s.$slots,"default",{},void 0,!0),_(n)&&!e.noIcon?(d(),q(hu,{key:0,class:"icon"})):U("",!0)]),_:3},8,["class","href","target","rel"]))}});const Lt=N(_u,[["__scopeId","data-v-3c355974"]]),pu=F({__name:"VPNavBarMenuLink",props:{item:null},setup(e){const{page:t}=le();return(n,s)=>(d(),q(Lt,{class:de({VPNavBarMenuLink:!0,active:_(Qt)(_(t).relativePath,e.item.activeMatch||e.item.link,!!e.item.activeMatch)}),href:e.item.link,noIcon:!0},{default:A(()=>[Ee(ae(e.item.text),1)]),_:1},8,["class","href"]))}});const mu=N(pu,[["__scopeId","data-v-47a2263e"]]),lo=_e();let mr=!1,vs=0;function vu(e){const t=_e(!1);if(typeof window<"u"){!mr&&gu(),vs++;const n=et(lo,s=>{var o,i,r;s===e.el.value||(o=e.el.value)!=null&&o.contains(s)?(t.value=!0,(i=e.onFocus)==null||i.call(e)):(t.value=!1,(r=e.onBlur)==null||r.call(e))});pt(()=>{n(),vs--,vs||bu()})}return qs(t)}function gu(){document.addEventListener("focusin",vr),mr=!0,lo.value=document.activeElement}function bu(){document.removeEventListener("focusin",vr)}function vr(){lo.value=document.activeElement}const yu={},xu={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},ku=b("path",{d:"M12,16c-0.3,0-0.5-0.1-0.7-0.3l-6-6c-0.4-0.4-0.4-1,0-1.4s1-0.4,1.4,0l5.3,5.3l5.3-5.3c0.4-0.4,1-0.4,1.4,0s0.4,1,0,1.4l-6,6C12.5,15.9,12.3,16,12,16z"},null,-1),wu=[ku];function $u(e,t){return d(),v("svg",xu,wu)}const gr=N(yu,[["render",$u]]),Pu={},Su={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},Cu=b("circle",{cx:"12",cy:"12",r:"2"},null,-1),Tu=b("circle",{cx:"19",cy:"12",r:"2"},null,-1),Vu=b("circle",{cx:"5",cy:"12",r:"2"},null,-1),Eu=[Cu,Tu,Vu];function Lu(e,t){return d(),v("svg",Su,Eu)}const Mu=N(Pu,[["render",Lu]]),Au={class:"VPMenuLink"},Iu=F({__name:"VPMenuLink",props:{item:null},setup(e){const{page:t}=le();return(n,s)=>(d(),v("div",Au,[V(Lt,{class:de({active:_(Qt)(_(t).relativePath,e.item.activeMatch||e.item.link)}),href:e.item.link},{default:A(()=>[Ee(ae(e.item.text),1)]),_:1},8,["class","href"])]))}});const os=N(Iu,[["__scopeId","data-v-e8e0fb1d"]]),Nu={class:"VPMenuGroup"},Ou={key:0,class:"title"},Bu=F({__name:"VPMenuGroup",props:{text:null,items:null},setup(e){return(t,n)=>(d(),v("div",Nu,[e.text?(d(),v("p",Ou,ae(e.text),1)):U("",!0),(d(!0),v(G,null,Ce(e.items,s=>(d(),v(G,null,["link"in s?(d(),q(os,{key:0,item:s},null,8,["item"])):U("",!0)],64))),256))]))}});const Hu=N(Bu,[["__scopeId","data-v-9ca52130"]]),Fu={class:"VPMenu"},Ru={key:0,class:"items"},Du=F({__name:"VPMenu",props:{items:null},setup(e){return(t,n)=>(d(),v("div",Fu,[e.items?(d(),v("div",Ru,[(d(!0),v(G,null,Ce(e.items,s=>(d(),v(G,{key:s.text},["link"in s?(d(),q(os,{key:0,item:s},null,8,["item"])):(d(),q(Hu,{key:1,text:s.text,items:s.items},null,8,["text","items"]))],64))),128))])):U("",!0),C(t.$slots,"default",{},void 0,!0)]))}});const zu=N(Du,[["__scopeId","data-v-1c5d0cfc"]]),Uu=["aria-expanded","aria-label"],ju={key:0,class:"text"},Ku={class:"menu"},Ju=F({__name:"VPFlyout",props:{icon:null,button:null,label:null,items:null},setup(e){const t=_e(!1),n=_e();vu({el:n,onBlur:s});function s(){t.value=!1}return(o,i)=>(d(),v("div",{class:"VPFlyout",ref_key:"el",ref:n,onMouseenter:i[1]||(i[1]=r=>t.value=!0),onMouseleave:i[2]||(i[2]=r=>t.value=!1)},[b("button",{type:"button",class:"button","aria-haspopup":"true","aria-expanded":t.value,"aria-label":e.label,onClick:i[0]||(i[0]=r=>t.value=!t.value)},[e.button||e.icon?(d(),v("span",ju,[e.icon?(d(),q(to(e.icon),{key:0,class:"option-icon"})):U("",!0),Ee(" "+ae(e.button)+" ",1),V(gr,{class:"text-icon"})])):(d(),q(Mu,{key:1,class:"icon"}))],8,Uu),b("div",Ku,[V(zu,{items:e.items},{default:A(()=>[C(o.$slots,"default",{},void 0,!0)]),_:3},8,["items"])])],544))}});const co=N(Ju,[["__scopeId","data-v-6ffb57d3"]]),qu=F({__name:"VPNavBarMenuGroup",props:{item:null},setup(e){const{page:t}=le();return(n,s)=>(d(),q(co,{class:de({VPNavBarMenuGroup:!0,active:_(Qt)(_(t).relativePath,e.item.activeMatch,!!e.item.activeMatch)}),button:e.item.text,items:e.item.items},null,8,["class","button","items"]))}}),Wu=e=>(qe("data-v-f83db6ba"),e=e(),We(),e),Gu={key:0,"aria-labelledby":"main-nav-aria-label",class:"VPNavBarMenu"},Yu=Wu(()=>b("span",{id:"main-nav-aria-label",class:"visually-hidden"},"Main Navigation",-1)),Qu=F({__name:"VPNavBarMenu",setup(e){const{theme:t}=le();return(n,s)=>_(t).nav?(d(),v("nav",Gu,[Yu,(d(!0),v(G,null,Ce(_(t).nav,o=>(d(),v(G,{key:o.text},["link"in o?(d(),q(mu,{key:0,item:o},null,8,["item"])):(d(),q(qu,{key:1,item:o},null,8,["item"]))],64))),128))])):U("",!0)}});const Xu=N(Qu,[["__scopeId","data-v-f83db6ba"]]),Zu={},ef={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},tf=b("path",{d:"M0 0h24v24H0z",fill:"none"},null,-1),nf=b("path",{d:" M12.87 15.07l-2.54-2.51.03-.03c1.74-1.94 2.98-4.17 3.71-6.53H17V4h-7V2H8v2H1v1.99h11.17C11.5 7.92 10.44 9.75 9 11.35 8.07 10.32 7.3 9.19 6.69 8h-2c.73 1.63 1.73 3.17 2.98 4.56l-5.09 5.02L4 19l5-5 3.11 3.11.76-2.04zM18.5 10h-2L12 22h2l1.12-3h4.75L21 22h2l-4.5-12zm-2.62 7l1.62-4.33L19.12 17h-3.24z ",class:"css-c4d79v"},null,-1),sf=[tf,nf];function of(e,t){return d(),v("svg",ef,sf)}const br=N(Zu,[["render",of]]),rf={class:"items"},lf={class:"title"},cf=F({__name:"VPNavBarTranslations",setup(e){const{theme:t}=le();return(n,s)=>_(t).localeLinks?(d(),q(co,{key:0,class:"VPNavBarTranslations",icon:br},{default:A(()=>[b("div",rf,[b("p",lf,ae(_(t).localeLinks.text),1),(d(!0),v(G,null,Ce(_(t).localeLinks.items,o=>(d(),q(os,{key:o.link,item:o},null,8,["item"]))),128))])]),_:1})):U("",!0)}});const af=N(cf,[["__scopeId","data-v-db824e91"]]);const uf={},ff={class:"VPSwitch",type:"button",role:"switch"},df={class:"check"},hf={key:0,class:"icon"};function _f(e,t){return d(),v("button",ff,[b("span",df,[e.$slots.default?(d(),v("span",hf,[C(e.$slots,"default",{},void 0,!0)])):U("",!0)])])}const pf=N(uf,[["render",_f],["__scopeId","data-v-eba7420e"]]),mf={},vf={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},gf=dc('',9),bf=[gf];function yf(e,t){return d(),v("svg",vf,bf)}const xf=N(mf,[["render",yf]]),kf={},wf={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},$f=b("path",{d:"M12.1,22c-0.3,0-0.6,0-0.9,0c-5.5-0.5-9.5-5.4-9-10.9c0.4-4.8,4.2-8.6,9-9c0.4,0,0.8,0.2,1,0.5c0.2,0.3,0.2,0.8-0.1,1.1c-2,2.7-1.4,6.4,1.3,8.4c2.1,1.6,5,1.6,7.1,0c0.3-0.2,0.7-0.3,1.1-0.1c0.3,0.2,0.5,0.6,0.5,1c-0.2,2.7-1.5,5.1-3.6,6.8C16.6,21.2,14.4,22,12.1,22zM9.3,4.4c-2.9,1-5,3.6-5.2,6.8c-0.4,4.4,2.8,8.3,7.2,8.7c2.1,0.2,4.2-0.4,5.8-1.8c1.1-0.9,1.9-2.1,2.4-3.4c-2.5,0.9-5.3,0.5-7.5-1.1C9.2,11.4,8.1,7.7,9.3,4.4z"},null,-1),Pf=[$f];function Sf(e,t){return d(),v("svg",wf,Pf)}const Cf=N(kf,[["render",Sf]]),Tf=F({__name:"VPSwitchAppearance",setup(e){const{site:t,isDark:n}=le(),s=_e(!1),o=typeof localStorage<"u"?i():()=>{};De(()=>{s.value=document.documentElement.classList.contains("dark")});function i(){const r=window.matchMedia("(prefers-color-scheme: dark)"),l=document.documentElement.classList;let c=localStorage.getItem(Zo),f=t.value.appearance==="dark"&&c==null||(c==="auto"||c==null?r.matches:c==="dark");r.onchange=g=>{c==="auto"&&p(f=g.matches)};function h(){p(f=!f),c=f?r.matches?"auto":"dark":r.matches?"light":"auto",localStorage.setItem(Zo,c)}function p(g){const $=document.createElement("style");$.type="text/css",$.appendChild(document.createTextNode(`:not(.VPSwitchAppearance):not(.VPSwitchAppearance *) {
   -webkit-transition: none !important;
   -moz-transition: none !important;
   -o-transition: none !important;
   -ms-transition: none !important;
   transition: none !important;
 }`)),document.head.appendChild($),s.value=g,l[g?"add":"remove"]("dark"),window.getComputedStyle($).opacity,document.head.removeChild($)}return h}return et(s,r=>{n.value=r}),(r,l)=>(d(),q(pf,{class:"VPSwitchAppearance","aria-label":"toggle dark mode","aria-checked":s.value,onClick:_(o)},{default:A(()=>[V(xf,{class:"sun"}),V(Cf,{class:"moon"})]),_:1},8,["aria-checked","onClick"]))}});const ao=N(Tf,[["__scopeId","data-v-481098f9"]]),Vf={key:0,class:"VPNavBarAppearance"},Ef=F({__name:"VPNavBarAppearance",setup(e){const{site:t}=le();return(n,s)=>_(t).appearance?(d(),v("div",Vf,[V(ao)])):U("",!0)}});const Lf=N(Ef,[["__scopeId","data-v-a3e7452b"]]),Mf={discord:'Discord',facebook:'Facebook',github:'GitHub',instagram:'Instagram',linkedin:'LinkedIn',mastodon:'Mastodon',slack:'Slack',twitter:'Twitter',youtube:'YouTube'},Af=["href","innerHTML"],If=F({__name:"VPSocialLink",props:{icon:null,link:null},setup(e){const t=e,n=ne(()=>typeof t.icon=="object"?t.icon.svg:Mf[t.icon]);return(s,o)=>(d(),v("a",{class:"VPSocialLink",href:e.link,target:"_blank",rel:"noopener",innerHTML:_(n)},null,8,Af))}});const Nf=N(If,[["__scopeId","data-v-e57698f6"]]),Of={class:"VPSocialLinks"},Bf=F({__name:"VPSocialLinks",props:{links:null},setup(e){return(t,n)=>(d(),v("div",Of,[(d(!0),v(G,null,Ce(e.links,({link:s,icon:o})=>(d(),q(Nf,{key:s,icon:o,link:s},null,8,["icon","link"]))),128))]))}});const uo=N(Bf,[["__scopeId","data-v-f6988cfb"]]),Hf=F({__name:"VPNavBarSocialLinks",setup(e){const{theme:t}=le();return(n,s)=>_(t).socialLinks?(d(),q(uo,{key:0,class:"VPNavBarSocialLinks",links:_(t).socialLinks},null,8,["links"])):U("",!0)}});const Ff=N(Hf,[["__scopeId","data-v-738bef5a"]]),Rf=e=>(qe("data-v-e4361c82"),e=e(),We(),e),Df={key:0,class:"group"},zf={class:"trans-title"},Uf={key:1,class:"group"},jf={class:"item appearance"},Kf=Rf(()=>b("p",{class:"label"},"Appearance",-1)),Jf={class:"appearance-action"},qf={key:2,class:"group"},Wf={class:"item social-links"},Gf=F({__name:"VPNavBarExtra",setup(e){const{site:t,theme:n}=le(),s=ne(()=>n.value.localeLinks||t.value.appearance||n.value.socialLinks);return(o,i)=>_(s)?(d(),q(co,{key:0,class:"VPNavBarExtra",label:"extra navigation"},{default:A(()=>[_(n).localeLinks?(d(),v("div",Df,[b("p",zf,ae(_(n).localeLinks.text),1),(d(!0),v(G,null,Ce(_(n).localeLinks.items,r=>(d(),q(os,{key:r.link,item:r},null,8,["item"]))),128))])):U("",!0),_(t).appearance?(d(),v("div",Uf,[b("div",jf,[Kf,b("div",Jf,[V(ao)])])])):U("",!0),_(n).socialLinks?(d(),v("div",qf,[b("div",Wf,[V(uo,{class:"social-links-list",links:_(n).socialLinks},null,8,["links"])])])):U("",!0)]),_:1})):U("",!0)}});const Yf=N(Gf,[["__scopeId","data-v-e4361c82"]]),Qf=e=>(qe("data-v-e5dd9c1c"),e=e(),We(),e),Xf=["aria-expanded"],Zf=Qf(()=>b("span",{class:"container"},[b("span",{class:"top"}),b("span",{class:"middle"}),b("span",{class:"bottom"})],-1)),ed=[Zf],td=F({__name:"VPNavBarHamburger",props:{active:{type:Boolean}},emits:["click"],setup(e){return(t,n)=>(d(),v("button",{type:"button",class:de(["VPNavBarHamburger",{active:e.active}]),"aria-label":"mobile navigation","aria-expanded":e.active,"aria-controls":"VPNavScreen",onClick:n[0]||(n[0]=s=>t.$emit("click"))},ed,10,Xf))}});const nd=N(td,[["__scopeId","data-v-e5dd9c1c"]]),sd={class:"container"},od={class:"content"},id=F({__name:"VPNavBar",props:{isScreenOpen:{type:Boolean}},emits:["toggle-screen"],setup(e){const{hasSidebar:t}=Ge();return(n,s)=>(d(),v("div",{class:de(["VPNavBar",{"has-sidebar":_(t)}])},[b("div",sd,[V(Za,null,{"nav-bar-title-before":A(()=>[C(n.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":A(()=>[C(n.$slots,"nav-bar-title-after",{},void 0,!0)]),_:3}),b("div",od,[C(n.$slots,"nav-bar-content-before",{},void 0,!0),V(ru,{class:"search"}),V(Xu,{class:"menu"}),V(af,{class:"translations"}),V(Lf,{class:"appearance"}),V(Ff,{class:"social-links"}),V(Yf,{class:"extra"}),C(n.$slots,"nav-bar-content-after",{},void 0,!0),V(nd,{class:"hamburger",active:e.isScreenOpen,onClick:s[0]||(s[0]=o=>n.$emit("toggle-screen"))},null,8,["active"])])])],2))}});const rd=N(id,[["__scopeId","data-v-1bbed88e"]]);function ld(e){if(Array.isArray(e)){for(var t=0,n=Array(e.length);t1),zt=[],Rn=!1,ho=-1,rn=void 0,St=void 0,ln=void 0,yr=function(t){return zt.some(function(n){return!!(n.options.allowTouchMove&&n.options.allowTouchMove(t))})},Dn=function(t){var n=t||window.event;return yr(n.target)||n.touches.length>1?!0:(n.preventDefault&&n.preventDefault(),!1)},cd=function(t){if(ln===void 0){var n=!!t&&t.reserveScrollBarGap===!0,s=window.innerWidth-document.documentElement.clientWidth;if(n&&s>0){var o=parseInt(window.getComputedStyle(document.body).getPropertyValue("padding-right"),10);ln=document.body.style.paddingRight,document.body.style.paddingRight=o+s+"px"}}rn===void 0&&(rn=document.body.style.overflow,document.body.style.overflow="hidden")},ad=function(){ln!==void 0&&(document.body.style.paddingRight=ln,ln=void 0),rn!==void 0&&(document.body.style.overflow=rn,rn=void 0)},ud=function(){return window.requestAnimationFrame(function(){if(St===void 0){St={position:document.body.style.position,top:document.body.style.top,left:document.body.style.left};var t=window,n=t.scrollY,s=t.scrollX,o=t.innerHeight;document.body.style.position="fixed",document.body.style.top=-n,document.body.style.left=-s,setTimeout(function(){return window.requestAnimationFrame(function(){var i=o-window.innerHeight;i&&n>=o&&(document.body.style.top=-(n+i))})},300)}})},fd=function(){if(St!==void 0){var t=-parseInt(document.body.style.top,10),n=-parseInt(document.body.style.left,10);document.body.style.position=St.position,document.body.style.top=St.top,document.body.style.left=St.left,window.scrollTo(n,t),St=void 0}},dd=function(t){return t?t.scrollHeight-t.scrollTop<=t.clientHeight:!1},hd=function(t,n){var s=t.targetTouches[0].clientY-ho;return yr(t.target)?!1:n&&n.scrollTop===0&&s>0||dd(n)&&s<0?Dn(t):(t.stopPropagation(),!0)},xr=function(t,n){if(!t){console.error("disableBodyScroll unsuccessful - targetElement must be provided when calling disableBodyScroll on IOS devices.");return}if(!zt.some(function(o){return o.targetElement===t})){var s={targetElement:t,options:n||{}};zt=[].concat(ld(zt),[s]),Fn?ud():cd(n),Fn&&(t.ontouchstart=function(o){o.targetTouches.length===1&&(ho=o.targetTouches[0].clientY)},t.ontouchmove=function(o){o.targetTouches.length===1&&hd(o,t)},Rn||(document.addEventListener("touchmove",Dn,fo?{passive:!1}:void 0),Rn=!0))}},kr=function(){Fn&&(zt.forEach(function(t){t.targetElement.ontouchstart=null,t.targetElement.ontouchmove=null}),Rn&&(document.removeEventListener("touchmove",Dn,fo?{passive:!1}:void 0),Rn=!1),ho=-1),Fn?fd():ad(),zt=[]};const _d=F({__name:"VPNavScreenMenuLink",props:{text:null,link:null},setup(e){const t=Ne("close-screen");return(n,s)=>(d(),q(Lt,{class:"VPNavScreenMenuLink",href:e.link,onClick:_(t)},{default:A(()=>[Ee(ae(e.text),1)]),_:1},8,["href","onClick"]))}});const pd=N(_d,[["__scopeId","data-v-b7098508"]]),md={},vd={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},gd=b("path",{d:"M18.9,10.9h-6v-6c0-0.6-0.4-1-1-1s-1,0.4-1,1v6h-6c-0.6,0-1,0.4-1,1s0.4,1,1,1h6v6c0,0.6,0.4,1,1,1s1-0.4,1-1v-6h6c0.6,0,1-0.4,1-1S19.5,10.9,18.9,10.9z"},null,-1),bd=[gd];function yd(e,t){return d(),v("svg",vd,bd)}const xd=N(md,[["render",yd]]),kd=F({__name:"VPNavScreenMenuGroupLink",props:{text:null,link:null},setup(e){const t=Ne("close-screen");return(n,s)=>(d(),q(Lt,{class:"VPNavScreenMenuGroupLink",href:e.link,onClick:_(t)},{default:A(()=>[Ee(ae(e.text),1)]),_:1},8,["href","onClick"]))}});const wr=N(kd,[["__scopeId","data-v-7f173864"]]),wd={class:"VPNavScreenMenuGroupSection"},$d={key:0,class:"title"},Pd=F({__name:"VPNavScreenMenuGroupSection",props:{text:null,items:null},setup(e){return(t,n)=>(d(),v("div",wd,[e.text?(d(),v("p",$d,ae(e.text),1)):U("",!0),(d(!0),v(G,null,Ce(e.items,s=>(d(),q(wr,{key:s.text,text:s.text,link:s.link},null,8,["text","link"]))),128))]))}});const Sd=N(Pd,[["__scopeId","data-v-7478538b"]]),Cd=["aria-controls","aria-expanded"],Td={class:"button-text"},Vd=["id"],Ed={key:1,class:"group"},Ld=F({__name:"VPNavScreenMenuGroup",props:{text:null,items:null},setup(e){const t=e,n=_e(!1),s=ne(()=>`NavScreenGroup-${t.text.replace(" ","-").toLowerCase()}`);function o(){n.value=!n.value}return(i,r)=>(d(),v("div",{class:de(["VPNavScreenMenuGroup",{open:n.value}])},[b("button",{class:"button","aria-controls":_(s),"aria-expanded":n.value,onClick:o},[b("span",Td,ae(e.text),1),V(xd,{class:"button-icon"})],8,Cd),b("div",{id:_(s),class:"items"},[(d(!0),v(G,null,Ce(e.items,l=>(d(),v(G,{key:l.text},["link"in l?(d(),v("div",{key:l.text,class:"item"},[V(wr,{text:l.text,link:l.link},null,8,["text","link"])])):(d(),v("div",Ed,[V(Sd,{text:l.text,items:l.items},null,8,["text","items"])]))],64))),128))],8,Vd)],2))}});const Md=N(Ld,[["__scopeId","data-v-5bc84358"]]),Ad={key:0,class:"VPNavScreenMenu"},Id=F({__name:"VPNavScreenMenu",setup(e){const{theme:t}=le();return(n,s)=>_(t).nav?(d(),v("nav",Ad,[(d(!0),v(G,null,Ce(_(t).nav,o=>(d(),v(G,{key:o.text},["link"in o?(d(),q(pd,{key:0,text:o.text,link:o.link},null,8,["text","link"])):(d(),q(Md,{key:1,text:o.text||"",items:o.items},null,8,["text","items"]))],64))),128))])):U("",!0)}}),Nd=e=>(qe("data-v-7bc19822"),e=e(),We(),e),Od={key:0,class:"VPNavScreenAppearance"},Bd=Nd(()=>b("p",{class:"text"},"Appearance",-1)),Hd=F({__name:"VPNavScreenAppearance",setup(e){const{site:t}=le();return(n,s)=>_(t).appearance?(d(),v("div",Od,[Bd,V(ao)])):U("",!0)}});const Fd=N(Hd,[["__scopeId","data-v-7bc19822"]]),Rd={class:"list"},Dd=["href"],zd=F({__name:"VPNavScreenTranslations",setup(e){const{theme:t}=le(),n=_e(!1);function s(){n.value=!n.value}return(o,i)=>_(t).localeLinks?(d(),v("div",{key:0,class:de(["VPNavScreenTranslations",{open:n.value}])},[b("button",{class:"title",onClick:s},[V(br,{class:"icon lang"}),Ee(" "+ae(_(t).localeLinks.text)+" ",1),V(gr,{class:"icon chevron"})]),b("ul",Rd,[(d(!0),v(G,null,Ce(_(t).localeLinks.items,r=>(d(),v("li",{key:r.link,class:"item"},[b("a",{class:"link",href:r.link},ae(r.text),9,Dd)]))),128))])],2)):U("",!0)}});const Ud=N(zd,[["__scopeId","data-v-6bfcad30"]]),jd=F({__name:"VPNavScreenSocialLinks",setup(e){const{theme:t}=le();return(n,s)=>_(t).socialLinks?(d(),q(uo,{key:0,class:"VPNavScreenSocialLinks",links:_(t).socialLinks},null,8,["links"])):U("",!0)}}),Kd={class:"container"},Jd=F({__name:"VPNavScreen",props:{open:{type:Boolean}},setup(e){const t=_e(null);function n(){xr(t.value,{reserveScrollBarGap:!0})}function s(){kr()}return(o,i)=>(d(),q(ns,{name:"fade",onEnter:n,onAfterLeave:s},{default:A(()=>[e.open?(d(),v("div",{key:0,class:"VPNavScreen",ref_key:"screen",ref:t},[b("div",Kd,[C(o.$slots,"nav-screen-content-before",{},void 0,!0),V(Id,{class:"menu"}),V(Ud,{class:"translations"}),V(Fd,{class:"appearance"}),V(jd,{class:"social-links"}),C(o.$slots,"nav-screen-content-after",{},void 0,!0)])],512)):U("",!0)]),_:3}))}});const qd=N(Jd,[["__scopeId","data-v-4a289eba"]]),Wd=F({__name:"VPNav",setup(e){const{isScreenOpen:t,closeScreen:n,toggleScreen:s}=qa(),{hasSidebar:o}=Ge();return Ft("close-screen",n),(i,r)=>(d(),v("header",{class:de(["VPNav",{"no-sidebar":!_(o)}])},[V(rd,{"is-screen-open":_(t),onToggleScreen:_(s)},{"nav-bar-title-before":A(()=>[C(i.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":A(()=>[C(i.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":A(()=>[C(i.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":A(()=>[C(i.$slots,"nav-bar-content-after",{},void 0,!0)]),_:3},8,["is-screen-open","onToggleScreen"]),V(qd,{open:_(t)},{"nav-screen-content-before":A(()=>[C(i.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":A(()=>[C(i.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3},8,["open"])],2))}});const Gd=N(Wd,[["__scopeId","data-v-8c0a9870"]]),Yd={},Qd={xmlns:"http://www.w3.org/2000/svg","aria-hidden":"true",focusable:"false",viewBox:"0 0 24 24"},Xd=b("path",{d:"M17,11H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,11,17,11z"},null,-1),Zd=b("path",{d:"M21,7H3C2.4,7,2,6.6,2,6s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,7,21,7z"},null,-1),e1=b("path",{d:"M21,15H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h18c0.6,0,1,0.4,1,1S21.6,15,21,15z"},null,-1),t1=b("path",{d:"M17,19H3c-0.6,0-1-0.4-1-1s0.4-1,1-1h14c0.6,0,1,0.4,1,1S17.6,19,17,19z"},null,-1),n1=[Xd,Zd,e1,t1];function s1(e,t){return d(),v("svg",Qd,n1)}const o1=N(Yd,[["render",s1]]),i1=e=>(qe("data-v-b6162a8b"),e=e(),We(),e),r1={key:0,class:"VPLocalNav"},l1=["aria-expanded"],c1=i1(()=>b("span",{class:"menu-text"},"Menu",-1)),a1=F({__name:"VPLocalNav",props:{open:{type:Boolean}},emits:["open-menu"],setup(e){const{hasSidebar:t}=Ge();function n(){window.scrollTo({top:0,left:0,behavior:"smooth"})}return(s,o)=>_(t)?(d(),v("div",r1,[b("button",{class:"menu","aria-expanded":e.open,"aria-controls":"VPSidebarNav",onClick:o[0]||(o[0]=i=>s.$emit("open-menu"))},[V(o1,{class:"menu-icon"}),c1],8,l1),b("a",{class:"top-link",href:"#",onClick:n}," Return to top ")])):U("",!0)}});const u1=N(a1,[["__scopeId","data-v-b6162a8b"]]),f1={},d1={version:"1.1",xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},h1=b("path",{d:"M19,2H5C3.3,2,2,3.3,2,5v14c0,1.7,1.3,3,3,3h14c1.7,0,3-1.3,3-3V5C22,3.3,20.7,2,19,2z M20,19c0,0.6-0.4,1-1,1H5c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h14c0.6,0,1,0.4,1,1V19z"},null,-1),_1=b("path",{d:"M16,11h-3V8c0-0.6-0.4-1-1-1s-1,0.4-1,1v3H8c-0.6,0-1,0.4-1,1s0.4,1,1,1h3v3c0,0.6,0.4,1,1,1s1-0.4,1-1v-3h3c0.6,0,1-0.4,1-1S16.6,11,16,11z"},null,-1),p1=[h1,_1];function m1(e,t){return d(),v("svg",d1,p1)}const v1=N(f1,[["render",m1]]),g1={},b1={xmlns:"http://www.w3.org/2000/svg","xmlns:xlink":"http://www.w3.org/1999/xlink",viewBox:"0 0 24 24"},y1=b("path",{d:"M19,2H5C3.3,2,2,3.3,2,5v14c0,1.7,1.3,3,3,3h14c1.7,0,3-1.3,3-3V5C22,3.3,20.7,2,19,2zM20,19c0,0.6-0.4,1-1,1H5c-0.6,0-1-0.4-1-1V5c0-0.6,0.4-1,1-1h14c0.6,0,1,0.4,1,1V19z"},null,-1),x1=b("path",{d:"M16,11H8c-0.6,0-1,0.4-1,1s0.4,1,1,1h8c0.6,0,1-0.4,1-1S16.6,11,16,11z"},null,-1),k1=[y1,x1];function w1(e,t){return d(),v("svg",b1,k1)}const $1=N(g1,[["render",w1]]),P1=["innerHTML"],S1=F({__name:"VPSidebarLink",props:{item:null,depth:{default:1}},setup(e){const t=e,{page:n,frontmatter:s}=le(),o=ne(()=>s.value.sidebarDepth||1/0),i=ne(()=>Qt(n.value.relativePath,t.item.link)),{isSidebarEnabled:r}=Ge(),l=Ne("close-sidebar"),c=Ne("is-sidebar-open"),f=_e(null);return Vt(()=>{var h,p;c.value&&i.value&&((p=(h=f.value)==null?void 0:h.$el)==null||p.focus())}),(h,p)=>{const g=Et("VPSidebarLink",!0);return d(),v(G,null,[V(Lt,{class:de(["link",{active:_(i)}]),style:zn({paddingLeft:16*(e.depth-1)+"px"}),href:e.item.link,tabindex:_(r)||_(c)?0:-1,onClick:_(l),ref_key:"link",ref:f},{default:A(()=>[b("span",{innerHTML:e.item.text,class:de(["link-text",{light:e.depth>1}])},null,10,P1)]),_:1},8,["class","style","href","tabindex","onClick"]),"items"in e.item&&e.depth<_(o)?(d(!0),v(G,{key:0},Ce(e.item.items,$=>(d(),q(g,{key:$.link,item:$,depth:e.depth+1},null,8,["item","depth"]))),128)):U("",!0)],64)}}});const C1=N(S1,[["__scopeId","data-v-70e2cdfb"]]),T1=["role"],V1=["innerHTML"],E1={class:"action"},L1={class:"items"},M1=F({__name:"VPSidebarGroup",props:{text:null,items:null,collapsible:{type:Boolean},collapsed:{type:Boolean}},setup(e){const t=e,n=_e(!1);Vt(()=>{n.value=!!(t.collapsible&&t.collapsed)});const{page:s}=le();Vt(()=>{t.items.some(i=>Qt(s.value.relativePath,i.link))&&(n.value=!1)});function o(){t.collapsible&&(n.value=!n.value)}return(i,r)=>(d(),v("section",{class:de(["VPSidebarGroup",{collapsible:e.collapsible,collapsed:n.value}])},[e.text?(d(),v("div",{key:0,class:"title",role:e.collapsible?"button":void 0,onClick:o},[b("h2",{innerHTML:e.text,class:"title-text"},null,8,V1),b("div",E1,[V($1,{class:"icon minus"}),V(v1,{class:"icon plus"})])],8,T1)):U("",!0),b("div",L1,[(d(!0),v(G,null,Ce(e.items,l=>(d(),q(C1,{key:l.link,item:l},null,8,["item"]))),128))])],2))}});const A1=N(M1,[["__scopeId","data-v-6e45c352"]]),I1=e=>(qe("data-v-a186aa16"),e=e(),We(),e),N1={class:"nav",id:"VPSidebarNav","aria-labelledby":"sidebar-aria-label",tabindex:"-1"},O1=I1(()=>b("span",{class:"visually-hidden",id:"sidebar-aria-label"}," Sidebar Navigation ",-1)),B1=F({__name:"VPSidebar",props:{open:{type:Boolean}},setup(e){const t=e,{sidebar:n,hasSidebar:s}=Ge();let o=_e(null);function i(){xr(o.value,{reserveScrollBarGap:!0})}function r(){kr()}return Fi(async()=>{var l;t.open?(i(),(l=o.value)==null||l.focus()):r()}),(l,c)=>_(s)?(d(),v("aside",{key:0,class:de(["VPSidebar",{open:e.open}]),ref_key:"navEl",ref:o,onClick:c[0]||(c[0]=Qc(()=>{},["stop"]))},[b("nav",N1,[O1,C(l.$slots,"sidebar-nav-before",{},void 0,!0),(d(!0),v(G,null,Ce(_(n),f=>(d(),v("div",{key:f.text,class:"group"},[V(A1,{text:f.text,items:f.items,collapsible:f.collapsible,collapsed:f.collapsed},null,8,["text","items","collapsible","collapsed"])]))),128)),C(l.$slots,"sidebar-nav-after",{},void 0,!0)])],2)):U("",!0)}});const H1=N(B1,[["__scopeId","data-v-a186aa16"]]),F1={},R1={class:"VPPage"};function D1(e,t){const n=Et("Content");return d(),v("div",R1,[V(n)])}const z1=N(F1,[["render",D1]]),U1=F({__name:"VPButton",props:{tag:null,size:null,theme:null,text:null,href:null},setup(e){const t=e,n=ne(()=>[t.size??"medium",t.theme??"brand"]),s=ne(()=>t.href&&ss.test(t.href)),o=ne(()=>t.tag?t.tag:t.href?"a":"button");return(i,r)=>(d(),q(to(_(o)),{class:de(["VPButton",_(n)]),href:e.href?_(Hn)(e.href):void 0,target:_(s)?"_blank":void 0,rel:_(s)?"noreferrer":void 0},{default:A(()=>[Ee(ae(e.text),1)]),_:1},8,["class","href","target","rel"]))}});const j1=N(U1,[["__scopeId","data-v-53dbb8eb"]]),K1=e=>(qe("data-v-1fe9e8f3"),e=e(),We(),e),J1={class:"container"},q1={class:"main"},W1={key:0,class:"name"},G1={class:"clip"},Y1={key:1,class:"text"},Q1={key:2,class:"tagline"},X1={key:3,class:"actions"},Z1={key:0,class:"image"},e0={class:"image-container"},t0=K1(()=>b("div",{class:"image-bg"},null,-1)),n0=F({__name:"VPHero",props:{name:null,text:null,tagline:null,image:null,actions:null},setup(e){const t=Ne("hero-image-slot-exists");return(n,s)=>(d(),v("div",{class:de(["VPHero",{"has-image":e.image||_(t)}])},[b("div",J1,[b("div",q1,[e.name?(d(),v("h1",W1,[b("span",G1,ae(e.name),1)])):U("",!0),e.text?(d(),v("p",Y1,ae(e.text),1)):U("",!0),e.tagline?(d(),v("p",Q1,ae(e.tagline),1)):U("",!0),e.actions?(d(),v("div",X1,[(d(!0),v(G,null,Ce(e.actions,o=>(d(),v("div",{key:o.link,class:"action"},[V(j1,{tag:"a",size:"medium",theme:o.theme,text:o.text,href:o.link},null,8,["theme","text","href"])]))),128))])):U("",!0)]),e.image||_(t)?(d(),v("div",Z1,[b("div",e0,[t0,C(n.$slots,"home-hero-image",{},()=>[e.image?(d(),q(ro,{key:0,class:"image-src",image:e.image},null,8,["image"])):U("",!0)],!0)])])):U("",!0)])],2))}});const s0=N(n0,[["__scopeId","data-v-1fe9e8f3"]]),o0=F({__name:"VPHomeHero",setup(e){const{frontmatter:t}=le();return(n,s)=>_(t).hero?(d(),q(s0,{key:0,class:"VPHomeHero",name:_(t).hero.name,text:_(t).hero.text,tagline:_(t).hero.tagline,image:_(t).hero.image,actions:_(t).hero.actions},{"home-hero-image":A(()=>[C(n.$slots,"home-hero-image")]),_:3},8,["name","text","tagline","image","actions"])):U("",!0)}}),i0={},r0={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},l0=b("path",{d:"M19.9,12.4c0.1-0.2,0.1-0.5,0-0.8c-0.1-0.1-0.1-0.2-0.2-0.3l-7-7c-0.4-0.4-1-0.4-1.4,0s-0.4,1,0,1.4l5.3,5.3H5c-0.6,0-1,0.4-1,1s0.4,1,1,1h11.6l-5.3,5.3c-0.4,0.4-0.4,1,0,1.4c0.2,0.2,0.5,0.3,0.7,0.3s0.5-0.1,0.7-0.3l7-7C19.8,12.6,19.9,12.5,19.9,12.4z"},null,-1),c0=[l0];function a0(e,t){return d(),v("svg",r0,c0)}const u0=N(i0,[["render",a0]]),f0={class:"box"},d0={key:1,class:"icon"},h0={class:"title"},_0={class:"details"},p0={key:2,class:"link-text"},m0={class:"link-text-value"},v0=F({__name:"VPFeature",props:{icon:null,title:null,details:null,link:null,linkText:null},setup(e){return(t,n)=>(d(),q(Lt,{class:"VPFeature",href:e.link,"no-icon":!0},{default:A(()=>[b("article",f0,[typeof e.icon=="object"?(d(),q(ro,{key:0,image:e.icon,alt:e.icon.alt,height:e.icon.height,width:e.icon.width},null,8,["image","alt","height","width"])):e.icon?(d(),v("div",d0,ae(e.icon),1)):U("",!0),b("h2",h0,ae(e.title),1),b("p",_0,ae(e.details),1),e.linkText?(d(),v("div",p0,[b("p",m0,[Ee(ae(e.linkText)+" ",1),V(u0,{class:"link-text-icon"})])])):U("",!0)])]),_:1},8,["href"]))}});const g0=N(v0,[["__scopeId","data-v-81ce8129"]]),b0={key:0,class:"VPFeatures"},y0={class:"container"},x0={class:"items"},k0=F({__name:"VPFeatures",props:{features:null},setup(e){const t=e,n=ne(()=>{const s=t.features.length;if(s){if(s===2)return"grid-2";if(s===3)return"grid-3";if(s%3===0)return"grid-6";if(s%2===0)return"grid-4"}else return});return(s,o)=>e.features?(d(),v("div",b0,[b("div",y0,[b("div",x0,[(d(!0),v(G,null,Ce(e.features,i=>(d(),v("div",{key:i.title,class:de(["item",[_(n)]])},[V(g0,{icon:i.icon,title:i.title,details:i.details,link:i.link,"link-text":i.linkText},null,8,["icon","title","details","link","link-text"])],2))),128))])])])):U("",!0)}});const w0=N(k0,[["__scopeId","data-v-6816157f"]]),$0=F({__name:"VPHomeFeatures",setup(e){const{frontmatter:t}=le();return(n,s)=>_(t).features?(d(),q(w0,{key:0,class:"VPHomeFeatures",features:_(t).features},null,8,["features"])):U("",!0)}}),P0={class:"VPHome"},S0=F({__name:"VPHome",setup(e){return(t,n)=>{const s=Et("Content");return d(),v("div",P0,[C(t.$slots,"home-hero-before",{},void 0,!0),V(o0,null,{"home-hero-image":A(()=>[C(t.$slots,"home-hero-image",{},void 0,!0)]),_:3}),C(t.$slots,"home-hero-after",{},void 0,!0),C(t.$slots,"home-features-before",{},void 0,!0),V($0),C(t.$slots,"home-features-after",{},void 0,!0),V(s)])}}});const C0=N(S0,[["__scopeId","data-v-b07783ac"]]);function T0(){const{hasSidebar:e}=Ge(),t=As("(min-width: 960px)"),n=As("(min-width: 1280px)");return{isAsideEnabled:ne(()=>!n.value&&!t.value?!1:e.value?n.value:t.value)}}const V0=71;function E0(e){if(e===!1)return[];let t=[];return document.querySelectorAll("h2, h3, h4, h5, h6").forEach(n=>{n.textContent&&n.id&&t.push({level:Number(n.tagName[1]),title:n.innerText.replace(/\s+#\s*$/,""),link:`#${n.id}`})}),L0(t,e)}function L0(e,t=2){return M0(e,typeof t=="number"?[t,t]:t==="deep"?[2,6]:t)}function M0(e,t){const n=[];return e=e.map(s=>({...s})),e.forEach((s,o)=>{s.level>=t[0]&&s.level<=t[1]&&A0(o,e,t)&&n.push(s)}),n}function A0(e,t,n){if(e===0)return!0;const s=t[e];for(let o=e-1;o>=0;o--){const i=t[o];if(i.level=n[0]&&i.level<=n[1])return i.children==null&&(i.children=[]),i.children.push(s),!1}return!0}function I0(e,t){const{isAsideEnabled:n}=T0(),s=Fa(i,100);let o=null;De(()=>{requestAnimationFrame(i),window.addEventListener("scroll",s)}),Zs(()=>{r(location.hash)}),pt(()=>{window.removeEventListener("scroll",s)});function i(){if(!n.value)return;const l=[].slice.call(e.value.querySelectorAll(".outline-link")),c=[].slice.call(document.querySelectorAll(".content .header-anchor")).filter($=>l.some(j=>j.hash===$.hash&&$.offsetParent!==null)),f=window.scrollY,h=window.innerHeight,p=document.body.offsetHeight,g=Math.abs(f+h-p)<1;if(c.length&&g){r(c[c.length-1].hash);return}for(let $=0;${const s=Et("VPDocAsideOutlineItem",!0);return d(),v("ul",{class:de(e.root?"root":"nested")},[(d(!0),v(G,null,Ce(e.headers,({children:o,link:i,title:r})=>(d(),v("li",null,[b("a",{class:"outline-link",href:i,onClick:n[0]||(n[0]=(...l)=>e.onClick&&e.onClick(...l))},ae(r),9,O0),o!=null&&o.length?(d(),q(s,{key:0,headers:o,onClick:e.onClick},null,8,["headers","onClick"])):U("",!0)]))),256))],2)}}});const H0=N(B0,[["__scopeId","data-v-1188541a"]]),F0=e=>(qe("data-v-2865c0b0"),e=e(),We(),e),R0={class:"content"},D0={class:"outline-title"},z0={"aria-labelledby":"doc-outline-aria-label"},U0=F0(()=>b("span",{class:"visually-hidden",id:"doc-outline-aria-label"}," Table of Contents for current page ",-1)),j0=F({__name:"VPDocAsideOutline",setup(e){const{frontmatter:t,theme:n}=le(),s=ne(()=>t.value.outline??n.value.outline),o=Ne("onContentUpdated");o.value=()=>{i.value=E0(s.value)};const i=_e([]),r=ne(()=>i.value.length>0),l=_e(),c=_e();I0(l,c);function f({target:h}){const p="#"+h.href.split("#")[1],g=document.querySelector(decodeURIComponent(p));g==null||g.focus()}return(h,p)=>(d(),v("div",{class:de(["VPDocAsideOutline",{"has-outline":_(r)}]),ref_key:"container",ref:l},[b("div",R0,[b("div",{class:"outline-marker",ref_key:"marker",ref:c},null,512),b("div",D0,ae(_(n).outlineTitle||"On this page"),1),b("nav",z0,[U0,V(H0,{headers:i.value,root:!0,onClick:f},null,8,["headers"])])])],2))}});const K0=N(j0,[["__scopeId","data-v-2865c0b0"]]),J0={class:"VPDocAsideCarbonAds"},q0=F({__name:"VPDocAsideCarbonAds",setup(e){const t=()=>null;return(n,s)=>(d(),v("div",J0,[V(_(t))]))}}),W0=e=>(qe("data-v-afc4c1a1"),e=e(),We(),e),G0={class:"VPDocAside"},Y0=W0(()=>b("div",{class:"spacer"},null,-1)),Q0=F({__name:"VPDocAside",setup(e){const{theme:t}=le();return(n,s)=>(d(),v("div",G0,[C(n.$slots,"aside-top",{},void 0,!0),C(n.$slots,"aside-outline-before",{},void 0,!0),V(K0),C(n.$slots,"aside-outline-after",{},void 0,!0),Y0,C(n.$slots,"aside-ads-before",{},void 0,!0),_(t).carbonAds?(d(),q(q0,{key:0})):U("",!0),C(n.$slots,"aside-ads-after",{},void 0,!0),C(n.$slots,"aside-bottom",{},void 0,!0)]))}});const X0=N(Q0,[["__scopeId","data-v-afc4c1a1"]]);function Z0(){const{theme:e,page:t}=le();return ne(()=>{const{text:n="Edit this page",pattern:s}=e.value.editLink||{},{relativePath:o}=t.value;return{url:s.replace(/:path/g,o),text:n}})}function eh(){const{page:e,theme:t,frontmatter:n}=le();return ne(()=>{const s=pr(t.value.sidebar,e.value.relativePath),o=Ra(s),i=o.findIndex(r=>Qt(e.value.relativePath,r.link));return{prev:n.value.prev?{...o[i-1],text:n.value.prev}:o[i-1],next:n.value.next?{...o[i+1],text:n.value.next}:o[i+1]}})}const th={},nh={xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 24 24"},sh=b("path",{d:"M18,23H4c-1.7,0-3-1.3-3-3V6c0-1.7,1.3-3,3-3h7c0.6,0,1,0.4,1,1s-0.4,1-1,1H4C3.4,5,3,5.4,3,6v14c0,0.6,0.4,1,1,1h14c0.6,0,1-0.4,1-1v-7c0-0.6,0.4-1,1-1s1,0.4,1,1v7C21,21.7,19.7,23,18,23z"},null,-1),oh=b("path",{d:"M8,17c-0.3,0-0.5-0.1-0.7-0.3C7,16.5,6.9,16.1,7,15.8l1-4c0-0.2,0.1-0.3,0.3-0.5l9.5-9.5c1.2-1.2,3.2-1.2,4.4,0c1.2,1.2,1.2,3.2,0,4.4l-9.5,9.5c-0.1,0.1-0.3,0.2-0.5,0.3l-4,1C8.2,17,8.1,17,8,17zM9.9,12.5l-0.5,2.1l2.1-0.5l9.3-9.3c0.4-0.4,0.4-1.1,0-1.6c-0.4-0.4-1.2-0.4-1.6,0l0,0L9.9,12.5z M18.5,2.5L18.5,2.5L18.5,2.5z"},null,-1),ih=[sh,oh];function rh(e,t){return d(),v("svg",nh,ih)}const lh=N(th,[["render",rh]]),ch={class:"VPLastUpdated"},ah=["datetime"],uh=F({__name:"VPDocFooterLastUpdated",setup(e){const{theme:t,page:n}=le(),s=ne(()=>new Date(n.value.lastUpdated)),o=ne(()=>s.value.toISOString()),i=_e("");return De(()=>{Vt(()=>{i.value=s.value.toLocaleString(window.navigator.language)})}),(r,l)=>(d(),v("p",ch,[Ee(ae(_(t).lastUpdatedText??"Last updated")+": ",1),b("time",{datetime:_(o)},ae(i.value),9,ah)]))}});const fh=N(uh,[["__scopeId","data-v-18fe8fc2"]]),dh={key:0,class:"VPDocFooter"},hh={key:0,class:"edit-info"},_h={key:0,class:"edit-link"},ph={key:1,class:"last-updated"},mh={key:1,class:"prev-next"},vh={class:"pager"},gh=["href"],bh=["innerHTML"],yh=["innerHTML"],xh=["href"],kh=["innerHTML"],wh=["innerHTML"],$h=F({__name:"VPDocFooter",setup(e){const{theme:t,page:n,frontmatter:s}=le(),o=Z0(),i=eh(),r=ne(()=>t.value.editLink&&s.value.editLink!==!1),l=ne(()=>n.value.lastUpdated&&s.value.lastUpdated!==!1),c=ne(()=>r.value||l.value||i.value.prev||i.value.next);return(f,h)=>{var p,g;return _(c)?(d(),v("footer",dh,[_(r)||_(l)?(d(),v("div",hh,[_(r)?(d(),v("div",_h,[V(Lt,{class:"edit-link-button",href:_(o).url,"no-icon":!0},{default:A(()=>[V(lh,{class:"edit-link-icon"}),Ee(" "+ae(_(o).text),1)]),_:1},8,["href"])])):U("",!0),_(l)?(d(),v("div",ph,[V(fh)])):U("",!0)])):U("",!0),_(i).prev||_(i).next?(d(),v("div",mh,[b("div",vh,[_(i).prev?(d(),v("a",{key:0,class:"pager-link prev",href:_(Hn)(_(i).prev.link)},[b("span",{class:"desc",innerHTML:((p=_(t).docFooter)==null?void 0:p.prev)??"Previous page"},null,8,bh),b("span",{class:"title",innerHTML:_(i).prev.text},null,8,yh)],8,gh)):U("",!0)]),b("div",{class:de(["pager",{"has-prev":_(i).prev}])},[_(i).next?(d(),v("a",{key:0,class:"pager-link next",href:_(Hn)(_(i).next.link)},[b("span",{class:"desc",innerHTML:((g=_(t).docFooter)==null?void 0:g.next)??"Next page"},null,8,kh),b("span",{class:"title",innerHTML:_(i).next.text},null,8,wh)],8,xh)):U("",!0)],2)])):U("",!0)])):U("",!0)}}});const Ph=N($h,[["__scopeId","data-v-21f75714"]]),Sh=e=>(qe("data-v-cfb513e0"),e=e(),We(),e),Ch={class:"container"},Th={key:0,class:"aside"},Vh=Sh(()=>b("div",{class:"aside-curtain"},null,-1)),Eh={class:"aside-container"},Lh={class:"aside-content"},Mh={class:"content"},Ah={class:"content-container"},Ih={class:"main"},Nh=F({__name:"VPDoc",setup(e){const t=mt(),{hasSidebar:n,hasAside:s}=Ge(),o=ne(()=>t.path.replace(/[./]+/g,"_").replace(/_html$/,"")),i=_e();return Ft("onContentUpdated",i),(r,l)=>{const c=Et("Content");return d(),v("div",{class:de(["VPDoc",{"has-sidebar":_(n),"has-aside":_(s)}])},[b("div",Ch,[_(s)?(d(),v("div",Th,[Vh,b("div",Eh,[b("div",Lh,[V(X0,null,{"aside-top":A(()=>[C(r.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":A(()=>[C(r.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":A(()=>[C(r.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":A(()=>[C(r.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":A(()=>[C(r.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":A(()=>[C(r.$slots,"aside-ads-after",{},void 0,!0)]),_:3})])])])):U("",!0),b("div",Mh,[b("div",Ah,[C(r.$slots,"doc-before",{},void 0,!0),b("main",Ih,[V(c,{class:de(["vp-doc",_(o)]),onContentUpdated:i.value},null,8,["class","onContentUpdated"])]),C(r.$slots,"doc-footer-before",{},void 0,!0),V(Ph),C(r.$slots,"doc-after",{},void 0,!0)])])])],2)}}});const Oh=N(Nh,[["__scopeId","data-v-cfb513e0"]]),Bh=F({__name:"VPContent",setup(e){const t=mt(),{frontmatter:n}=le(),{hasSidebar:s}=Ge(),o=Ne("NotFound");return(i,r)=>(d(),v("div",{class:de(["VPContent",{"has-sidebar":_(s),"is-home":_(n).layout==="home"}]),id:"VPContent"},[_(t).component===_(o)?(d(),q(_(o),{key:0})):_(n).layout==="page"?(d(),q(z1,{key:1})):_(n).layout==="home"?(d(),q(C0,{key:2},{"home-hero-before":A(()=>[C(i.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-image":A(()=>[C(i.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":A(()=>[C(i.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":A(()=>[C(i.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":A(()=>[C(i.$slots,"home-features-after",{},void 0,!0)]),_:3})):(d(),q(Oh,{key:3},{"doc-footer-before":A(()=>[C(i.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":A(()=>[C(i.$slots,"doc-before",{},void 0,!0)]),"doc-after":A(()=>[C(i.$slots,"doc-after",{},void 0,!0)]),"aside-top":A(()=>[C(i.$slots,"aside-top",{},void 0,!0)]),"aside-outline-before":A(()=>[C(i.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":A(()=>[C(i.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":A(()=>[C(i.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":A(()=>[C(i.$slots,"aside-ads-after",{},void 0,!0)]),"aside-bottom":A(()=>[C(i.$slots,"aside-bottom",{},void 0,!0)]),_:3}))],2))}});const Hh=N(Bh,[["__scopeId","data-v-296cfad2"]]),Fh={class:"container"},Rh=["innerHTML"],Dh=["innerHTML"],zh=F({__name:"VPFooter",setup(e){const{theme:t}=le(),{hasSidebar:n}=Ge();return(s,o)=>_(t).footer?(d(),v("footer",{key:0,class:de(["VPFooter",{"has-sidebar":_(n)}])},[b("div",Fh,[_(t).footer.message?(d(),v("p",{key:0,class:"message",innerHTML:_(t).footer.message},null,8,Rh)):U("",!0),_(t).footer.copyright?(d(),v("p",{key:1,class:"copyright",innerHTML:_(t).footer.copyright},null,8,Dh)):U("",!0)])],2)):U("",!0)}});const Uh=N(zh,[["__scopeId","data-v-9f24cc86"]]),jh={key:0,class:"Layout"},Kh=F({__name:"Layout",setup(e){const{isOpen:t,open:n,close:s}=Ge(),o=mt();et(()=>o.path,s),Da(t,s),Ft("close-sidebar",s),Ft("is-sidebar-open",t);const{frontmatter:i}=le(),r=xc(),l=ne(()=>!!r["home-hero-image"]);return Ft("hero-image-slot-exists",l),(c,f)=>{const h=Et("Content");return _(i).layout!==!1?(d(),v("div",jh,[C(c.$slots,"layout-top",{},void 0,!0),V(Ua),V(Ja,{class:"backdrop",show:_(t),onClick:_(s)},null,8,["show","onClick"]),V(Gd,null,{"nav-bar-title-before":A(()=>[C(c.$slots,"nav-bar-title-before",{},void 0,!0)]),"nav-bar-title-after":A(()=>[C(c.$slots,"nav-bar-title-after",{},void 0,!0)]),"nav-bar-content-before":A(()=>[C(c.$slots,"nav-bar-content-before",{},void 0,!0)]),"nav-bar-content-after":A(()=>[C(c.$slots,"nav-bar-content-after",{},void 0,!0)]),"nav-screen-content-before":A(()=>[C(c.$slots,"nav-screen-content-before",{},void 0,!0)]),"nav-screen-content-after":A(()=>[C(c.$slots,"nav-screen-content-after",{},void 0,!0)]),_:3}),V(u1,{open:_(t),onOpenMenu:_(n)},null,8,["open","onOpenMenu"]),V(H1,{open:_(t)},{"sidebar-nav-before":A(()=>[C(c.$slots,"sidebar-nav-before",{},void 0,!0)]),"sidebar-nav-after":A(()=>[C(c.$slots,"sidebar-nav-after",{},void 0,!0)]),_:3},8,["open"]),V(Hh,null,{"home-hero-before":A(()=>[C(c.$slots,"home-hero-before",{},void 0,!0)]),"home-hero-image":A(()=>[C(c.$slots,"home-hero-image",{},void 0,!0)]),"home-hero-after":A(()=>[C(c.$slots,"home-hero-after",{},void 0,!0)]),"home-features-before":A(()=>[C(c.$slots,"home-features-before",{},void 0,!0)]),"home-features-after":A(()=>[C(c.$slots,"home-features-after",{},void 0,!0)]),"doc-footer-before":A(()=>[C(c.$slots,"doc-footer-before",{},void 0,!0)]),"doc-before":A(()=>[C(c.$slots,"doc-before",{},void 0,!0)]),"doc-after":A(()=>[C(c.$slots,"doc-after",{},void 0,!0)]),"aside-top":A(()=>[C(c.$slots,"aside-top",{},void 0,!0)]),"aside-bottom":A(()=>[C(c.$slots,"aside-bottom",{},void 0,!0)]),"aside-outline-before":A(()=>[C(c.$slots,"aside-outline-before",{},void 0,!0)]),"aside-outline-after":A(()=>[C(c.$slots,"aside-outline-after",{},void 0,!0)]),"aside-ads-before":A(()=>[C(c.$slots,"aside-ads-before",{},void 0,!0)]),"aside-ads-after":A(()=>[C(c.$slots,"aside-ads-after",{},void 0,!0)]),_:3}),V(Uh),C(c.$slots,"layout-bottom",{},void 0,!0)])):(d(),q(h,{key:1}))}}});const Jh=N(Kh,[["__scopeId","data-v-5211c0b1"]]),is=e=>(qe("data-v-95656537"),e=e(),We(),e),qh={class:"NotFound"},Wh=is(()=>b("p",{class:"code"},"404",-1)),Gh=is(()=>b("h1",{class:"title"},"PAGE NOT FOUND",-1)),Yh=is(()=>b("div",{class:"divider"},null,-1)),Qh=is(()=>b("blockquote",{class:"quote"}," But if you don't change your direction, and if you keep looking, you may end up where you are heading. ",-1)),Xh={class:"action"},Zh=["href"],e_=F({__name:"NotFound",setup(e){const{site:t}=le();return(n,s)=>(d(),v("div",qh,[Wh,Gh,Yh,Qh,b("div",Xh,[b("a",{class:"link",href:_(t).base,"aria-label":"go to home"}," Take me home ",8,Zh)])]))}});const t_=N(e_,[["__scopeId","data-v-95656537"]]);const Ut={Layout:Jh,NotFound:t_,enhanceApp:({app:e})=>{e.component("Badge",ra)}};function n_(e,t){let n=[],s=!0;const o=i=>{if(s){s=!1;return}n.forEach(r=>document.head.removeChild(r)),n=[],i.forEach(r=>{const l=s_(r);document.head.appendChild(l),n.push(l)})};Vt(()=>{const i=e.data,r=t.value,l=i&&i.description,c=i&&i.frontmatter.head||[];document.title=ur(r,i),document.querySelector("meta[name=description]").setAttribute("content",l||r.description),o(pa(r.head,i_(c)))})}function s_([e,t,n]){const s=document.createElement(e);for(const o in t)s.setAttribute(o,t[o]);return n&&(s.innerHTML=n),s}function o_(e){return e[0]==="meta"&&e[1]&&e[1].name==="description"}function i_(e){return e.filter(t=>!o_(t))}const gs=new Set,$r=()=>document.createElement("link"),r_=e=>{const t=$r();t.rel="prefetch",t.href=e,document.head.appendChild(t)},l_=e=>{const t=new XMLHttpRequest;t.open("GET",e,t.withCredentials=!0),t.send()};let Cn;const c_=Ve&&(Cn=$r())&&Cn.relList&&Cn.relList.supports&&Cn.relList.supports("prefetch")?r_:l_;function a_(){if(!Ve||!window.IntersectionObserver)return;let e;if((e=navigator.connection)&&(e.saveData||/2g/.test(e.effectiveType)))return;const t=window.requestIdleCallback||setTimeout;let n=null;const s=()=>{n&&n.disconnect(),n=new IntersectionObserver(i=>{i.forEach(r=>{if(r.isIntersecting){const l=r.target;n.unobserve(l);const{pathname:c}=l;if(!gs.has(c)){gs.add(c);const f=fr(c);c_(f)}}})}),t(()=>{document.querySelectorAll("#app a").forEach(i=>{const{target:r,hostname:l,pathname:c}=i,f=c.match(/\.\w+$/);f&&f[0]!==".html"||r!=="_blank"&&l===location.hostname&&(c!==location.pathname?n.observe(i):gs.add(c))})})};De(s);const o=mt();et(()=>o.path,s),pt(()=>{n&&n.disconnect()})}const u_=F({setup(e,{slots:t}){const n=_e(!1);return De(()=>{n.value=!0}),()=>n.value&&t.default?t.default():null}});function f_(){if(Ve){const e=new Map;window.addEventListener("click",t=>{var s;const n=t.target;if(n.matches('div[class*="language-"] > button.copy')){const o=n.parentElement,i=(s=n.nextElementSibling)==null?void 0:s.nextElementSibling;if(!o||!i)return;const r=/language-(shellscript|shell|bash|sh|zsh)/.test(o.className);let l="";i.querySelectorAll("span.line:not(.diff.remove)").forEach(c=>l+=(c.textContent||"")+`
-`),l=l.slice(0,-1),r&&(l=l.replace(/^ *(\$|>) /gm,"").trim()),d_(l).then(()=>{n.classList.add("copied"),clearTimeout(e.get(n));const c=setTimeout(()=>{n.classList.remove("copied"),n.blur(),e.delete(n)},2e3);e.set(n,c)})}})}}async function d_(e){try{return navigator.clipboard.writeText(e)}catch{const t=document.createElement("textarea"),n=document.activeElement;t.value=e,t.setAttribute("readonly",""),t.style.contain="strict",t.style.position="absolute",t.style.left="-9999px",t.style.fontSize="12pt";const s=document.getSelection(),o=s?s.rangeCount>0&&s.getRangeAt(0):null;document.body.appendChild(t),t.select(),t.selectionStart=0,t.selectionEnd=e.length,document.execCommand("copy"),document.body.removeChild(t),o&&(s.removeAllRanges(),s.addRange(o)),n&&n.focus()}}function h_(){Ve&&window.addEventListener("click",e=>{var n,s;const t=e.target;if(t.matches(".vp-code-group input")){const o=(n=t.parentElement)==null?void 0:n.parentElement,i=Array.from((o==null?void 0:o.querySelectorAll("input"))||[]).indexOf(t),r=o==null?void 0:o.querySelector('div[class*="language-"].active'),l=(s=o==null?void 0:o.querySelectorAll('div[class*="language-"]'))==null?void 0:s[i];r&&l&&r!==l&&(r.classList.remove("active"),l.classList.add("active"))}})}const Pr=Ut.NotFound||(()=>"404 Not Found"),__=F({name:"VitePressApp",setup(){const{site:e}=le();return De(()=>{et(()=>e.value.lang,t=>{document.documentElement.lang=t},{immediate:!0})}),a_(),f_(),h_(),Ut.setup&&Ut.setup(),()=>Bn(Ut.Layout)}});function p_(){const e=v_(),t=m_();t.provide(hr,e);const n=ba(e.route);return t.provide(dr,n),t.provide("NotFound",Pr),t.component("Content",wa),t.component("ClientOnly",u_),Object.defineProperty(t.config.globalProperties,"$frontmatter",{get(){return n.frontmatter.value}}),Ut.enhanceApp&&Ut.enhanceApp({app:t,router:e,siteData:qt}),{app:t,router:e,data:n}}function m_(){return ea(__)}function v_(){let e=Ve,t;return xa(n=>{let s=fr(n);return e&&(t=s),(e||t===s)&&(s=s.replace(/\.js$/,".lean.js")),Ve&&(e=!1),oa(()=>import(s),[])},Pr)}if(Ve){const{app:e,router:t,data:n}=p_();t.go().then(()=>{n_(t.route,n.site),e.mount("#app")})}export{N as _,dc as a,b,v as c,p_ as createApp,Ee as d,d as o};
+`),l=l.slice(0,-1),r&&(l=l.replace(/^ *(\$|>) /gm,"").trim()),d_(l).then(()=>{n.classList.add("copied"),clearTimeout(e.get(n));const c=setTimeout(()=>{n.classList.remove("copied"),n.blur(),e.delete(n)},2e3);e.set(n,c)})}})}}async function d_(e){try{return navigator.clipboard.writeText(e)}catch{const t=document.createElement("textarea"),n=document.activeElement;t.value=e,t.setAttribute("readonly",""),t.style.contain="strict",t.style.position="absolute",t.style.left="-9999px",t.style.fontSize="12pt";const s=document.getSelection(),o=s?s.rangeCount>0&&s.getRangeAt(0):null;document.body.appendChild(t),t.select(),t.selectionStart=0,t.selectionEnd=e.length,document.execCommand("copy"),document.body.removeChild(t),o&&(s.removeAllRanges(),s.addRange(o)),n&&n.focus()}}function h_(){Ve&&window.addEventListener("click",e=>{var n,s;const t=e.target;if(t.matches(".vp-code-group input")){const o=(n=t.parentElement)==null?void 0:n.parentElement,i=Array.from((o==null?void 0:o.querySelectorAll("input"))||[]).indexOf(t),r=o==null?void 0:o.querySelector('div[class*="language-"].active'),l=(s=o==null?void 0:o.querySelectorAll('div[class*="language-"]'))==null?void 0:s[i];r&&l&&r!==l&&(r.classList.remove("active"),l.classList.add("active"))}})}const Pr=Ut.NotFound||(()=>"404 Not Found"),__=F({name:"VitePressApp",setup(){const{site:e}=le();return De(()=>{et(()=>e.value.lang,t=>{document.documentElement.lang=t},{immediate:!0})}),a_(),f_(),h_(),Ut.setup&&Ut.setup(),()=>Bn(Ut.Layout)}});function p_(){const e=v_(),t=m_();t.provide(hr,e);const n=ba(e.route);return t.provide(dr,n),t.provide("NotFound",Pr),t.component("Content",wa),t.component("ClientOnly",u_),Object.defineProperty(t.config.globalProperties,"$frontmatter",{get(){return n.frontmatter.value}}),Ut.enhanceApp&&Ut.enhanceApp({app:t,router:e,siteData:qt}),{app:t,router:e,data:n}}function m_(){return ea(__)}function v_(){let e=Ve,t;return xa(n=>{let s=fr(n);return e&&(t=s),(e||t===s)&&(s=s.replace(/\.js$/,".lean.js")),Ve&&(e=!1),oa(()=>import(s),[])},Pr)}if(Ve){const{app:e,router:t,data:n}=p_();t.go().then(()=>{n_(t.route,n.site),e.mount("#app")})}export{N as _,dc as a,b,v as c,p_ as createApp,Ee as d,d as o,ae as t};
diff --git a/assets/index.md.15a13528.js b/assets/index.md.f97698e6.js
similarity index 92%
rename from assets/index.md.15a13528.js
rename to assets/index.md.f97698e6.js
index 51cb3cc..634c9b2 100644
--- a/assets/index.md.15a13528.js
+++ b/assets/index.md.f97698e6.js
@@ -1 +1 @@
-import{_ as e,c as t,o as a}from"./app.e7d182be.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"怀谷","text":"敦兮其若朴 旷兮其若谷","image":{"src":"/vue.png","alt":"图片怎么不见了？？？？？？？？？？？？"},"actions":[{"theme":"brand","text":"快速开始","link":"/JS.TS/ES6/Iterator"},{"theme":"alt","text":"View on Github","link":"https://github.com/Huai-Gu/HuaiGu"}]},"features":[{"icon":"🖖","title":"Vue/React/Angular","details":null},{"icon":"🖖","title":"Webpack/gulp/rollup","details":null},{"icon":"🛠️","title":"leetcode/TCP/IP","details":null}]},"headers":[],"relativePath":"index.md"}'),n={name:"index.md"};function i(o,l,r,c,s,u){return a(),t("div")}const m=e(n,[["render",i]]);export{p as __pageData,m as default};
+import{_ as e,c as t,o as a}from"./app.136603a1.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"怀谷","text":"敦兮其若朴 旷兮其若谷","image":{"src":"/vue.png","alt":"图片怎么不见了？？？？？？？？？？？？"},"actions":[{"theme":"brand","text":"快速开始","link":"/JS.TS/ES6/Iterator"},{"theme":"alt","text":"View on Github","link":"https://github.com/Huai-Gu/HuaiGu"}]},"features":[{"icon":"🖖","title":"Vue/React/Angular","details":null},{"icon":"🖖","title":"Webpack/gulp/rollup","details":null},{"icon":"🛠️","title":"leetcode/TCP/IP","details":null}]},"headers":[],"relativePath":"index.md"}'),n={name:"index.md"};function i(o,l,r,c,s,u){return a(),t("div")}const m=e(n,[["render",i]]);export{p as __pageData,m as default};
diff --git a/assets/index.md.15a13528.lean.js b/assets/index.md.f97698e6.lean.js
similarity index 92%
rename from assets/index.md.15a13528.lean.js
rename to assets/index.md.f97698e6.lean.js
index 51cb3cc..634c9b2 100644
--- a/assets/index.md.15a13528.lean.js
+++ b/assets/index.md.f97698e6.lean.js
@@ -1 +1 @@
-import{_ as e,c as t,o as a}from"./app.e7d182be.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"怀谷","text":"敦兮其若朴 旷兮其若谷","image":{"src":"/vue.png","alt":"图片怎么不见了？？？？？？？？？？？？"},"actions":[{"theme":"brand","text":"快速开始","link":"/JS.TS/ES6/Iterator"},{"theme":"alt","text":"View on Github","link":"https://github.com/Huai-Gu/HuaiGu"}]},"features":[{"icon":"🖖","title":"Vue/React/Angular","details":null},{"icon":"🖖","title":"Webpack/gulp/rollup","details":null},{"icon":"🛠️","title":"leetcode/TCP/IP","details":null}]},"headers":[],"relativePath":"index.md"}'),n={name:"index.md"};function i(o,l,r,c,s,u){return a(),t("div")}const m=e(n,[["render",i]]);export{p as __pageData,m as default};
+import{_ as e,c as t,o as a}from"./app.136603a1.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{"layout":"home","hero":{"name":"怀谷","text":"敦兮其若朴 旷兮其若谷","image":{"src":"/vue.png","alt":"图片怎么不见了？？？？？？？？？？？？"},"actions":[{"theme":"brand","text":"快速开始","link":"/JS.TS/ES6/Iterator"},{"theme":"alt","text":"View on Github","link":"https://github.com/Huai-Gu/HuaiGu"}]},"features":[{"icon":"🖖","title":"Vue/React/Angular","details":null},{"icon":"🖖","title":"Webpack/gulp/rollup","details":null},{"icon":"🛠️","title":"leetcode/TCP/IP","details":null}]},"headers":[],"relativePath":"index.md"}'),n={name:"index.md"};function i(o,l,r,c,s,u){return a(),t("div")}const m=e(n,[["render",i]]);export{p as __pageData,m as default};
diff --git a/assets/tips_2023.3.5.md.21509e11.js b/assets/tips_2023.3.5.md.57987588.js
similarity index 97%
rename from assets/tips_2023.3.5.md.21509e11.js
rename to assets/tips_2023.3.5.md.57987588.js
index 81d878a..f5a8446 100644
--- a/assets/tips_2023.3.5.md.21509e11.js
+++ b/assets/tips_2023.3.5.md.57987588.js
@@ -1,4 +1,4 @@
-import{_ as e,c as s,o as a,a as n}from"./app.e7d182be.js";const D=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"reg.source","slug":"reg-source","link":"#reg-source","children":[]},{"level":2,"title":"自动发版 semantic-release","slug":"自动发版-semantic-release","link":"#自动发版-semantic-release","children":[{"level":3,"title":"","slug":"","link":"#","children":[]}]}],"relativePath":"tips/2023.3.5.md"}'),l={name:"tips/2023.3.5.md"},r=n(`
    reg.source 
    js
    var regex = /fooBar/ig;
+import{_ as e,c as s,o as a,a as n}from"./app.136603a1.js";const D=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"reg.source","slug":"reg-source","link":"#reg-source","children":[]},{"level":2,"title":"自动发版 semantic-release","slug":"自动发版-semantic-release","link":"#自动发版-semantic-release","children":[{"level":3,"title":"","slug":"","link":"#","children":[]}]}],"relativePath":"tips/2023.3.5.md"}'),l={name:"tips/2023.3.5.md"},r=n(`
    reg.source 
    js
    var regex = /fooBar/ig;
 
 console.log(regex.source); // "fooBar"，不包含 /.../ 和 "ig"。
 
diff --git a/assets/tips_2023.3.5.md.21509e11.lean.js b/assets/tips_2023.3.5.md.57987588.lean.js
similarity index 89%
rename from assets/tips_2023.3.5.md.21509e11.lean.js
rename to assets/tips_2023.3.5.md.57987588.lean.js
index 7374788..72ff7a1 100644
--- a/assets/tips_2023.3.5.md.21509e11.lean.js
+++ b/assets/tips_2023.3.5.md.57987588.lean.js
@@ -1 +1 @@
-import{_ as e,c as s,o as a,a as n}from"./app.e7d182be.js";const D=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"reg.source","slug":"reg-source","link":"#reg-source","children":[]},{"level":2,"title":"自动发版 semantic-release","slug":"自动发版-semantic-release","link":"#自动发版-semantic-release","children":[{"level":3,"title":"","slug":"","link":"#","children":[]}]}],"relativePath":"tips/2023.3.5.md"}'),l={name:"tips/2023.3.5.md"},r=n("",4),t=[r];function o(c,p,i,d,h,_){return a(),s("div",null,t)}const g=e(l,[["render",o]]);export{D as __pageData,g as default};
+import{_ as e,c as s,o as a,a as n}from"./app.136603a1.js";const D=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"reg.source","slug":"reg-source","link":"#reg-source","children":[]},{"level":2,"title":"自动发版 semantic-release","slug":"自动发版-semantic-release","link":"#自动发版-semantic-release","children":[{"level":3,"title":"","slug":"","link":"#","children":[]}]}],"relativePath":"tips/2023.3.5.md"}'),l={name:"tips/2023.3.5.md"},r=n("",4),t=[r];function o(c,p,i,d,h,_){return a(),s("div",null,t)}const g=e(l,[["render",o]]);export{D as __pageData,g as default};
diff --git "a/assets/\345\274\200\345\217\221\346\200\273\347\273\223_Adobe-pr\346\217\222\344\273\266.md.d76317a3.js" "b/assets/\345\274\200\345\217\221\346\200\273\347\273\223_Adobe-pr\346\217\222\344\273\266.md.d61153a3.js"
similarity index 99%
rename from "assets/\345\274\200\345\217\221\346\200\273\347\273\223_Adobe-pr\346\217\222\344\273\266.md.d76317a3.js"
rename to "assets/\345\274\200\345\217\221\346\200\273\347\273\223_Adobe-pr\346\217\222\344\273\266.md.d61153a3.js"
index c22d3d4..f96b39a 100644
--- "a/assets/\345\274\200\345\217\221\346\200\273\347\273\223_Adobe-pr\346\217\222\344\273\266.md.d76317a3.js"
+++ "b/assets/\345\274\200\345\217\221\346\200\273\347\273\223_Adobe-pr\346\217\222\344\273\266.md.d61153a3.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const p="/HuaiGu/cep.jpg",B=JSON.parse('{"title":"基于vue开发Adobe插件","description":"","frontmatter":{},"headers":[{"level":3,"title":"通过软链映射进行热更新","slug":"通过软链映射进行热更新","link":"#通过软链映射进行热更新","children":[]},{"level":3,"title":"初始模板渲染","slug":"初始模板渲染","link":"#初始模板渲染","children":[]},{"level":3,"title":"打包安装有机会再进行更新","slug":"打包安装有机会再进行更新","link":"#打包安装有机会再进行更新","children":[]},{"level":3,"title":"ELES？","slug":"eles","link":"#eles","children":[]}],"relativePath":"开发总结/Adobe-pr插件.md"}'),o={name:"开发总结/Adobe-pr插件.md"},t=l(`
    基于vue开发Adobe插件 
    /CSXS 主要在该目录下建一个 mainifest.xml 的配置文件
    /client 主要包含前端界面资源，包括 Adobe CSInterface.js 等第三方库
    /jsx 主要包含 ExtendScript 后台运行文件
    /js 主要包含前端的渲染以及交互脚本
    DANGER
    在html进行跳转(端口为vue项目启动端口即可)
    WARNING
    本着不重复造轮子的原则，在这里我会以kuaizi团队开发的cep依赖为主
    kuaizi--cep
    通过软链映射进行热更新 
    js
    fs.symlinkSync()
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const p="/HuaiGu/cep.jpg",B=JSON.parse('{"title":"基于vue开发Adobe插件","description":"","frontmatter":{},"headers":[{"level":3,"title":"通过软链映射进行热更新","slug":"通过软链映射进行热更新","link":"#通过软链映射进行热更新","children":[]},{"level":3,"title":"初始模板渲染","slug":"初始模板渲染","link":"#初始模板渲染","children":[]},{"level":3,"title":"打包安装有机会再进行更新","slug":"打包安装有机会再进行更新","link":"#打包安装有机会再进行更新","children":[]},{"level":3,"title":"ELES？","slug":"eles","link":"#eles","children":[]}],"relativePath":"开发总结/Adobe-pr插件.md"}'),o={name:"开发总结/Adobe-pr插件.md"},t=l(`
    基于vue开发Adobe插件 
    /CSXS 主要在该目录下建一个 mainifest.xml 的配置文件
    /client 主要包含前端界面资源，包括 Adobe CSInterface.js 等第三方库
    /jsx 主要包含 ExtendScript 后台运行文件
    /js 主要包含前端的渲染以及交互脚本
    DANGER
    在html进行跳转(端口为vue项目启动端口即可)
    WARNING
    本着不重复造轮子的原则，在这里我会以kuaizi团队开发的cep依赖为主
    kuaizi--cep
    通过软链映射进行热更新 
    js
    fs.symlinkSync()
 
    初始模板渲染 
    alt
    引入该依赖 
    js
    npm install @kuaizi/vue-cli-plugin-cep
 
    引入后运行时会创建软链(即快捷方式) mainfest.xml可以自动生成，也可以自己配置相关信息 以下为参考配置
    js
    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <ExtensionManifest xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" ExtensionBundleId="com.xxx" ExtensionBundleName="xxx" ExtensionBundleVersion="1.0.0" Version="4.0">
diff --git "a/assets/\345\274\200\345\217\221\346\200\273\347\273\223_Adobe-pr\346\217\222\344\273\266.md.d76317a3.lean.js" "b/assets/\345\274\200\345\217\221\346\200\273\347\273\223_Adobe-pr\346\217\222\344\273\266.md.d61153a3.lean.js"
similarity index 93%
rename from "assets/\345\274\200\345\217\221\346\200\273\347\273\223_Adobe-pr\346\217\222\344\273\266.md.d76317a3.lean.js"
rename to "assets/\345\274\200\345\217\221\346\200\273\347\273\223_Adobe-pr\346\217\222\344\273\266.md.d61153a3.lean.js"
index 815d7f9..7854683 100644
--- "a/assets/\345\274\200\345\217\221\346\200\273\347\273\223_Adobe-pr\346\217\222\344\273\266.md.d76317a3.lean.js"
+++ "b/assets/\345\274\200\345\217\221\346\200\273\347\273\223_Adobe-pr\346\217\222\344\273\266.md.d61153a3.lean.js"
@@ -1 +1 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const p="/HuaiGu/cep.jpg",B=JSON.parse('{"title":"基于vue开发Adobe插件","description":"","frontmatter":{},"headers":[{"level":3,"title":"通过软链映射进行热更新","slug":"通过软链映射进行热更新","link":"#通过软链映射进行热更新","children":[]},{"level":3,"title":"初始模板渲染","slug":"初始模板渲染","link":"#初始模板渲染","children":[]},{"level":3,"title":"打包安装有机会再进行更新","slug":"打包安装有机会再进行更新","link":"#打包安装有机会再进行更新","children":[]},{"level":3,"title":"ELES？","slug":"eles","link":"#eles","children":[]}],"relativePath":"开发总结/Adobe-pr插件.md"}'),o={name:"开发总结/Adobe-pr插件.md"},t=l("",21),e=[t];function F(c,D,r,y,C,i){return a(),n("div",null,e)}const u=s(o,[["render",F]]);export{B as __pageData,u as default};
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const p="/HuaiGu/cep.jpg",B=JSON.parse('{"title":"基于vue开发Adobe插件","description":"","frontmatter":{},"headers":[{"level":3,"title":"通过软链映射进行热更新","slug":"通过软链映射进行热更新","link":"#通过软链映射进行热更新","children":[]},{"level":3,"title":"初始模板渲染","slug":"初始模板渲染","link":"#初始模板渲染","children":[]},{"level":3,"title":"打包安装有机会再进行更新","slug":"打包安装有机会再进行更新","link":"#打包安装有机会再进行更新","children":[]},{"level":3,"title":"ELES？","slug":"eles","link":"#eles","children":[]}],"relativePath":"开发总结/Adobe-pr插件.md"}'),o={name:"开发总结/Adobe-pr插件.md"},t=l("",21),e=[t];function F(c,D,r,y,C,i){return a(),n("div",null,e)}const u=s(o,[["render",F]]);export{B as __pageData,u as default};
diff --git "a/assets/\345\274\200\345\217\221\346\200\273\347\273\223_canvas_canvas.md.2523b101.js" "b/assets/\345\274\200\345\217\221\346\200\273\347\273\223_canvas_canvas.md.591f800b.js"
similarity index 98%
rename from "assets/\345\274\200\345\217\221\346\200\273\347\273\223_canvas_canvas.md.2523b101.js"
rename to "assets/\345\274\200\345\217\221\346\200\273\347\273\223_canvas_canvas.md.591f800b.js"
index 075115b..efbf5ec 100644
--- "a/assets/\345\274\200\345\217\221\346\200\273\347\273\223_canvas_canvas.md.2523b101.js"
+++ "b/assets/\345\274\200\345\217\221\346\200\273\347\273\223_canvas_canvas.md.591f800b.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as a,o as n,a as l}from"./app.e7d182be.js";const i=JSON.parse('{"title":"canvas框架实现的基本操作以及源码解析(konvajs)","description":"","frontmatter":{},"headers":[],"relativePath":"开发总结/canvas/canvas.md"}'),p={name:"开发总结/canvas/canvas.md"},o=l(`
    canvas框架实现的基本操作以及源码解析(konvajs) 
    新建Stage类
    js
    var stage = new Konva.Stage({
+import{_ as s,c as a,o as n,a as l}from"./app.136603a1.js";const i=JSON.parse('{"title":"canvas框架实现的基本操作以及源码解析(konvajs)","description":"","frontmatter":{},"headers":[],"relativePath":"开发总结/canvas/canvas.md"}'),p={name:"开发总结/canvas/canvas.md"},o=l(`
    canvas框架实现的基本操作以及源码解析(konvajs) 
    新建Stage类
    js
    var stage = new Konva.Stage({
   container: 'container',   // id of container <div> *包裹舞台的DIV元素的ID
   width: 500,
   height: 500
diff --git "a/assets/\345\274\200\345\217\221\346\200\273\347\273\223_canvas_canvas.md.2523b101.lean.js" "b/assets/\345\274\200\345\217\221\346\200\273\347\273\223_canvas_canvas.md.591f800b.lean.js"
similarity index 84%
rename from "assets/\345\274\200\345\217\221\346\200\273\347\273\223_canvas_canvas.md.2523b101.lean.js"
rename to "assets/\345\274\200\345\217\221\346\200\273\347\273\223_canvas_canvas.md.591f800b.lean.js"
index 57cef6a..3466eb6 100644
--- "a/assets/\345\274\200\345\217\221\346\200\273\347\273\223_canvas_canvas.md.2523b101.lean.js"
+++ "b/assets/\345\274\200\345\217\221\346\200\273\347\273\223_canvas_canvas.md.591f800b.lean.js"
@@ -1 +1 @@
-import{_ as s,c as a,o as n,a as l}from"./app.e7d182be.js";const i=JSON.parse('{"title":"canvas框架实现的基本操作以及源码解析(konvajs)","description":"","frontmatter":{},"headers":[],"relativePath":"开发总结/canvas/canvas.md"}'),p={name:"开发总结/canvas/canvas.md"},o=l("",5),e=[o];function t(c,r,D,y,C,F){return n(),a("div",null,e)}const h=s(p,[["render",t]]);export{i as __pageData,h as default};
+import{_ as s,c as a,o as n,a as l}from"./app.136603a1.js";const i=JSON.parse('{"title":"canvas框架实现的基本操作以及源码解析(konvajs)","description":"","frontmatter":{},"headers":[],"relativePath":"开发总结/canvas/canvas.md"}'),p={name:"开发总结/canvas/canvas.md"},o=l("",5),e=[o];function t(c,r,D,y,C,F){return n(),a("div",null,e)}const h=s(p,[["render",t]]);export{i as __pageData,h as default};
diff --git "a/assets/\345\274\200\345\217\221\346\200\273\347\273\223_github-deploy.md.921b5690.js" "b/assets/\345\274\200\345\217\221\346\200\273\347\273\223_github-deploy.md.36e17b69.js"
similarity index 93%
rename from "assets/\345\274\200\345\217\221\346\200\273\347\273\223_github-deploy.md.921b5690.js"
rename to "assets/\345\274\200\345\217\221\346\200\273\347\273\223_github-deploy.md.36e17b69.js"
index 9eeafc7..503cf4b 100644
--- "a/assets/\345\274\200\345\217\221\346\200\273\347\273\223_github-deploy.md.921b5690.js"
+++ "b/assets/\345\274\200\345\217\221\346\200\273\347\273\223_github-deploy.md.36e17b69.js"
@@ -1 +1 @@
-import{_ as e,c as a,o as t,a as i}from"./app.e7d182be.js";const r="/HuaiGu/github_deploy.png",b=JSON.parse('{"title":"github deploy","description":"","frontmatter":{},"headers":[],"relativePath":"开发总结/github-deploy.md"}'),o={name:"开发总结/github-deploy.md"},d=i('
    github deploy 
    在根目录配置github/workflows 新建 xx.yml文件
    alt
    配置page页面 
    配置actions 
    成功 
    ',6),h=[d];function s(n,c,_,p,l,u){return t(),a("div",null,h)}const f=e(o,[["render",s]]);export{b as __pageData,f as default};
+import{_ as e,c as a,o as t,a as i}from"./app.136603a1.js";const r="/HuaiGu/github_deploy.png",b=JSON.parse('{"title":"github deploy","description":"","frontmatter":{},"headers":[],"relativePath":"开发总结/github-deploy.md"}'),o={name:"开发总结/github-deploy.md"},d=i('
    github deploy 
    在根目录配置github/workflows 新建 xx.yml文件
    alt
    配置page页面 
    配置actions 
    成功 
    ',6),h=[d];function s(n,c,_,p,l,u){return t(),a("div",null,h)}const f=e(o,[["render",s]]);export{b as __pageData,f as default};
diff --git "a/assets/\345\274\200\345\217\221\346\200\273\347\273\223_github-deploy.md.921b5690.lean.js" "b/assets/\345\274\200\345\217\221\346\200\273\347\273\223_github-deploy.md.36e17b69.lean.js"
similarity index 84%
rename from "assets/\345\274\200\345\217\221\346\200\273\347\273\223_github-deploy.md.921b5690.lean.js"
rename to "assets/\345\274\200\345\217\221\346\200\273\347\273\223_github-deploy.md.36e17b69.lean.js"
index 16574cf..6ed2eb0 100644
--- "a/assets/\345\274\200\345\217\221\346\200\273\347\273\223_github-deploy.md.921b5690.lean.js"
+++ "b/assets/\345\274\200\345\217\221\346\200\273\347\273\223_github-deploy.md.36e17b69.lean.js"
@@ -1 +1 @@
-import{_ as e,c as a,o as t,a as i}from"./app.e7d182be.js";const r="/HuaiGu/github_deploy.png",b=JSON.parse('{"title":"github deploy","description":"","frontmatter":{},"headers":[],"relativePath":"开发总结/github-deploy.md"}'),o={name:"开发总结/github-deploy.md"},d=i("",6),h=[d];function s(n,c,_,p,l,u){return t(),a("div",null,h)}const f=e(o,[["render",s]]);export{b as __pageData,f as default};
+import{_ as e,c as a,o as t,a as i}from"./app.136603a1.js";const r="/HuaiGu/github_deploy.png",b=JSON.parse('{"title":"github deploy","description":"","frontmatter":{},"headers":[],"relativePath":"开发总结/github-deploy.md"}'),o={name:"开发总结/github-deploy.md"},d=i("",6),h=[d];function s(n,c,_,p,l,u){return t(),a("div",null,h)}const f=e(o,[["render",s]]);export{b as __pageData,f as default};
diff --git "a/assets/\345\274\200\345\217\221\346\200\273\347\273\223_v-for\345\222\214v-if.md.39e07e00.js" "b/assets/\345\274\200\345\217\221\346\200\273\347\273\223_v-for\345\222\214v-if.md.64dc4c75.js"
similarity index 99%
rename from "assets/\345\274\200\345\217\221\346\200\273\347\273\223_v-for\345\222\214v-if.md.39e07e00.js"
rename to "assets/\345\274\200\345\217\221\346\200\273\347\273\223_v-for\345\222\214v-if.md.64dc4c75.js"
index cd55535..8ac8410 100644
--- "a/assets/\345\274\200\345\217\221\346\200\273\347\273\223_v-for\345\222\214v-if.md.39e07e00.js"
+++ "b/assets/\345\274\200\345\217\221\346\200\273\347\273\223_v-for\345\222\214v-if.md.64dc4c75.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const A=JSON.parse('{"title":"事故地点","description":"","frontmatter":{},"headers":[{"level":2,"title":"v-for v-if","slug":"v-for-v-if","link":"#v-for-v-if","children":[]},{"level":2,"title":"v-for","slug":"v-for","link":"#v-for","children":[]},{"level":2,"title":"v-if","slug":"v-if","link":"#v-if","children":[]}],"relativePath":"开发总结/v-for和v-if.md"}'),p={name:"开发总结/v-for和v-if.md"},o=l(`
    v-for v-if 
    今天有个憨憨用了v-for 和v-if 出现bug了,特此记录一下
    v-for 
    首先我们要对v-for 有一定的了解
    js
    v-for="(item,index) in DataList"
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const A=JSON.parse('{"title":"事故地点","description":"","frontmatter":{},"headers":[{"level":2,"title":"v-for v-if","slug":"v-for-v-if","link":"#v-for-v-if","children":[]},{"level":2,"title":"v-for","slug":"v-for","link":"#v-for","children":[]},{"level":2,"title":"v-if","slug":"v-if","link":"#v-if","children":[]}],"relativePath":"开发总结/v-for和v-if.md"}'),p={name:"开发总结/v-for和v-if.md"},o=l(`
    v-for v-if 
    今天有个憨憨用了v-for 和v-if 出现bug了,特此记录一下
    v-for 
    首先我们要对v-for 有一定的了解
    js
    v-for="(item,index) in DataList"
 // 遍历数组值
 
    。。。。。。补充明天再说
    v-if 
    与 v-else v-else-if 连用
    事故地点 
    js
    
 <!DOCTYPE html>
diff --git "a/assets/\345\274\200\345\217\221\346\200\273\347\273\223_v-for\345\222\214v-if.md.39e07e00.lean.js" "b/assets/\345\274\200\345\217\221\346\200\273\347\273\223_v-for\345\222\214v-if.md.64dc4c75.lean.js"
similarity index 89%
rename from "assets/\345\274\200\345\217\221\346\200\273\347\273\223_v-for\345\222\214v-if.md.39e07e00.lean.js"
rename to "assets/\345\274\200\345\217\221\346\200\273\347\273\223_v-for\345\222\214v-if.md.64dc4c75.lean.js"
index ed0d9b9..e89ebe0 100644
--- "a/assets/\345\274\200\345\217\221\346\200\273\347\273\223_v-for\345\222\214v-if.md.39e07e00.lean.js"
+++ "b/assets/\345\274\200\345\217\221\346\200\273\347\273\223_v-for\345\222\214v-if.md.64dc4c75.lean.js"
@@ -1 +1 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const A=JSON.parse('{"title":"事故地点","description":"","frontmatter":{},"headers":[{"level":2,"title":"v-for v-if","slug":"v-for-v-if","link":"#v-for-v-if","children":[]},{"level":2,"title":"v-for","slug":"v-for","link":"#v-for","children":[]},{"level":2,"title":"v-if","slug":"v-if","link":"#v-if","children":[]}],"relativePath":"开发总结/v-for和v-if.md"}'),p={name:"开发总结/v-for和v-if.md"},o=l("",16),t=[o];function e(D,c,F,r,y,C){return a(),n("div",null,t)}const u=s(p,[["render",e]]);export{A as __pageData,u as default};
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const A=JSON.parse('{"title":"事故地点","description":"","frontmatter":{},"headers":[{"level":2,"title":"v-for v-if","slug":"v-for-v-if","link":"#v-for-v-if","children":[]},{"level":2,"title":"v-for","slug":"v-for","link":"#v-for","children":[]},{"level":2,"title":"v-if","slug":"v-if","link":"#v-if","children":[]}],"relativePath":"开发总结/v-for和v-if.md"}'),p={name:"开发总结/v-for和v-if.md"},o=l("",16),t=[o];function e(D,c,F,r,y,C){return a(),n("div",null,t)}const u=s(p,[["render",e]]);export{A as __pageData,u as default};
diff --git "a/assets/\345\274\200\345\217\221\346\200\273\347\273\223_\345\270\270\347\224\250\347\232\204\345\272\223_css.md.e5d574f8.js" "b/assets/\345\274\200\345\217\221\346\200\273\347\273\223_\345\270\270\347\224\250\347\232\204\345\272\223_css.md.7691b3dc.js"
similarity index 87%
rename from "assets/\345\274\200\345\217\221\346\200\273\347\273\223_\345\270\270\347\224\250\347\232\204\345\272\223_css.md.e5d574f8.js"
rename to "assets/\345\274\200\345\217\221\346\200\273\347\273\223_\345\270\270\347\224\250\347\232\204\345\272\223_css.md.7691b3dc.js"
index 9c925cc..ce50b19 100644
--- "a/assets/\345\274\200\345\217\221\346\200\273\347\273\223_\345\270\270\347\224\250\347\232\204\345\272\223_css.md.e5d574f8.js"
+++ "b/assets/\345\274\200\345\217\221\346\200\273\347\273\223_\345\270\270\347\224\250\347\232\204\345\272\223_css.md.7691b3dc.js"
@@ -1 +1 @@
-import{_ as s,c as t,o as a,b as e}from"./app.e7d182be.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"开发总结/常用的库/css.md"}'),o={name:"开发总结/常用的库/css.md"},r=e("p",null,[e("a",{href:"https://getcssscan.com/css-box-shadow-examples?ref=producthunt",target:"_blank",rel:"noreferrer"},"box-shadow")],-1),c=[r];function n(_,d,p,l,i,f){return a(),t("div",null,c)}const u=s(o,[["render",n]]);export{m as __pageData,u as default};
+import{_ as s,c as t,o as a,b as e}from"./app.136603a1.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"开发总结/常用的库/css.md"}'),o={name:"开发总结/常用的库/css.md"},r=e("p",null,[e("a",{href:"https://getcssscan.com/css-box-shadow-examples?ref=producthunt",target:"_blank",rel:"noreferrer"},"box-shadow")],-1),c=[r];function n(_,d,p,l,i,f){return a(),t("div",null,c)}const u=s(o,[["render",n]]);export{m as __pageData,u as default};
diff --git "a/assets/\345\274\200\345\217\221\346\200\273\347\273\223_\345\270\270\347\224\250\347\232\204\345\272\223_css.md.e5d574f8.lean.js" "b/assets/\345\274\200\345\217\221\346\200\273\347\273\223_\345\270\270\347\224\250\347\232\204\345\272\223_css.md.7691b3dc.lean.js"
similarity index 87%
rename from "assets/\345\274\200\345\217\221\346\200\273\347\273\223_\345\270\270\347\224\250\347\232\204\345\272\223_css.md.e5d574f8.lean.js"
rename to "assets/\345\274\200\345\217\221\346\200\273\347\273\223_\345\270\270\347\224\250\347\232\204\345\272\223_css.md.7691b3dc.lean.js"
index 9c925cc..ce50b19 100644
--- "a/assets/\345\274\200\345\217\221\346\200\273\347\273\223_\345\270\270\347\224\250\347\232\204\345\272\223_css.md.e5d574f8.lean.js"
+++ "b/assets/\345\274\200\345\217\221\346\200\273\347\273\223_\345\270\270\347\224\250\347\232\204\345\272\223_css.md.7691b3dc.lean.js"
@@ -1 +1 @@
-import{_ as s,c as t,o as a,b as e}from"./app.e7d182be.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"开发总结/常用的库/css.md"}'),o={name:"开发总结/常用的库/css.md"},r=e("p",null,[e("a",{href:"https://getcssscan.com/css-box-shadow-examples?ref=producthunt",target:"_blank",rel:"noreferrer"},"box-shadow")],-1),c=[r];function n(_,d,p,l,i,f){return a(),t("div",null,c)}const u=s(o,[["render",n]]);export{m as __pageData,u as default};
+import{_ as s,c as t,o as a,b as e}from"./app.136603a1.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"开发总结/常用的库/css.md"}'),o={name:"开发总结/常用的库/css.md"},r=e("p",null,[e("a",{href:"https://getcssscan.com/css-box-shadow-examples?ref=producthunt",target:"_blank",rel:"noreferrer"},"box-shadow")],-1),c=[r];function n(_,d,p,l,i,f){return a(),t("div",null,c)}const u=s(o,[["render",n]]);export{m as __pageData,u as default};
diff --git "a/assets/\347\256\227\346\263\225_\344\272\214\345\217\211\346\240\221_\345\261\202\345\272\217\351\201\215\345\216\206.md.9bc886d9.js" "b/assets/\347\256\227\346\263\225_\344\272\214\345\217\211\346\240\221_\345\261\202\345\272\217\351\201\215\345\216\206.md.c8ba590b.js"
similarity index 99%
rename from "assets/\347\256\227\346\263\225_\344\272\214\345\217\211\346\240\221_\345\261\202\345\272\217\351\201\215\345\216\206.md.9bc886d9.js"
rename to "assets/\347\256\227\346\263\225_\344\272\214\345\217\211\346\240\221_\345\261\202\345\272\217\351\201\215\345\216\206.md.c8ba590b.js"
index ec862fd..ab3ef4d 100644
--- "a/assets/\347\256\227\346\263\225_\344\272\214\345\217\211\346\240\221_\345\261\202\345\272\217\351\201\215\345\216\206.md.9bc886d9.js"
+++ "b/assets/\347\256\227\346\263\225_\344\272\214\345\217\211\346\240\221_\345\261\202\345\272\217\351\201\215\345\216\206.md.c8ba590b.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const p="/HuaiGu/层序遍历1.jpg",o="/HuaiGu/层序遍历2.jpg",e="/HuaiGu/层析遍历3.jpg",f=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"LeetCode  从上到下打印二叉树1","slug":"leetcode-从上到下打印二叉树1","link":"#leetcode-从上到下打印二叉树1","children":[]},{"level":3,"title":"LeetCode 从上到下打印二叉树2","slug":"leetcode-从上到下打印二叉树2","link":"#leetcode-从上到下打印二叉树2","children":[]},{"level":3,"title":"LeetCode 从上到下打印二叉树3","slug":"leetcode-从上到下打印二叉树3","link":"#leetcode-从上到下打印二叉树3","children":[]}],"relativePath":"算法/二叉树/层序遍历.md"}'),t={name:"算法/二叉树/层序遍历.md"},c=l('
    LeetCode 从上到下打印二叉树1 
    alt
    😈 利用队列的先进先出很容易办到，遍历每一层的节点
    js
    var levelOrder = function(root) {
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const p="/HuaiGu/层序遍历1.jpg",o="/HuaiGu/层序遍历2.jpg",e="/HuaiGu/层析遍历3.jpg",f=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"LeetCode  从上到下打印二叉树1","slug":"leetcode-从上到下打印二叉树1","link":"#leetcode-从上到下打印二叉树1","children":[]},{"level":3,"title":"LeetCode 从上到下打印二叉树2","slug":"leetcode-从上到下打印二叉树2","link":"#leetcode-从上到下打印二叉树2","children":[]},{"level":3,"title":"LeetCode 从上到下打印二叉树3","slug":"leetcode-从上到下打印二叉树3","link":"#leetcode-从上到下打印二叉树3","children":[]}],"relativePath":"算法/二叉树/层序遍历.md"}'),t={name:"算法/二叉树/层序遍历.md"},c=l('
    LeetCode 从上到下打印二叉树1 
    alt
    😈 利用队列的先进先出很容易办到，遍历每一层的节点
    js
    var levelOrder = function(root) {
     const res = [];
     if (!root) {
         return res;
diff --git "a/assets/\347\256\227\346\263\225_\344\272\214\345\217\211\346\240\221_\345\261\202\345\272\217\351\201\215\345\216\206.md.9bc886d9.lean.js" "b/assets/\347\256\227\346\263\225_\344\272\214\345\217\211\346\240\221_\345\261\202\345\272\217\351\201\215\345\216\206.md.c8ba590b.lean.js"
similarity index 93%
rename from "assets/\347\256\227\346\263\225_\344\272\214\345\217\211\346\240\221_\345\261\202\345\272\217\351\201\215\345\216\206.md.9bc886d9.lean.js"
rename to "assets/\347\256\227\346\263\225_\344\272\214\345\217\211\346\240\221_\345\261\202\345\272\217\351\201\215\345\216\206.md.c8ba590b.lean.js"
index ea9c000..30d2368 100644
--- "a/assets/\347\256\227\346\263\225_\344\272\214\345\217\211\346\240\221_\345\261\202\345\272\217\351\201\215\345\216\206.md.9bc886d9.lean.js"
+++ "b/assets/\347\256\227\346\263\225_\344\272\214\345\217\211\346\240\221_\345\261\202\345\272\217\351\201\215\345\216\206.md.c8ba590b.lean.js"
@@ -1 +1 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const p="/HuaiGu/层序遍历1.jpg",o="/HuaiGu/层序遍历2.jpg",e="/HuaiGu/层析遍历3.jpg",f=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"LeetCode  从上到下打印二叉树1","slug":"leetcode-从上到下打印二叉树1","link":"#leetcode-从上到下打印二叉树1","children":[]},{"level":3,"title":"LeetCode 从上到下打印二叉树2","slug":"leetcode-从上到下打印二叉树2","link":"#leetcode-从上到下打印二叉树2","children":[]},{"level":3,"title":"LeetCode 从上到下打印二叉树3","slug":"leetcode-从上到下打印二叉树3","link":"#leetcode-从上到下打印二叉树3","children":[]}],"relativePath":"算法/二叉树/层序遍历.md"}'),t={name:"算法/二叉树/层序遍历.md"},c=l("",11),r=[c];function F(y,D,A,C,i,d){return a(),n("div",null,r)}const u=s(t,[["render",F]]);export{f as __pageData,u as default};
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const p="/HuaiGu/层序遍历1.jpg",o="/HuaiGu/层序遍历2.jpg",e="/HuaiGu/层析遍历3.jpg",f=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"LeetCode  从上到下打印二叉树1","slug":"leetcode-从上到下打印二叉树1","link":"#leetcode-从上到下打印二叉树1","children":[]},{"level":3,"title":"LeetCode 从上到下打印二叉树2","slug":"leetcode-从上到下打印二叉树2","link":"#leetcode-从上到下打印二叉树2","children":[]},{"level":3,"title":"LeetCode 从上到下打印二叉树3","slug":"leetcode-从上到下打印二叉树3","link":"#leetcode-从上到下打印二叉树3","children":[]}],"relativePath":"算法/二叉树/层序遍历.md"}'),t={name:"算法/二叉树/层序遍历.md"},c=l("",11),r=[c];function F(y,D,A,C,i,d){return a(),n("div",null,r)}const u=s(t,[["render",F]]);export{f as __pageData,u as default};
diff --git "a/assets/\347\256\227\346\263\225_\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230_1.15\344\270\203\347\211\233\344\272\221\346\230\245\346\213\233\347\254\224\350\257\225\351\242\230.md.e275a4e2.js" "b/assets/\347\256\227\346\263\225_\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230_1.15\344\270\203\347\211\233\344\272\221\346\230\245\346\213\233\347\254\224\350\257\225\351\242\230.md.798f1cba.js"
similarity index 95%
rename from "assets/\347\256\227\346\263\225_\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230_1.15\344\270\203\347\211\233\344\272\221\346\230\245\346\213\233\347\254\224\350\257\225\351\242\230.md.e275a4e2.js"
rename to "assets/\347\256\227\346\263\225_\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230_1.15\344\270\203\347\211\233\344\272\221\346\230\245\346\213\233\347\254\224\350\257\225\351\242\230.md.798f1cba.js"
index dfae59e..ce40c2f 100644
--- "a/assets/\347\256\227\346\263\225_\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230_1.15\344\270\203\347\211\233\344\272\221\346\230\245\346\213\233\347\254\224\350\257\225\351\242\230.md.e275a4e2.js"
+++ "b/assets/\347\256\227\346\263\225_\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230_1.15\344\270\203\347\211\233\344\272\221\346\230\245\346\213\233\347\254\224\350\257\225\351\242\230.md.798f1cba.js"
@@ -1 +1 @@
-import{_ as a,c as e,o as c,a as t}from"./app.e7d182be.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"aa-bb-cc to AaBbCc","slug":"aa-bb-cc-to-aabbcc","link":"#aa-bb-cc-to-aabbcc","children":[]},{"level":2,"title":"算法实现模板字符串","slug":"算法实现模板字符串","link":"#算法实现模板字符串","children":[]},{"level":2,"title":"给一个数组，栈，依次入栈，且栈顶元素随时可以弹出","slug":"给一个数组-栈-依次入栈-且栈顶元素随时可以弹出","link":"#给一个数组-栈-依次入栈-且栈顶元素随时可以弹出","children":[]}],"relativePath":"算法/面试算法题/1.15七牛云春招笔试题.md"}'),r={name:"算法/面试算法题/1.15七牛云春招笔试题.md"},_=t('
    aa-bb-cc to AaBbCc 
    算法实现模板字符串 
    给一个数组，栈，依次入栈，且栈顶元素随时可以弹出 
    ',3),i=[_];function n(o,d,s,l,h,b){return c(),e("div",null,i)}const f=a(r,[["render",n]]);export{u as __pageData,f as default};
+import{_ as a,c as e,o as c,a as t}from"./app.136603a1.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"aa-bb-cc to AaBbCc","slug":"aa-bb-cc-to-aabbcc","link":"#aa-bb-cc-to-aabbcc","children":[]},{"level":2,"title":"算法实现模板字符串","slug":"算法实现模板字符串","link":"#算法实现模板字符串","children":[]},{"level":2,"title":"给一个数组，栈，依次入栈，且栈顶元素随时可以弹出","slug":"给一个数组-栈-依次入栈-且栈顶元素随时可以弹出","link":"#给一个数组-栈-依次入栈-且栈顶元素随时可以弹出","children":[]}],"relativePath":"算法/面试算法题/1.15七牛云春招笔试题.md"}'),r={name:"算法/面试算法题/1.15七牛云春招笔试题.md"},_=t('
    aa-bb-cc to AaBbCc 
    算法实现模板字符串 
    给一个数组，栈，依次入栈，且栈顶元素随时可以弹出 
    ',3),i=[_];function n(o,d,s,l,h,b){return c(),e("div",null,i)}const f=a(r,[["render",n]]);export{u as __pageData,f as default};
diff --git "a/assets/\347\256\227\346\263\225_\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230_1.15\344\270\203\347\211\233\344\272\221\346\230\245\346\213\233\347\254\224\350\257\225\351\242\230.md.e275a4e2.lean.js" "b/assets/\347\256\227\346\263\225_\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230_1.15\344\270\203\347\211\233\344\272\221\346\230\245\346\213\233\347\254\224\350\257\225\351\242\230.md.798f1cba.lean.js"
similarity index 93%
rename from "assets/\347\256\227\346\263\225_\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230_1.15\344\270\203\347\211\233\344\272\221\346\230\245\346\213\233\347\254\224\350\257\225\351\242\230.md.e275a4e2.lean.js"
rename to "assets/\347\256\227\346\263\225_\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230_1.15\344\270\203\347\211\233\344\272\221\346\230\245\346\213\233\347\254\224\350\257\225\351\242\230.md.798f1cba.lean.js"
index da08a9d..b8bc830 100644
--- "a/assets/\347\256\227\346\263\225_\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230_1.15\344\270\203\347\211\233\344\272\221\346\230\245\346\213\233\347\254\224\350\257\225\351\242\230.md.e275a4e2.lean.js"
+++ "b/assets/\347\256\227\346\263\225_\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230_1.15\344\270\203\347\211\233\344\272\221\346\230\245\346\213\233\347\254\224\350\257\225\351\242\230.md.798f1cba.lean.js"
@@ -1 +1 @@
-import{_ as a,c as e,o as c,a as t}from"./app.e7d182be.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"aa-bb-cc to AaBbCc","slug":"aa-bb-cc-to-aabbcc","link":"#aa-bb-cc-to-aabbcc","children":[]},{"level":2,"title":"算法实现模板字符串","slug":"算法实现模板字符串","link":"#算法实现模板字符串","children":[]},{"level":2,"title":"给一个数组，栈，依次入栈，且栈顶元素随时可以弹出","slug":"给一个数组-栈-依次入栈-且栈顶元素随时可以弹出","link":"#给一个数组-栈-依次入栈-且栈顶元素随时可以弹出","children":[]}],"relativePath":"算法/面试算法题/1.15七牛云春招笔试题.md"}'),r={name:"算法/面试算法题/1.15七牛云春招笔试题.md"},_=t("",3),i=[_];function n(o,d,s,l,h,b){return c(),e("div",null,i)}const f=a(r,[["render",n]]);export{u as __pageData,f as default};
+import{_ as a,c as e,o as c,a as t}from"./app.136603a1.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"aa-bb-cc to AaBbCc","slug":"aa-bb-cc-to-aabbcc","link":"#aa-bb-cc-to-aabbcc","children":[]},{"level":2,"title":"算法实现模板字符串","slug":"算法实现模板字符串","link":"#算法实现模板字符串","children":[]},{"level":2,"title":"给一个数组，栈，依次入栈，且栈顶元素随时可以弹出","slug":"给一个数组-栈-依次入栈-且栈顶元素随时可以弹出","link":"#给一个数组-栈-依次入栈-且栈顶元素随时可以弹出","children":[]}],"relativePath":"算法/面试算法题/1.15七牛云春招笔试题.md"}'),r={name:"算法/面试算法题/1.15七牛云春招笔试题.md"},_=t("",3),i=[_];function n(o,d,s,l,h,b){return c(),e("div",null,i)}const f=a(r,[["render",n]]);export{u as __pageData,f as default};
diff --git "a/assets/\347\256\227\346\263\225_\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230_1.7\345\255\227\350\212\202.md.2c92daa3.js" "b/assets/\347\256\227\346\263\225_\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230_1.7\345\255\227\350\212\202.md.7bd326f1.js"
similarity index 99%
rename from "assets/\347\256\227\346\263\225_\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230_1.7\345\255\227\350\212\202.md.2c92daa3.js"
rename to "assets/\347\256\227\346\263\225_\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230_1.7\345\255\227\350\212\202.md.7bd326f1.js"
index 0fbf000..9529145 100644
--- "a/assets/\347\256\227\346\263\225_\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230_1.7\345\255\227\350\212\202.md.2c92daa3.js"
+++ "b/assets/\347\256\227\346\263\225_\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230_1.7\345\255\227\350\212\202.md.7bd326f1.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const i=JSON.parse('{"title":"中文数字翻译成阿拉伯数字","description":"","frontmatter":{},"headers":[],"relativePath":"算法/面试算法题/1.7字节.md"}'),p={name:"算法/面试算法题/1.7字节.md"},o=l(`
    中文数字翻译成阿拉伯数字 
    打印全排列 
    js
    function fullpermutate(str) {
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const i=JSON.parse('{"title":"中文数字翻译成阿拉伯数字","description":"","frontmatter":{},"headers":[],"relativePath":"算法/面试算法题/1.7字节.md"}'),p={name:"算法/面试算法题/1.7字节.md"},o=l(`
    中文数字翻译成阿拉伯数字 
    打印全排列 
    js
    function fullpermutate(str) {
  var result = [];
  if (str.length > 1) {
    //遍历每一项
diff --git "a/assets/\347\256\227\346\263\225_\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230_1.7\345\255\227\350\212\202.md.2c92daa3.lean.js" "b/assets/\347\256\227\346\263\225_\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230_1.7\345\255\227\350\212\202.md.7bd326f1.lean.js"
similarity index 84%
rename from "assets/\347\256\227\346\263\225_\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230_1.7\345\255\227\350\212\202.md.2c92daa3.lean.js"
rename to "assets/\347\256\227\346\263\225_\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230_1.7\345\255\227\350\212\202.md.7bd326f1.lean.js"
index 57c7fb6..1bde05e 100644
--- "a/assets/\347\256\227\346\263\225_\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230_1.7\345\255\227\350\212\202.md.2c92daa3.lean.js"
+++ "b/assets/\347\256\227\346\263\225_\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230_1.7\345\255\227\350\212\202.md.7bd326f1.lean.js"
@@ -1 +1 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const i=JSON.parse('{"title":"中文数字翻译成阿拉伯数字","description":"","frontmatter":{},"headers":[],"relativePath":"算法/面试算法题/1.7字节.md"}'),p={name:"算法/面试算法题/1.7字节.md"},o=l("",3),t=[o];function e(c,r,F,y,D,C){return a(),n("div",null,t)}const _=s(p,[["render",e]]);export{i as __pageData,_ as default};
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const i=JSON.parse('{"title":"中文数字翻译成阿拉伯数字","description":"","frontmatter":{},"headers":[],"relativePath":"算法/面试算法题/1.7字节.md"}'),p={name:"算法/面试算法题/1.7字节.md"},o=l("",3),t=[o];function e(c,r,F,y,D,C){return a(),n("div",null,t)}const _=s(p,[["render",e]]);export{i as __pageData,_ as default};
diff --git "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_HTTP.md.b23a7b0f.js" "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_HTTP.md.ac0da5ba.js"
similarity index 94%
rename from "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_HTTP.md.b23a7b0f.js"
rename to "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_HTTP.md.ac0da5ba.js"
index c933a43..d8b9bf8 100644
--- "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_HTTP.md.b23a7b0f.js"
+++ "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_HTTP.md.ac0da5ba.js"
@@ -1 +1 @@
-import{_ as t,c as e,o as a,a as o}from"./app.e7d182be.js";const h=JSON.parse('{"title":"HTTP","description":"","frontmatter":{},"headers":[],"relativePath":"计算机基础/HTTP.md"}'),p={name:"计算机基础/HTTP.md"},T=o('
    HTTP 
    version
    1. HTTP 0.9
    只有一个get , 一次TCP连接只能发送一次HTTP请求
    1. HTTP 1.0
    增加一些新方法 head post
    增加响应状态码, 对可能错误的原因进行标记
    引入 HTTP HEADER
    HTTP/1.0最核心的改变是增加了头部设定，头部内容以键值对的形式设置。请求头部通过 Accept 字段来告诉服务端可以接收的文件类型，响应头部再通过 Content-Type 字段来告诉浏览器返回文件的类型
    1. HTTP 1.1
    长连接: 引入TCP 连接复用
    引入管道机制 一个TCP连接，可以同时发送多个请求
    允许数据分块
    1. HTTP 2.0 不再使用ASCII 传输而是使用二进制数据来提升传输效率
    ',14),r=[T];function s(_,i,l,n,c,d){return a(),e("div",null,r)}const H=t(p,[["render",s]]);export{h as __pageData,H as default};
+import{_ as t,c as e,o as a,a as o}from"./app.136603a1.js";const h=JSON.parse('{"title":"HTTP","description":"","frontmatter":{},"headers":[],"relativePath":"计算机基础/HTTP.md"}'),p={name:"计算机基础/HTTP.md"},T=o('
    HTTP 
    version
    1. HTTP 0.9
    只有一个get , 一次TCP连接只能发送一次HTTP请求
    1. HTTP 1.0
    增加一些新方法 head post
    增加响应状态码, 对可能错误的原因进行标记
    引入 HTTP HEADER
    HTTP/1.0最核心的改变是增加了头部设定，头部内容以键值对的形式设置。请求头部通过 Accept 字段来告诉服务端可以接收的文件类型，响应头部再通过 Content-Type 字段来告诉浏览器返回文件的类型
    1. HTTP 1.1
    长连接: 引入TCP 连接复用
    引入管道机制 一个TCP连接，可以同时发送多个请求
    允许数据分块
    1. HTTP 2.0 不再使用ASCII 传输而是使用二进制数据来提升传输效率
    ',14),r=[T];function s(_,i,l,n,c,d){return a(),e("div",null,r)}const H=t(p,[["render",s]]);export{h as __pageData,H as default};
diff --git "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_HTTP.md.b23a7b0f.lean.js" "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_HTTP.md.ac0da5ba.lean.js"
similarity index 81%
rename from "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_HTTP.md.b23a7b0f.lean.js"
rename to "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_HTTP.md.ac0da5ba.lean.js"
index e803647..c3b1859 100644
--- "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_HTTP.md.b23a7b0f.lean.js"
+++ "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_HTTP.md.ac0da5ba.lean.js"
@@ -1 +1 @@
-import{_ as t,c as e,o as a,a as o}from"./app.e7d182be.js";const h=JSON.parse('{"title":"HTTP","description":"","frontmatter":{},"headers":[],"relativePath":"计算机基础/HTTP.md"}'),p={name:"计算机基础/HTTP.md"},T=o("",14),r=[T];function s(_,i,l,n,c,d){return a(),e("div",null,r)}const H=t(p,[["render",s]]);export{h as __pageData,H as default};
+import{_ as t,c as e,o as a,a as o}from"./app.136603a1.js";const h=JSON.parse('{"title":"HTTP","description":"","frontmatter":{},"headers":[],"relativePath":"计算机基础/HTTP.md"}'),p={name:"计算机基础/HTTP.md"},T=o("",14),r=[T];function s(_,i,l,n,c,d){return a(),e("div",null,r)}const H=t(p,[["render",s]]);export{h as __pageData,H as default};
diff --git "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_git\350\247\204\350\214\203.md.cf2fcef2.js" "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_git\350\247\204\350\214\203.md.b940530e.js"
similarity index 99%
rename from "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_git\350\247\204\350\214\203.md.cf2fcef2.js"
rename to "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_git\350\247\204\350\214\203.md.b940530e.js"
index b7bd117..5afcb99 100644
--- "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_git\350\247\204\350\214\203.md.cf2fcef2.js"
+++ "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_git\350\247\204\350\214\203.md.b940530e.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as a,o as l,a as n}from"./app.e7d182be.js";const d=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"代码冲突","slug":"代码冲突","link":"#代码冲突","children":[]},{"level":2,"title":"git分支管理","slug":"git分支管理","link":"#git分支管理","children":[]},{"level":2,"title":"git 提交规范","slug":"git-提交规范","link":"#git-提交规范","children":[]}],"relativePath":"计算机基础/git/git规范.md"}'),e={name:"计算机基础/git/git规范.md"},p=n(`
    代码冲突 
    bash
    git merge xxxx_branch 或者 git pull 时 or
+import{_ as s,c as a,o as l,a as n}from"./app.136603a1.js";const d=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"代码冲突","slug":"代码冲突","link":"#代码冲突","children":[]},{"level":2,"title":"git分支管理","slug":"git分支管理","link":"#git分支管理","children":[]},{"level":2,"title":"git 提交规范","slug":"git-提交规范","link":"#git-提交规范","children":[]}],"relativePath":"计算机基础/git/git规范.md"}'),e={name:"计算机基础/git/git规范.md"},p=n(`
    代码冲突 
    bash
    git merge xxxx_branch 或者 git pull 时 or
 git rebase xxxx_branch 或者 git pull --rebase 时 
 解消方法也是修改冲突文件并删除冲突标识<<<<< ==== >>>:
 git rebase –continue //继续更新到最新的base上
diff --git "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_git\350\247\204\350\214\203.md.cf2fcef2.lean.js" "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_git\350\247\204\350\214\203.md.b940530e.lean.js"
similarity index 90%
rename from "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_git\350\247\204\350\214\203.md.cf2fcef2.lean.js"
rename to "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_git\350\247\204\350\214\203.md.b940530e.lean.js"
index 4ccf790..1cd95c7 100644
--- "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_git\350\247\204\350\214\203.md.cf2fcef2.lean.js"
+++ "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_git\350\247\204\350\214\203.md.b940530e.lean.js"
@@ -1 +1 @@
-import{_ as s,c as a,o as l,a as n}from"./app.e7d182be.js";const d=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"代码冲突","slug":"代码冲突","link":"#代码冲突","children":[]},{"level":2,"title":"git分支管理","slug":"git分支管理","link":"#git分支管理","children":[]},{"level":2,"title":"git 提交规范","slug":"git-提交规范","link":"#git-提交规范","children":[]}],"relativePath":"计算机基础/git/git规范.md"}'),e={name:"计算机基础/git/git规范.md"},p=n("",9),o=[p];function t(r,c,C,i,y,A){return l(),a("div",null,o)}const g=s(e,[["render",t]]);export{d as __pageData,g as default};
+import{_ as s,c as a,o as l,a as n}from"./app.136603a1.js";const d=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"代码冲突","slug":"代码冲突","link":"#代码冲突","children":[]},{"level":2,"title":"git分支管理","slug":"git分支管理","link":"#git分支管理","children":[]},{"level":2,"title":"git 提交规范","slug":"git-提交规范","link":"#git-提交规范","children":[]}],"relativePath":"计算机基础/git/git规范.md"}'),e={name:"计算机基础/git/git规范.md"},p=n("",9),o=[p];function t(r,c,C,i,y,A){return l(),a("div",null,o)}const g=s(e,[["render",t]]);export{d as __pageData,g as default};
diff --git "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_git\350\256\276\347\275\256\344\270\244\344\270\252ssh\345\257\206\351\222\245.md.2d08a8e0.js" "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_git\350\256\276\347\275\256\344\270\244\344\270\252ssh\345\257\206\351\222\245.md.923f6cf9.js"
similarity index 98%
rename from "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_git\350\256\276\347\275\256\344\270\244\344\270\252ssh\345\257\206\351\222\245.md.2d08a8e0.js"
rename to "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_git\350\256\276\347\275\256\344\270\244\344\270\252ssh\345\257\206\351\222\245.md.923f6cf9.js"
index 31b34008..9cee856 100644
--- "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_git\350\256\276\347\275\256\344\270\244\344\270\252ssh\345\257\206\351\222\245.md.2d08a8e0.js"
+++ "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_git\350\256\276\347\275\256\344\270\244\344\270\252ssh\345\257\206\351\222\245.md.923f6cf9.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as a,o as n,a as l}from"./app.e7d182be.js";const A=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"git设置两个ssh密钥","slug":"git设置两个ssh密钥","link":"#git设置两个ssh密钥","children":[{"level":3,"title":"well have a try","slug":"well-have-a-try","link":"#well-have-a-try","children":[]}]},{"level":2,"title":"后续---","slug":"后续","link":"#后续","children":[]}],"relativePath":"计算机基础/git/git设置两个ssh密钥.md"}'),e={name:"计算机基础/git/git设置两个ssh密钥.md"},p=l(`
    git设置两个ssh密钥 
    分为公司邮箱和个人邮箱 在ssh设置两个私钥并指定地址和私钥
    bash
    ssh-keygen -t rsa -C "123456@qq.com"
+import{_ as s,c as a,o as n,a as l}from"./app.136603a1.js";const A=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"git设置两个ssh密钥","slug":"git设置两个ssh密钥","link":"#git设置两个ssh密钥","children":[{"level":3,"title":"well have a try","slug":"well-have-a-try","link":"#well-have-a-try","children":[]}]},{"level":2,"title":"后续---","slug":"后续","link":"#后续","children":[]}],"relativePath":"计算机基础/git/git设置两个ssh密钥.md"}'),e={name:"计算机基础/git/git设置两个ssh密钥.md"},p=l(`
    git设置两个ssh密钥 
    分为公司邮箱和个人邮箱 在ssh设置两个私钥并指定地址和私钥
    bash
    ssh-keygen -t rsa -C "123456@qq.com"
 
    新建密钥并命名 假如为 gitlab_hyperchain_rsa_id (记得将公钥放进gitlab或者其他git平台)
    在C:\\Users\\ziyuhang.ssh\\中新建config文件并配置
    如下
    md
    # 配置github.com
 Host github.com                 
     HostName github.com
diff --git "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_git\350\256\276\347\275\256\344\270\244\344\270\252ssh\345\257\206\351\222\245.md.2d08a8e0.lean.js" "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_git\350\256\276\347\275\256\344\270\244\344\270\252ssh\345\257\206\351\222\245.md.923f6cf9.lean.js"
similarity index 90%
rename from "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_git\350\256\276\347\275\256\344\270\244\344\270\252ssh\345\257\206\351\222\245.md.2d08a8e0.lean.js"
rename to "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_git\350\256\276\347\275\256\344\270\244\344\270\252ssh\345\257\206\351\222\245.md.923f6cf9.lean.js"
index 5f222b1..8f5a40b 100644
--- "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_git\350\256\276\347\275\256\344\270\244\344\270\252ssh\345\257\206\351\222\245.md.2d08a8e0.lean.js"
+++ "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_git\350\256\276\347\275\256\344\270\244\344\270\252ssh\345\257\206\351\222\245.md.923f6cf9.lean.js"
@@ -1 +1 @@
-import{_ as s,c as a,o as n,a as l}from"./app.e7d182be.js";const A=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"git设置两个ssh密钥","slug":"git设置两个ssh密钥","link":"#git设置两个ssh密钥","children":[{"level":3,"title":"well have a try","slug":"well-have-a-try","link":"#well-have-a-try","children":[]}]},{"level":2,"title":"后续---","slug":"后续","link":"#后续","children":[]}],"relativePath":"计算机基础/git/git设置两个ssh密钥.md"}'),e={name:"计算机基础/git/git设置两个ssh密钥.md"},p=l("",11),t=[p];function o(c,i,r,h,C,y){return n(),a("div",null,t)}const g=s(e,[["render",o]]);export{A as __pageData,g as default};
+import{_ as s,c as a,o as n,a as l}from"./app.136603a1.js";const A=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"git设置两个ssh密钥","slug":"git设置两个ssh密钥","link":"#git设置两个ssh密钥","children":[{"level":3,"title":"well have a try","slug":"well-have-a-try","link":"#well-have-a-try","children":[]}]},{"level":2,"title":"后续---","slug":"后续","link":"#后续","children":[]}],"relativePath":"计算机基础/git/git设置两个ssh密钥.md"}'),e={name:"计算机基础/git/git设置两个ssh密钥.md"},p=l("",11),t=[p];function o(c,i,r,h,C,y){return n(),a("div",null,t)}const g=s(e,[["render",o]]);export{A as __pageData,g as default};
diff --git "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_index.md.0985af5e.js" "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_index.md.f53f9e57.js"
similarity index 98%
rename from "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_index.md.0985af5e.js"
rename to "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_index.md.f53f9e57.js"
index c754f92..054f406 100644
--- "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_index.md.0985af5e.js"
+++ "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_index.md.f53f9e57.js"
@@ -1,3 +1,3 @@
-import{_ as a,c as s,o as e,a as n}from"./app.e7d182be.js";const t="/HuaiGu/git.png",_=JSON.parse('{"title":"git","description":"","frontmatter":{},"headers":[{"level":2,"title":"对比svn","slug":"对比svn","link":"#对比svn","children":[]},{"level":2,"title":"git config","slug":"git-config","link":"#git-config","children":[{"level":3,"title":"更多配置点这里","slug":"更多配置点这里","link":"#更多配置点这里","children":[]}]},{"level":2,"title":"分支的概念","slug":"分支的概念","link":"#分支的概念","children":[]}],"relativePath":"计算机基础/git/index.md"}'),l={name:"计算机基础/git/index.md"},o=n('
    git 
    远端维护一个存储库，每个人从远端拉取代码 alt
    对比svn 
    git 是分布式的，而svn是集中式的
    svn 严重依赖于服务器端 挂了就啥都没了 而git可以从另外的客户端获取所以代码
    git config 
    git 配置分为全局配置和本地配置
    即命令行输入用带上 --global
    或者在全局配置文件中修改.gitconfig文件
    bash
    git config --global user.name "your-username"
+import{_ as a,c as s,o as e,a as n}from"./app.136603a1.js";const t="/HuaiGu/git.png",_=JSON.parse('{"title":"git","description":"","frontmatter":{},"headers":[{"level":2,"title":"对比svn","slug":"对比svn","link":"#对比svn","children":[]},{"level":2,"title":"git config","slug":"git-config","link":"#git-config","children":[{"level":3,"title":"更多配置点这里","slug":"更多配置点这里","link":"#更多配置点这里","children":[]}]},{"level":2,"title":"分支的概念","slug":"分支的概念","link":"#分支的概念","children":[]}],"relativePath":"计算机基础/git/index.md"}'),l={name:"计算机基础/git/index.md"},o=n('
    git 
    远端维护一个存储库，每个人从远端拉取代码 alt
    对比svn 
    git 是分布式的，而svn是集中式的
    svn 严重依赖于服务器端 挂了就啥都没了 而git可以从另外的客户端获取所以代码
    git config 
    git 配置分为全局配置和本地配置
    即命令行输入用带上 --global
    或者在全局配置文件中修改.gitconfig文件
    bash
    git config --global user.name "your-username"
 git config --global user.email "your-email-address"
 
    更多配置点这里 
    分支的概念 
    A->B->D (main) A->C (master)
    git checkout <分支名字> 切换分支
    git merge <分支名字> 将此分支合并在当前分支
    `,15),r=[o];function i(p,c,g,h,d,u){return e(),s("div",null,r)}const D=a(l,[["render",i]]);export{_ as __pageData,D as default};
diff --git "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_index.md.0985af5e.lean.js" "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_index.md.f53f9e57.lean.js"
similarity index 91%
rename from "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_index.md.0985af5e.lean.js"
rename to "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_index.md.f53f9e57.lean.js"
index c126d37..ba83fda 100644
--- "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_index.md.0985af5e.lean.js"
+++ "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_index.md.f53f9e57.lean.js"
@@ -1 +1 @@
-import{_ as a,c as s,o as e,a as n}from"./app.e7d182be.js";const t="/HuaiGu/git.png",_=JSON.parse('{"title":"git","description":"","frontmatter":{},"headers":[{"level":2,"title":"对比svn","slug":"对比svn","link":"#对比svn","children":[]},{"level":2,"title":"git config","slug":"git-config","link":"#git-config","children":[{"level":3,"title":"更多配置点这里","slug":"更多配置点这里","link":"#更多配置点这里","children":[]}]},{"level":2,"title":"分支的概念","slug":"分支的概念","link":"#分支的概念","children":[]}],"relativePath":"计算机基础/git/index.md"}'),l={name:"计算机基础/git/index.md"},o=n("",15),r=[o];function i(p,c,g,h,d,u){return e(),s("div",null,r)}const D=a(l,[["render",i]]);export{_ as __pageData,D as default};
+import{_ as a,c as s,o as e,a as n}from"./app.136603a1.js";const t="/HuaiGu/git.png",_=JSON.parse('{"title":"git","description":"","frontmatter":{},"headers":[{"level":2,"title":"对比svn","slug":"对比svn","link":"#对比svn","children":[]},{"level":2,"title":"git config","slug":"git-config","link":"#git-config","children":[{"level":3,"title":"更多配置点这里","slug":"更多配置点这里","link":"#更多配置点这里","children":[]}]},{"level":2,"title":"分支的概念","slug":"分支的概念","link":"#分支的概念","children":[]}],"relativePath":"计算机基础/git/index.md"}'),l={name:"计算机基础/git/index.md"},o=n("",15),r=[o];function i(p,c,g,h,d,u){return e(),s("div",null,r)}const D=a(l,[["render",i]]);export{_ as __pageData,D as default};
diff --git "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_tips.md.cac69e35.js" "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_tips.md.d7640451.js"
similarity index 95%
rename from "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_tips.md.cac69e35.js"
rename to "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_tips.md.d7640451.js"
index 9265d66..cdb796d 100644
--- "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_tips.md.cac69e35.js"
+++ "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_tips.md.d7640451.js"
@@ -1,2 +1,2 @@
-import{_ as s,c as a,o as e,a as t}from"./app.e7d182be.js";const g=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"配置别名","slug":"配置别名","link":"#配置别名","children":[]}],"relativePath":"计算机基础/git/tips.md"}'),o={name:"计算机基础/git/tips.md"},n=t(`
    配置别名 
    展示git提交记录
    bash
    git config --global alias.lg "log --color --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset' --abbrev-commit"
+import{_ as s,c as a,o as e,a as t}from"./app.136603a1.js";const g=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"配置别名","slug":"配置别名","link":"#配置别名","children":[]}],"relativePath":"计算机基础/git/tips.md"}'),o={name:"计算机基础/git/tips.md"},n=t(`
    配置别名 
    展示git提交记录
    bash
    git config --global alias.lg "log --color --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset' --abbrev-commit"
 
    `,3),l=[n];function p(r,c,i,_,d,C){return e(),a("div",null,l)}const y=s(o,[["render",p]]);export{g as __pageData,y as default};
diff --git "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_tips.md.cac69e35.lean.js" "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_tips.md.d7640451.lean.js"
similarity index 85%
rename from "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_tips.md.cac69e35.lean.js"
rename to "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_tips.md.d7640451.lean.js"
index 52e527f..62d1db5 100644
--- "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_tips.md.cac69e35.lean.js"
+++ "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_tips.md.d7640451.lean.js"
@@ -1 +1 @@
-import{_ as s,c as a,o as e,a as t}from"./app.e7d182be.js";const g=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"配置别名","slug":"配置别名","link":"#配置别名","children":[]}],"relativePath":"计算机基础/git/tips.md"}'),o={name:"计算机基础/git/tips.md"},n=t("",3),l=[n];function p(r,c,i,_,d,C){return e(),a("div",null,l)}const y=s(o,[["render",p]]);export{g as __pageData,y as default};
+import{_ as s,c as a,o as e,a as t}from"./app.136603a1.js";const g=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"配置别名","slug":"配置别名","link":"#配置别名","children":[]}],"relativePath":"计算机基础/git/tips.md"}'),o={name:"计算机基础/git/tips.md"},n=t("",3),l=[n];function p(r,c,i,_,d,C){return e(),a("div",null,l)}const y=s(o,[["render",p]]);export{g as __pageData,y as default};
diff --git "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_init.md.c047b043.js" "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_init.md.5f54fbb2.js"
similarity index 99%
rename from "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_init.md.c047b043.js"
rename to "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_init.md.5f54fbb2.js"
index 59693b7..d7b56c6 100644
--- "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_init.md.c047b043.js"
+++ "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_init.md.5f54fbb2.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as a,o as n,a as p}from"./app.e7d182be.js";const i=JSON.parse('{"title":"git init","description":"","frontmatter":{},"headers":[],"relativePath":"计算机基础/git/命令/init.md"}'),l={name:"计算机基础/git/命令/init.md"},o=p(`
    git init 
    当我们使用 git init 命令会生成一个.git文件夹
    .git 文件夹目录结构 目录生成工具********treer
    js
    ├─COMMIT_EDITMSG
+import{_ as s,c as a,o as n,a as p}from"./app.136603a1.js";const i=JSON.parse('{"title":"git init","description":"","frontmatter":{},"headers":[],"relativePath":"计算机基础/git/命令/init.md"}'),l={name:"计算机基础/git/命令/init.md"},o=p(`
    git init 
    当我们使用 git init 命令会生成一个.git文件夹
    .git 文件夹目录结构 目录生成工具********treer
    js
    ├─COMMIT_EDITMSG
 ├─config //保存配置
 ├─description // 对仓库的描述
 ├─FETCH_HEAD
diff --git "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_init.md.c047b043.lean.js" "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_init.md.5f54fbb2.lean.js"
similarity index 83%
rename from "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_init.md.c047b043.lean.js"
rename to "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_init.md.5f54fbb2.lean.js"
index 37ee562..88bdced 100644
--- "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_init.md.c047b043.lean.js"
+++ "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_init.md.5f54fbb2.lean.js"
@@ -1 +1 @@
-import{_ as s,c as a,o as n,a as p}from"./app.e7d182be.js";const i=JSON.parse('{"title":"git init","description":"","frontmatter":{},"headers":[],"relativePath":"计算机基础/git/命令/init.md"}'),l={name:"计算机基础/git/命令/init.md"},o=p("",4),e=[o];function c(D,t,r,C,y,A){return n(),a("div",null,e)}const d=s(l,[["render",c]]);export{i as __pageData,d as default};
+import{_ as s,c as a,o as n,a as p}from"./app.136603a1.js";const i=JSON.parse('{"title":"git init","description":"","frontmatter":{},"headers":[],"relativePath":"计算机基础/git/命令/init.md"}'),l={name:"计算机基础/git/命令/init.md"},o=p("",4),e=[o];function c(D,t,r,C,y,A){return n(),a("div",null,e)}const d=s(l,[["render",c]]);export{i as __pageData,d as default};
diff --git "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_merge.md.c0baf43e.js" "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_merge.md.9b375c67.js"
similarity index 98%
rename from "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_merge.md.c0baf43e.js"
rename to "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_merge.md.9b375c67.js"
index 8b6e334..eae80da 100644
--- "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_merge.md.c0baf43e.js"
+++ "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_merge.md.9b375c67.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as a,o as e,a as n}from"./app.e7d182be.js";const f=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"merge","slug":"merge","link":"#merge","children":[]},{"level":2,"title":"Git merge有两种主要的合并策略：fast-forward和recursive","slug":"git-merge有两种主要的合并策略-fast-forward和recursive","link":"#git-merge有两种主要的合并策略-fast-forward和recursive","children":[{"level":3,"title":"fast-forward","slug":"fast-forward","link":"#fast-forward","children":[]},{"level":3,"title":"recursive","slug":"recursive","link":"#recursive","children":[]}]}],"relativePath":"计算机基础/git/命令/merge.md"}'),r={name:"计算机基础/git/命令/merge.md"},l=n(`
    merge 
    当我们想合并某一个分支时可以存在冲突
    js
    //A分支
+import{_ as s,c as a,o as e,a as n}from"./app.136603a1.js";const f=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"merge","slug":"merge","link":"#merge","children":[]},{"level":2,"title":"Git merge有两种主要的合并策略：fast-forward和recursive","slug":"git-merge有两种主要的合并策略-fast-forward和recursive","link":"#git-merge有两种主要的合并策略-fast-forward和recursive","children":[{"level":3,"title":"fast-forward","slug":"fast-forward","link":"#fast-forward","children":[]},{"level":3,"title":"recursive","slug":"recursive","link":"#recursive","children":[]}]}],"relativePath":"计算机基础/git/命令/merge.md"}'),r={name:"计算机基础/git/命令/merge.md"},l=n(`
    merge 
    当我们想合并某一个分支时可以存在冲突
    js
    //A分支
 console.log("hello world Branch A")
 
    js
    //B分支
 console.log("hello world Branch B")
diff --git "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_merge.md.c0baf43e.lean.js" "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_merge.md.9b375c67.lean.js"
similarity index 92%
rename from "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_merge.md.c0baf43e.lean.js"
rename to "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_merge.md.9b375c67.lean.js"
index 7828153..92fd31a 100644
--- "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_merge.md.c0baf43e.lean.js"
+++ "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_merge.md.9b375c67.lean.js"
@@ -1 +1 @@
-import{_ as s,c as a,o as e,a as n}from"./app.e7d182be.js";const f=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"merge","slug":"merge","link":"#merge","children":[]},{"level":2,"title":"Git merge有两种主要的合并策略：fast-forward和recursive","slug":"git-merge有两种主要的合并策略-fast-forward和recursive","link":"#git-merge有两种主要的合并策略-fast-forward和recursive","children":[{"level":3,"title":"fast-forward","slug":"fast-forward","link":"#fast-forward","children":[]},{"level":3,"title":"recursive","slug":"recursive","link":"#recursive","children":[]}]}],"relativePath":"计算机基础/git/命令/merge.md"}'),r={name:"计算机基础/git/命令/merge.md"},l=n("",12),t=[l];function o(p,c,i,d,h,g){return e(),a("div",null,t)}const D=s(r,[["render",o]]);export{f as __pageData,D as default};
+import{_ as s,c as a,o as e,a as n}from"./app.136603a1.js";const f=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"merge","slug":"merge","link":"#merge","children":[]},{"level":2,"title":"Git merge有两种主要的合并策略：fast-forward和recursive","slug":"git-merge有两种主要的合并策略-fast-forward和recursive","link":"#git-merge有两种主要的合并策略-fast-forward和recursive","children":[{"level":3,"title":"fast-forward","slug":"fast-forward","link":"#fast-forward","children":[]},{"level":3,"title":"recursive","slug":"recursive","link":"#recursive","children":[]}]}],"relativePath":"计算机基础/git/命令/merge.md"}'),r={name:"计算机基础/git/命令/merge.md"},l=n("",12),t=[l];function o(p,c,i,d,h,g){return e(),a("div",null,t)}const D=s(r,[["render",o]]);export{f as __pageData,D as default};
diff --git "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_\345\270\270\347\224\250.md.d9685af2.js" "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_\345\270\270\347\224\250.md.386ffe52.js"
similarity index 97%
rename from "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_\345\270\270\347\224\250.md.d9685af2.js"
rename to "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_\345\270\270\347\224\250.md.386ffe52.js"
index 29fb4ed..4e07ead 100644
--- "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_\345\270\270\347\224\250.md.d9685af2.js"
+++ "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_\345\270\270\347\224\250.md.386ffe52.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as a,o as l,a as n}from"./app.e7d182be.js";const y=JSON.parse('{"title":"常用的可以在这里找到","description":"","frontmatter":{},"headers":[{"level":2,"title":"git pull","slug":"git-pull","link":"#git-pull","children":[]}],"relativePath":"计算机基础/git/命令/常用.md"}'),e={name:"计算机基础/git/命令/常用.md"},t=n(`
    常用的可以在这里找到 
    git pull 
    实际上是 git fetch + git merge 如果是--rebase 则为git fetch + git rebase
    bash
    git pull <远程主机名> <远程分支名>:<本地分支名>
+import{_ as s,c as a,o as l,a as n}from"./app.136603a1.js";const y=JSON.parse('{"title":"常用的可以在这里找到","description":"","frontmatter":{},"headers":[{"level":2,"title":"git pull","slug":"git-pull","link":"#git-pull","children":[]}],"relativePath":"计算机基础/git/命令/常用.md"}'),e={name:"计算机基础/git/命令/常用.md"},t=n(`
    常用的可以在这里找到 
    git pull 
    实际上是 git fetch + git merge 如果是--rebase 则为git fetch + git rebase
    bash
    git pull <远程主机名> <远程分支名>:<本地分支名>
 
 git pull origin master 
 //拉取远程的master分支
diff --git "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_\345\270\270\347\224\250.md.d9685af2.lean.js" "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_\345\270\270\347\224\250.md.386ffe52.lean.js"
similarity index 86%
rename from "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_\345\270\270\347\224\250.md.d9685af2.lean.js"
rename to "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_\345\270\270\347\224\250.md.386ffe52.lean.js"
index 164733f..453705d 100644
--- "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_\345\270\270\347\224\250.md.d9685af2.lean.js"
+++ "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\221\275\344\273\244_\345\270\270\347\224\250.md.386ffe52.lean.js"
@@ -1 +1 @@
-import{_ as s,c as a,o as l,a as n}from"./app.e7d182be.js";const y=JSON.parse('{"title":"常用的可以在这里找到","description":"","frontmatter":{},"headers":[{"level":2,"title":"git pull","slug":"git-pull","link":"#git-pull","children":[]}],"relativePath":"计算机基础/git/命令/常用.md"}'),e={name:"计算机基础/git/命令/常用.md"},t=n("",4),p=[t];function o(r,c,i,C,D,_){return l(),a("div",null,p)}const g=s(e,[["render",o]]);export{y as __pageData,g as default};
+import{_ as s,c as a,o as l,a as n}from"./app.136603a1.js";const y=JSON.parse('{"title":"常用的可以在这里找到","description":"","frontmatter":{},"headers":[{"level":2,"title":"git pull","slug":"git-pull","link":"#git-pull","children":[]}],"relativePath":"计算机基础/git/命令/常用.md"}'),e={name:"计算机基础/git/命令/常用.md"},t=n("",4),p=[t];function o(r,c,i,C,D,_){return l(),a("div",null,p)}const g=s(e,[["render",o]]);export{y as __pageData,g as default};
diff --git "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\345\217\221\347\211\210.md.0318bfab.js" "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\345\217\221\347\211\210.md.26b9045a.js"
similarity index 96%
rename from "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\345\217\221\347\211\210.md.0318bfab.js"
rename to "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\345\217\221\347\211\210.md.26b9045a.js"
index 46f9e0c..a2c1ab3 100644
--- "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\345\217\221\347\211\210.md.0318bfab.js"
+++ "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\345\217\221\347\211\210.md.26b9045a.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as a,o as n,a as e}from"./app.e7d182be.js";const d=JSON.parse('{"title":"发版","description":"","frontmatter":{},"headers":[],"relativePath":"计算机基础/git/场景及解决方案/发版.md"}'),p={name:"计算机基础/git/场景及解决方案/发版.md"},l=e(`
    发版 
    发版位于 release 分支 修复bug 准备发版，当准备完毕后合并一部分bugfix的分支，再将这个合入master 随后合入dev 准备下一次开发
    开整
    bash
    git checkout dev
+import{_ as s,c as a,o as n,a as e}from"./app.136603a1.js";const d=JSON.parse('{"title":"发版","description":"","frontmatter":{},"headers":[],"relativePath":"计算机基础/git/场景及解决方案/发版.md"}'),p={name:"计算机基础/git/场景及解决方案/发版.md"},l=e(`
    发版 
    发版位于 release 分支 修复bug 准备发版，当准备完毕后合并一部分bugfix的分支，再将这个合入master 随后合入dev 准备下一次开发
    开整
    bash
    git checkout dev
 git merge feature
 git merge bugfix
 git branch release -b
diff --git "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\345\217\221\347\211\210.md.0318bfab.lean.js" "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\345\217\221\347\211\210.md.26b9045a.lean.js"
similarity index 84%
rename from "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\345\217\221\347\211\210.md.0318bfab.lean.js"
rename to "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\345\217\221\347\211\210.md.26b9045a.lean.js"
index 52fcbda..bff1042 100644
--- "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\345\217\221\347\211\210.md.0318bfab.lean.js"
+++ "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\345\217\221\347\211\210.md.26b9045a.lean.js"
@@ -1 +1 @@
-import{_ as s,c as a,o as n,a as e}from"./app.e7d182be.js";const d=JSON.parse('{"title":"发版","description":"","frontmatter":{},"headers":[],"relativePath":"计算机基础/git/场景及解决方案/发版.md"}'),p={name:"计算机基础/git/场景及解决方案/发版.md"},l=e("",4),o=[l];function t(c,r,C,i,y,_){return n(),a("div",null,o)}const D=s(p,[["render",t]]);export{d as __pageData,D as default};
+import{_ as s,c as a,o as n,a as e}from"./app.136603a1.js";const d=JSON.parse('{"title":"发版","description":"","frontmatter":{},"headers":[],"relativePath":"计算机基础/git/场景及解决方案/发版.md"}'),p={name:"计算机基础/git/场景及解决方案/发版.md"},l=e("",4),o=[l];function t(c,r,C,i,y,_){return n(),a("div",null,o)}const D=s(p,[["render",t]]);export{d as __pageData,D as default};
diff --git "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\345\274\200\345\217\221\346\226\260\345\212\237\350\203\275.md.f4084ef2.js" "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\345\274\200\345\217\221\346\226\260\345\212\237\350\203\275.md.1c4ced89.js"
similarity index 98%
rename from "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\345\274\200\345\217\221\346\226\260\345\212\237\350\203\275.md.f4084ef2.js"
rename to "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\345\274\200\345\217\221\346\226\260\345\212\237\350\203\275.md.1c4ced89.js"
index 2d6d034..20f344f 100644
--- "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\345\274\200\345\217\221\346\226\260\345\212\237\350\203\275.md.f4084ef2.js"
+++ "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\345\274\200\345\217\221\346\226\260\345\212\237\350\203\275.md.1c4ced89.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as a,o as n,a as p}from"./app.e7d182be.js";const d=JSON.parse('{"title":"当开发新功能","description":"","frontmatter":{},"headers":[],"relativePath":"计算机基础/git/场景及解决方案/开发新功能.md"}'),l={name:"计算机基础/git/场景及解决方案/开发新功能.md"},e=p(`
    当开发新功能 
    从dev分支新建feature分支 开发完合并进去
    bash
    git checkout -b feature dev 
+import{_ as s,c as a,o as n,a as p}from"./app.136603a1.js";const d=JSON.parse('{"title":"当开发新功能","description":"","frontmatter":{},"headers":[],"relativePath":"计算机基础/git/场景及解决方案/开发新功能.md"}'),l={name:"计算机基础/git/场景及解决方案/开发新功能.md"},e=p(`
    当开发新功能 
    从dev分支新建feature分支 开发完合并进去
    bash
    git checkout -b feature dev 
 
    开发完后合并
    bash
    A->B-C-D dev
 |
 |->E-F  feature
diff --git "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\345\274\200\345\217\221\346\226\260\345\212\237\350\203\275.md.f4084ef2.lean.js" "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\345\274\200\345\217\221\346\226\260\345\212\237\350\203\275.md.1c4ced89.lean.js"
similarity index 85%
rename from "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\345\274\200\345\217\221\346\226\260\345\212\237\350\203\275.md.f4084ef2.lean.js"
rename to "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\345\274\200\345\217\221\346\226\260\345\212\237\350\203\275.md.1c4ced89.lean.js"
index f841b91..50c9f62 100644
--- "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\345\274\200\345\217\221\346\226\260\345\212\237\350\203\275.md.f4084ef2.lean.js"
+++ "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\345\274\200\345\217\221\346\226\260\345\212\237\350\203\275.md.1c4ced89.lean.js"
@@ -1 +1 @@
-import{_ as s,c as a,o as n,a as p}from"./app.e7d182be.js";const d=JSON.parse('{"title":"当开发新功能","description":"","frontmatter":{},"headers":[],"relativePath":"计算机基础/git/场景及解决方案/开发新功能.md"}'),l={name:"计算机基础/git/场景及解决方案/开发新功能.md"},e=p("",13),o=[e];function t(c,r,C,i,y,D){return n(),a("div",null,o)}const g=s(l,[["render",t]]);export{d as __pageData,g as default};
+import{_ as s,c as a,o as n,a as p}from"./app.136603a1.js";const d=JSON.parse('{"title":"当开发新功能","description":"","frontmatter":{},"headers":[],"relativePath":"计算机基础/git/场景及解决方案/开发新功能.md"}'),l={name:"计算机基础/git/场景及解决方案/开发新功能.md"},e=p("",13),o=[e];function t(c,r,C,i,y,D){return n(),a("div",null,o)}const g=s(l,[["render",t]]);export{d as __pageData,g as default};
diff --git "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\347\264\247\346\200\245bug.md.7c4d025b.js" "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\347\264\247\346\200\245bug.md.372678fd.js"
similarity index 90%
rename from "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\347\264\247\346\200\245bug.md.7c4d025b.js"
rename to "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\347\264\247\346\200\245bug.md.372678fd.js"
index 93cc17c..ab50bda 100644
--- "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\347\264\247\346\200\245bug.md.7c4d025b.js"
+++ "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\347\264\247\346\200\245bug.md.372678fd.js"
@@ -1 +1 @@
-import{_ as t,c as a,o as r,b as e,d as s}from"./app.e7d182be.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"当遇到紧急bug","slug":"当遇到紧急bug","link":"#当遇到紧急bug","children":[]}],"relativePath":"计算机基础/git/场景及解决方案/紧急bug.md"}'),o={name:"计算机基础/git/场景及解决方案/紧急bug.md"},n=e("h2",{id:"当遇到紧急bug",tabindex:"-1"},[s("当遇到紧急bug "),e("a",{class:"header-anchor",href:"#当遇到紧急bug","aria-hidden":"true"},"#")],-1),c=[n];function d(i,_,u,l,g,b){return r(),a("div",null,c)}const f=t(o,[["render",d]]);export{p as __pageData,f as default};
+import{_ as t,c as a,o as r,b as e,d as s}from"./app.136603a1.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"当遇到紧急bug","slug":"当遇到紧急bug","link":"#当遇到紧急bug","children":[]}],"relativePath":"计算机基础/git/场景及解决方案/紧急bug.md"}'),o={name:"计算机基础/git/场景及解决方案/紧急bug.md"},n=e("h2",{id:"当遇到紧急bug",tabindex:"-1"},[s("当遇到紧急bug "),e("a",{class:"header-anchor",href:"#当遇到紧急bug","aria-hidden":"true"},"#")],-1),c=[n];function d(i,_,u,l,g,b){return r(),a("div",null,c)}const f=t(o,[["render",d]]);export{p as __pageData,f as default};
diff --git "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\347\264\247\346\200\245bug.md.7c4d025b.lean.js" "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\347\264\247\346\200\245bug.md.372678fd.lean.js"
similarity index 90%
rename from "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\347\264\247\346\200\245bug.md.7c4d025b.lean.js"
rename to "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\347\264\247\346\200\245bug.md.372678fd.lean.js"
index 93cc17c..ab50bda 100644
--- "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\347\264\247\346\200\245bug.md.7c4d025b.lean.js"
+++ "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_git_\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210_\347\264\247\346\200\245bug.md.372678fd.lean.js"
@@ -1 +1 @@
-import{_ as t,c as a,o as r,b as e,d as s}from"./app.e7d182be.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"当遇到紧急bug","slug":"当遇到紧急bug","link":"#当遇到紧急bug","children":[]}],"relativePath":"计算机基础/git/场景及解决方案/紧急bug.md"}'),o={name:"计算机基础/git/场景及解决方案/紧急bug.md"},n=e("h2",{id:"当遇到紧急bug",tabindex:"-1"},[s("当遇到紧急bug "),e("a",{class:"header-anchor",href:"#当遇到紧急bug","aria-hidden":"true"},"#")],-1),c=[n];function d(i,_,u,l,g,b){return r(),a("div",null,c)}const f=t(o,[["render",d]]);export{p as __pageData,f as default};
+import{_ as t,c as a,o as r,b as e,d as s}from"./app.136603a1.js";const p=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"当遇到紧急bug","slug":"当遇到紧急bug","link":"#当遇到紧急bug","children":[]}],"relativePath":"计算机基础/git/场景及解决方案/紧急bug.md"}'),o={name:"计算机基础/git/场景及解决方案/紧急bug.md"},n=e("h2",{id:"当遇到紧急bug",tabindex:"-1"},[s("当遇到紧急bug "),e("a",{class:"header-anchor",href:"#当遇到紧急bug","aria-hidden":"true"},"#")],-1),c=[n];function d(i,_,u,l,g,b){return r(),a("div",null,c)}const f=t(o,[["render",d]]);export{p as __pageData,f as default};
diff --git "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_index.md.e2044195.js" "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_index.md.7cd2a84a.js"
similarity index 80%
rename from "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_index.md.e2044195.js"
rename to "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_index.md.7cd2a84a.js"
index 6c0ff45..2014d2c 100644
--- "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_index.md.e2044195.js"
+++ "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_index.md.7cd2a84a.js"
@@ -1 +1 @@
-import{_ as e,c as t,o as a}from"./app.e7d182be.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"计算机基础/index.md"}'),n={name:"计算机基础/index.md"};function r(o,s,c,d,i,p){return a(),t("div")}const f=e(n,[["render",r]]);export{m as __pageData,f as default};
+import{_ as e,c as t,o as a}from"./app.136603a1.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"计算机基础/index.md"}'),n={name:"计算机基础/index.md"};function r(o,s,c,d,i,p){return a(),t("div")}const f=e(n,[["render",r]]);export{m as __pageData,f as default};
diff --git "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_index.md.e2044195.lean.js" "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_index.md.7cd2a84a.lean.js"
similarity index 80%
rename from "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_index.md.e2044195.lean.js"
rename to "assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_index.md.7cd2a84a.lean.js"
index 6c0ff45..2014d2c 100644
--- "a/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_index.md.e2044195.lean.js"
+++ "b/assets/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200_index.md.7cd2a84a.lean.js"
@@ -1 +1 @@
-import{_ as e,c as t,o as a}from"./app.e7d182be.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"计算机基础/index.md"}'),n={name:"计算机基础/index.md"};function r(o,s,c,d,i,p){return a(),t("div")}const f=e(n,[["render",r]]);export{m as __pageData,f as default};
+import{_ as e,c as t,o as a}from"./app.136603a1.js";const m=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"计算机基础/index.md"}'),n={name:"计算机基础/index.md"};function r(o,s,c,d,i,p){return a(),t("div")}const f=e(n,[["render",r]]);export{m as __pageData,f as default};
diff --git "a/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_HTML_CSS.md.02eebf96.js" "b/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_HTML_CSS.md.c42c41a9.js"
similarity index 99%
rename from "assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_HTML_CSS.md.02eebf96.js"
rename to "assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_HTML_CSS.md.c42c41a9.js"
index 674964d..7612835 100644
--- "a/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_HTML_CSS.md.02eebf96.js"
+++ "b/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_HTML_CSS.md.c42c41a9.js"
@@ -1,4 +1,4 @@
-import{_ as l,c as s,o as a,a as n}from"./app.e7d182be.js";const D=JSON.parse('{"title":"HTML+CSS基础面试题","description":"","frontmatter":{},"headers":[{"level":2,"title":"HTML面试题","slug":"html面试题","link":"#html面试题","children":[]},{"level":2,"title":"CSS面试题","slug":"css面试题","link":"#css面试题","children":[{"level":3,"title":"布局","slug":"布局","link":"#布局","children":[]},{"level":3,"title":"定位","slug":"定位","link":"#定位","children":[]},{"level":3,"title":"图文样式","slug":"图文样式","link":"#图文样式","children":[]},{"level":3,"title":"响应式","slug":"响应式","link":"#响应式","children":[]},{"level":3,"title":"CSS3","slug":"css3","link":"#css3","children":[]}]}],"relativePath":"面试/CZ前端/HTML+CSS.md"}'),i={name:"面试/CZ前端/HTML+CSS.md"},e=n(`
    HTML+CSS基础面试题 
    HTML面试题 
    • 如何理解HTML语义化？
      • 让人更容易读（增加代码可读性）
      • 让搜索引擎更容易读（SEO）
    • 默认哪些HTML标签是块级，哪些是内联？
      • display:block/table; div h1 h2 table ul ol p等；不管内容多少都要独占一行
      • display:inline/inline-block; span img input button等；不会独占一行，直至浏览器的边缘
    • 什么是DOCTYPE,有何作用？
      • Doctype是HTML5的文档声明，通过它可以告诉浏览器，使用哪一个HTML版本标准解析文档
    • src和href的区别？
      • src全称source，通常用于img、video、audio、script元素，通过src指向请求外部资源的来源地址，指向的内容会嵌入到文档中当前标签所在位置，在请求src资源时，它会将资源下载并应用到文档内，比如说：js脚本、img图片、frame等元素。当浏览器解析到该元素时，会暂停其它资源下载，直到将该资源加载、编译、执行完毕。这也是为什么将js脚本放在底部而不是头部的原因。
      • href：全称hyper reference，意味着超链接，指向网络资源，当浏览器识别到它指向的⽂件时，就会并⾏下载资源，不会停⽌对当前⽂档的处理，通常用于a、link元素。
    • title和H1的区别、b与strong的区别、i与em的区别
      • title 属性表示网页的标题，h1 元素则表示层次明确的页面内容标题，对页面信息的抓取也有很大的影响
      • strong 是标明重点内容，有语气加强的含义，使用阅读设备阅读网络时：strong会重读，而b是展示强调内容、
      • i 是italic(斜体)的简写，是早期的斜体元素，表示内容展示为斜体，而 em 是emphasize（强调）的简写，表示强调的文本
    • 什么是严格模式与混杂模式？
      • 严格模式：是以浏览器支持的最高标准运行
      • 混杂模式：页面以宽松向下兼容的方式显示，模拟老式浏览器的行为
    • H5和HTML5的区别？
      • H5是一个产品名词，包含了最新的HTML5、CSS3、ES6等新技术来制作的应用
      • HTML5是一个技术名词，指的就是第五代HTML
    • 对于web标准w3c的理解
      • Web标准简单来说可以分为结构、表现、行为。其中结构是由HTML各种标签组成，简单来说就是body里面写入标签是为了页面的结构。表现指的是CSS层叠样式表，通过CSS可以让我们的页面结构标签更具美感。行为指的是页面和用户具有一定的交互，这部分主要由JS组成
      • w3c,全称：world wide web consortium是一个制定各种标准的非盈利性组织，也叫万维网联盟，标准包括HTML、CSS、ECMAScript等等，web标准的制定有很多好处，比如说： 
        • 可以统一开发流程，统一使用标准化开发工具（VSCode、WebStorm、Sublime），方便多人协作
        • 学习成本降低，只需要学习标准就行，否则就要学习各个浏览器厂商标准
        • 跨平台，方便迁移都不同设备
        • 降低代码维护成本
    • HTML5新增了哪些新特性？
      • HTML5主要是关于图像、位置、存储、多任务等功能的增加： 
        • 语义化标签，如：article、footer、header、nav等
        • 视频video、音频audio
        • 画布canvas
        • 表单控件，calemdar、date、time、email
        • 地理
        • 本地离线存储，localStorage长期存储数据，浏览器关闭后数据不丢失，sessionStorage的数据在浏览器关闭后自动删除
        • 拖拽释放
    • 你知道SEO中的TDK吗？
      • 在SEO中，TDK其实就是title、description、keywords这三个标签，title表示标题标签，description是描述标签，keywords是关键词标签
    CSS面试题 
    布局 
    • 盒子模型的宽度如何计算
      • 标准盒模型的宽等于offsetWidth =(内容宽度＋内边距＋边框），无外边距
      • 怪异盒模型，设置的宽度值包括 内容宽度＋内边距＋边框，自动压缩内容宽度
    • margin纵向重叠问题
      • 相邻元素的margin-top和margin-bottom会发生重叠
      • 空内容的p标签也会重叠
      • 答案：15px
    • margin的top left right bottom负值的情况？
      • margin-top/left负值，元素向上、左移动
      • margin-right负值，自身不受影响，右侧元素左移
      • margin-bottom负值，自身不受影响，下方元素上移
    • bfc的理解与应用？
      • Block format context, 块级格式化上下文
      • 是 一块独立的渲染区域，内部元素的渲染不会影响边界以外的元素
      • 形成bfc的常见条件？
        • float不为none
        • position为absolute或fixed
        • overflow不为none，如hidden
        • display：flex inline-block等
      • bfc的常见应用
        • 清除浮动
    • float布局的问题，以及clearfix
      • 实现圣杯布局和双飞翼布局
        • 三栏布局，中间一栏最先加载和渲染（内容最重要）
        • 两侧内容固定，中间内容随宽度自适应
        • 一般用于pc网页
      • 圣杯布局和双飞翼布局的技术总结
        • 使用float布局
        • 两侧使用margin负值，以便和中间内容横向重叠
        • 防止中间内容被两侧覆盖，一个用padding,一个用margin
      • 手写clearfix
        • css
          .clearfix::after{
+import{_ as l,c as s,o as a,a as n}from"./app.136603a1.js";const D=JSON.parse('{"title":"HTML+CSS基础面试题","description":"","frontmatter":{},"headers":[{"level":2,"title":"HTML面试题","slug":"html面试题","link":"#html面试题","children":[]},{"level":2,"title":"CSS面试题","slug":"css面试题","link":"#css面试题","children":[{"level":3,"title":"布局","slug":"布局","link":"#布局","children":[]},{"level":3,"title":"定位","slug":"定位","link":"#定位","children":[]},{"level":3,"title":"图文样式","slug":"图文样式","link":"#图文样式","children":[]},{"level":3,"title":"响应式","slug":"响应式","link":"#响应式","children":[]},{"level":3,"title":"CSS3","slug":"css3","link":"#css3","children":[]}]}],"relativePath":"面试/CZ前端/HTML+CSS.md"}'),i={name:"面试/CZ前端/HTML+CSS.md"},e=n(`
          HTML+CSS基础面试题 
          HTML面试题 
          • 如何理解HTML语义化？
            • 让人更容易读（增加代码可读性）
            • 让搜索引擎更容易读（SEO）
          • 默认哪些HTML标签是块级，哪些是内联？
            • display:block/table; div h1 h2 table ul ol p等；不管内容多少都要独占一行
            • display:inline/inline-block; span img input button等；不会独占一行，直至浏览器的边缘
          • 什么是DOCTYPE,有何作用？
            • Doctype是HTML5的文档声明，通过它可以告诉浏览器，使用哪一个HTML版本标准解析文档
          • src和href的区别？
            • src全称source，通常用于img、video、audio、script元素，通过src指向请求外部资源的来源地址，指向的内容会嵌入到文档中当前标签所在位置，在请求src资源时，它会将资源下载并应用到文档内，比如说：js脚本、img图片、frame等元素。当浏览器解析到该元素时，会暂停其它资源下载，直到将该资源加载、编译、执行完毕。这也是为什么将js脚本放在底部而不是头部的原因。
            • href：全称hyper reference，意味着超链接，指向网络资源，当浏览器识别到它指向的⽂件时，就会并⾏下载资源，不会停⽌对当前⽂档的处理，通常用于a、link元素。
          • title和H1的区别、b与strong的区别、i与em的区别
            • title 属性表示网页的标题，h1 元素则表示层次明确的页面内容标题，对页面信息的抓取也有很大的影响
            • strong 是标明重点内容，有语气加强的含义，使用阅读设备阅读网络时：strong会重读，而b是展示强调内容、
            • i 是italic(斜体)的简写，是早期的斜体元素，表示内容展示为斜体，而 em 是emphasize（强调）的简写，表示强调的文本
          • 什么是严格模式与混杂模式？
            • 严格模式：是以浏览器支持的最高标准运行
            • 混杂模式：页面以宽松向下兼容的方式显示，模拟老式浏览器的行为
          • H5和HTML5的区别？
            • H5是一个产品名词，包含了最新的HTML5、CSS3、ES6等新技术来制作的应用
            • HTML5是一个技术名词，指的就是第五代HTML
          • 对于web标准w3c的理解
            • Web标准简单来说可以分为结构、表现、行为。其中结构是由HTML各种标签组成，简单来说就是body里面写入标签是为了页面的结构。表现指的是CSS层叠样式表，通过CSS可以让我们的页面结构标签更具美感。行为指的是页面和用户具有一定的交互，这部分主要由JS组成
            • w3c,全称：world wide web consortium是一个制定各种标准的非盈利性组织，也叫万维网联盟，标准包括HTML、CSS、ECMAScript等等，web标准的制定有很多好处，比如说： 
              • 可以统一开发流程，统一使用标准化开发工具（VSCode、WebStorm、Sublime），方便多人协作
              • 学习成本降低，只需要学习标准就行，否则就要学习各个浏览器厂商标准
              • 跨平台，方便迁移都不同设备
              • 降低代码维护成本
          • HTML5新增了哪些新特性？
            • HTML5主要是关于图像、位置、存储、多任务等功能的增加： 
              • 语义化标签，如：article、footer、header、nav等
              • 视频video、音频audio
              • 画布canvas
              • 表单控件，calemdar、date、time、email
              • 地理
              • 本地离线存储，localStorage长期存储数据，浏览器关闭后数据不丢失，sessionStorage的数据在浏览器关闭后自动删除
              • 拖拽释放
          • 你知道SEO中的TDK吗？
            • 在SEO中，TDK其实就是title、description、keywords这三个标签，title表示标题标签，description是描述标签，keywords是关键词标签
          CSS面试题 
          布局 
          • 盒子模型的宽度如何计算
            • 标准盒模型的宽等于offsetWidth =(内容宽度＋内边距＋边框），无外边距
            • 怪异盒模型，设置的宽度值包括 内容宽度＋内边距＋边框，自动压缩内容宽度
          • margin纵向重叠问题
            • 相邻元素的margin-top和margin-bottom会发生重叠
            • 空内容的p标签也会重叠
            • 答案：15px
          • margin的top left right bottom负值的情况？
            • margin-top/left负值，元素向上、左移动
            • margin-right负值，自身不受影响，右侧元素左移
            • margin-bottom负值，自身不受影响，下方元素上移
          • bfc的理解与应用？
            • Block format context, 块级格式化上下文
            • 是 一块独立的渲染区域，内部元素的渲染不会影响边界以外的元素
            • 形成bfc的常见条件？
              • float不为none
              • position为absolute或fixed
              • overflow不为none，如hidden
              • display：flex inline-block等
            • bfc的常见应用
              • 清除浮动
          • float布局的问题，以及clearfix
            • 实现圣杯布局和双飞翼布局
              • 三栏布局，中间一栏最先加载和渲染（内容最重要）
              • 两侧内容固定，中间内容随宽度自适应
              • 一般用于pc网页
            • 圣杯布局和双飞翼布局的技术总结
              • 使用float布局
              • 两侧使用margin负值，以便和中间内容横向重叠
              • 防止中间内容被两侧覆盖，一个用padding,一个用margin
            • 手写clearfix
              • css
                .clearfix::after{
       content:'';
       display: table;
       clear: both;
diff --git "a/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_HTML_CSS.md.02eebf96.lean.js" "b/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_HTML_CSS.md.c42c41a9.lean.js"
similarity index 93%
rename from "assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_HTML_CSS.md.02eebf96.lean.js"
rename to "assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_HTML_CSS.md.c42c41a9.lean.js"
index ae6161a..d58c0dd 100644
--- "a/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_HTML_CSS.md.02eebf96.lean.js"
+++ "b/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_HTML_CSS.md.c42c41a9.lean.js"
@@ -1 +1 @@
-import{_ as l,c as s,o as a,a as n}from"./app.e7d182be.js";const D=JSON.parse('{"title":"HTML+CSS基础面试题","description":"","frontmatter":{},"headers":[{"level":2,"title":"HTML面试题","slug":"html面试题","link":"#html面试题","children":[]},{"level":2,"title":"CSS面试题","slug":"css面试题","link":"#css面试题","children":[{"level":3,"title":"布局","slug":"布局","link":"#布局","children":[]},{"level":3,"title":"定位","slug":"定位","link":"#定位","children":[]},{"level":3,"title":"图文样式","slug":"图文样式","link":"#图文样式","children":[]},{"level":3,"title":"响应式","slug":"响应式","link":"#响应式","children":[]},{"level":3,"title":"CSS3","slug":"css3","link":"#css3","children":[]}]}],"relativePath":"面试/CZ前端/HTML+CSS.md"}'),i={name:"面试/CZ前端/HTML+CSS.md"},e=n("",14),p=[e];function o(t,c,r,d,u,h){return a(),s("div",null,p)}const C=l(i,[["render",o]]);export{D as __pageData,C as default};
+import{_ as l,c as s,o as a,a as n}from"./app.136603a1.js";const D=JSON.parse('{"title":"HTML+CSS基础面试题","description":"","frontmatter":{},"headers":[{"level":2,"title":"HTML面试题","slug":"html面试题","link":"#html面试题","children":[]},{"level":2,"title":"CSS面试题","slug":"css面试题","link":"#css面试题","children":[{"level":3,"title":"布局","slug":"布局","link":"#布局","children":[]},{"level":3,"title":"定位","slug":"定位","link":"#定位","children":[]},{"level":3,"title":"图文样式","slug":"图文样式","link":"#图文样式","children":[]},{"level":3,"title":"响应式","slug":"响应式","link":"#响应式","children":[]},{"level":3,"title":"CSS3","slug":"css3","link":"#css3","children":[]}]}],"relativePath":"面试/CZ前端/HTML+CSS.md"}'),i={name:"面试/CZ前端/HTML+CSS.md"},e=n("",14),p=[e];function o(t,c,r,d,u,h){return a(),s("div",null,p)}const C=l(i,[["render",o]]);export{D as __pageData,C as default};
diff --git "a/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\344\275\234\347\224\250\345\237\237\345\222\214\351\227\255\345\214\205.md.9e5fa0bd.js" "b/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\344\275\234\347\224\250\345\237\237\345\222\214\351\227\255\345\214\205.md.23345f24.js"
similarity index 99%
rename from "assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\344\275\234\347\224\250\345\237\237\345\222\214\351\227\255\345\214\205.md.9e5fa0bd.js"
rename to "assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\344\275\234\347\224\250\345\237\237\345\222\214\351\227\255\345\214\205.md.23345f24.js"
index d10e156..c8a9599 100644
--- "a/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\344\275\234\347\224\250\345\237\237\345\222\214\351\227\255\345\214\205.md.9e5fa0bd.js"
+++ "b/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\344\275\234\347\224\250\345\237\237\345\222\214\351\227\255\345\214\205.md.23345f24.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as n,o as l,a}from"./app.e7d182be.js";const C=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"作用域和闭包","slug":"作用域和闭包","link":"#作用域和闭包","children":[{"level":3,"title":"作用域和自由变量","slug":"作用域和自由变量","link":"#作用域和自由变量","children":[]},{"level":3,"title":"闭包","slug":"闭包","link":"#闭包","children":[]},{"level":3,"title":"this","slug":"this","link":"#this","children":[]}]}],"relativePath":"面试/CZ前端/JS基础/作用域和闭包.md"}'),p={name:"面试/CZ前端/JS基础/作用域和闭包.md"},o=a(`
                作用域和闭包 
                作用域和自由变量 
                • 作用域
                  • 全局作用域
                  • 函数作用域
                  • 块级作用域（es6新增） if/for/while...中的{}
                • 自由变量
                  • 一个变量在当前的作用域没有定义，但被使用了
                  • 向上级作用域查找，知道找到为止
                  • 如果直到全局作用域都没有找到，则报错 xxx is not defined
                闭包 
                • 什么是闭包？
                  • 作用域应用的特殊情况，有两种表现：
                    • 函数作为参数被传递
                    • 函数作为返回值被传递
                  • js
                    // 函数作为返回值
+import{_ as s,c as n,o as l,a}from"./app.136603a1.js";const C=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"作用域和闭包","slug":"作用域和闭包","link":"#作用域和闭包","children":[{"level":3,"title":"作用域和自由变量","slug":"作用域和自由变量","link":"#作用域和自由变量","children":[]},{"level":3,"title":"闭包","slug":"闭包","link":"#闭包","children":[]},{"level":3,"title":"this","slug":"this","link":"#this","children":[]}]}],"relativePath":"面试/CZ前端/JS基础/作用域和闭包.md"}'),p={name:"面试/CZ前端/JS基础/作用域和闭包.md"},o=a(`
                    作用域和闭包 
                    作用域和自由变量 
                    • 作用域
                      • 全局作用域
                      • 函数作用域
                      • 块级作用域（es6新增） if/for/while...中的{}
                    • 自由变量
                      • 一个变量在当前的作用域没有定义，但被使用了
                      • 向上级作用域查找，知道找到为止
                      • 如果直到全局作用域都没有找到，则报错 xxx is not defined
                    闭包 
                    • 什么是闭包？
                      • 作用域应用的特殊情况，有两种表现：
                        • 函数作为参数被传递
                        • 函数作为返回值被传递
                      • js
                        // 函数作为返回值
 function create() {
   const a = 100;
   return function () {
diff --git "a/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\344\275\234\347\224\250\345\237\237\345\222\214\351\227\255\345\214\205.md.9e5fa0bd.lean.js" "b/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\344\275\234\347\224\250\345\237\237\345\222\214\351\227\255\345\214\205.md.23345f24.lean.js"
similarity index 91%
rename from "assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\344\275\234\347\224\250\345\237\237\345\222\214\351\227\255\345\214\205.md.9e5fa0bd.lean.js"
rename to "assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\344\275\234\347\224\250\345\237\237\345\222\214\351\227\255\345\214\205.md.23345f24.lean.js"
index daa241c..a8fcdb0 100644
--- "a/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\344\275\234\347\224\250\345\237\237\345\222\214\351\227\255\345\214\205.md.9e5fa0bd.lean.js"
+++ "b/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\344\275\234\347\224\250\345\237\237\345\222\214\351\227\255\345\214\205.md.23345f24.lean.js"
@@ -1 +1 @@
-import{_ as s,c as n,o as l,a}from"./app.e7d182be.js";const C=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"作用域和闭包","slug":"作用域和闭包","link":"#作用域和闭包","children":[{"level":3,"title":"作用域和自由变量","slug":"作用域和自由变量","link":"#作用域和自由变量","children":[]},{"level":3,"title":"闭包","slug":"闭包","link":"#闭包","children":[]},{"level":3,"title":"this","slug":"this","link":"#this","children":[]}]}],"relativePath":"面试/CZ前端/JS基础/作用域和闭包.md"}'),p={name:"面试/CZ前端/JS基础/作用域和闭包.md"},o=a("",8),e=[o];function t(c,r,y,F,i,D){return l(),n("div",null,e)}const u=s(p,[["render",t]]);export{C as __pageData,u as default};
+import{_ as s,c as n,o as l,a}from"./app.136603a1.js";const C=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"作用域和闭包","slug":"作用域和闭包","link":"#作用域和闭包","children":[{"level":3,"title":"作用域和自由变量","slug":"作用域和自由变量","link":"#作用域和自由变量","children":[]},{"level":3,"title":"闭包","slug":"闭包","link":"#闭包","children":[]},{"level":3,"title":"this","slug":"this","link":"#this","children":[]}]}],"relativePath":"面试/CZ前端/JS基础/作用域和闭包.md"}'),p={name:"面试/CZ前端/JS基础/作用域和闭包.md"},o=a("",8),e=[o];function t(c,r,y,F,i,D){return l(),n("div",null,e)}const u=s(p,[["render",t]]);export{C as __pageData,u as default};
diff --git "a/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\216\237\345\236\213\345\222\214\345\216\237\345\236\213\351\223\276.md.aa4c10ca.js" "b/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\216\237\345\236\213\345\222\214\345\216\237\345\236\213\351\223\276.md.a394f2fd.js"
similarity index 99%
rename from "assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\216\237\345\236\213\345\222\214\345\216\237\345\236\213\351\223\276.md.aa4c10ca.js"
rename to "assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\216\237\345\236\213\345\222\214\345\216\237\345\236\213\351\223\276.md.a394f2fd.js"
index 37b9888..6baf127 100644
--- "a/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\216\237\345\236\213\345\222\214\345\216\237\345\236\213\351\223\276.md.aa4c10ca.js"
+++ "b/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\216\237\345\236\213\345\222\214\345\216\237\345\236\213\351\223\276.md.a394f2fd.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const p="/HuaiGu/assets/原型1.fcf47055.png",o="/HuaiGu/assets/原型2.0f904872.png",e="/HuaiGu/assets/原型3.875273fe.png",f=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"原型和原型链","slug":"原型和原型链","link":"#原型和原型链","children":[{"level":3,"title":"类型判断-instanceof","slug":"类型判断-instanceof","link":"#类型判断-instanceof","children":[]},{"level":3,"title":"原型","slug":"原型","link":"#原型","children":[]},{"level":3,"title":"原型链","slug":"原型链","link":"#原型链","children":[]},{"level":3,"title":"手写简易JQuery","slug":"手写简易jquery","link":"#手写简易jquery","children":[]}]}],"relativePath":"面试/CZ前端/JS基础/原型和原型链.md"}'),t={name:"面试/CZ前端/JS基础/原型和原型链.md"},c=l(`
                        原型和原型链 
                        类型判断-instanceof 
                        js
                        //xialuo Student的实例，Student类继承People类 
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const p="/HuaiGu/assets/原型1.fcf47055.png",o="/HuaiGu/assets/原型2.0f904872.png",e="/HuaiGu/assets/原型3.875273fe.png",f=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"原型和原型链","slug":"原型和原型链","link":"#原型和原型链","children":[{"level":3,"title":"类型判断-instanceof","slug":"类型判断-instanceof","link":"#类型判断-instanceof","children":[]},{"level":3,"title":"原型","slug":"原型","link":"#原型","children":[]},{"level":3,"title":"原型链","slug":"原型链","link":"#原型链","children":[]},{"level":3,"title":"手写简易JQuery","slug":"手写简易jquery","link":"#手写简易jquery","children":[]}]}],"relativePath":"面试/CZ前端/JS基础/原型和原型链.md"}'),t={name:"面试/CZ前端/JS基础/原型和原型链.md"},c=l(`
                        原型和原型链 
                        类型判断-instanceof 
                        js
                        //xialuo Student的实例，Student类继承People类 
 xialuo instanceof Student  // true
 xialuo instanceof People  // true
 xialuo instanceof Object  // true
diff --git "a/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\216\237\345\236\213\345\222\214\345\216\237\345\236\213\351\223\276.md.aa4c10ca.lean.js" "b/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\216\237\345\236\213\345\222\214\345\216\237\345\236\213\351\223\276.md.a394f2fd.lean.js"
similarity index 93%
rename from "assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\216\237\345\236\213\345\222\214\345\216\237\345\236\213\351\223\276.md.aa4c10ca.lean.js"
rename to "assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\216\237\345\236\213\345\222\214\345\216\237\345\236\213\351\223\276.md.a394f2fd.lean.js"
index f6404bb..3d6a941 100644
--- "a/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\216\237\345\236\213\345\222\214\345\216\237\345\236\213\351\223\276.md.aa4c10ca.lean.js"
+++ "b/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\216\237\345\236\213\345\222\214\345\216\237\345\236\213\351\223\276.md.a394f2fd.lean.js"
@@ -1 +1 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const p="/HuaiGu/assets/原型1.fcf47055.png",o="/HuaiGu/assets/原型2.0f904872.png",e="/HuaiGu/assets/原型3.875273fe.png",f=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"原型和原型链","slug":"原型和原型链","link":"#原型和原型链","children":[{"level":3,"title":"类型判断-instanceof","slug":"类型判断-instanceof","link":"#类型判断-instanceof","children":[]},{"level":3,"title":"原型","slug":"原型","link":"#原型","children":[]},{"level":3,"title":"原型链","slug":"原型链","link":"#原型链","children":[]},{"level":3,"title":"手写简易JQuery","slug":"手写简易jquery","link":"#手写简易jquery","children":[]}]}],"relativePath":"面试/CZ前端/JS基础/原型和原型链.md"}'),t={name:"面试/CZ前端/JS基础/原型和原型链.md"},c=l("",15),r=[c];function y(F,D,i,C,A,u){return a(),n("div",null,r)}const h=s(t,[["render",y]]);export{f as __pageData,h as default};
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const p="/HuaiGu/assets/原型1.fcf47055.png",o="/HuaiGu/assets/原型2.0f904872.png",e="/HuaiGu/assets/原型3.875273fe.png",f=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"原型和原型链","slug":"原型和原型链","link":"#原型和原型链","children":[{"level":3,"title":"类型判断-instanceof","slug":"类型判断-instanceof","link":"#类型判断-instanceof","children":[]},{"level":3,"title":"原型","slug":"原型","link":"#原型","children":[]},{"level":3,"title":"原型链","slug":"原型链","link":"#原型链","children":[]},{"level":3,"title":"手写简易JQuery","slug":"手写简易jquery","link":"#手写简易jquery","children":[]}]}],"relativePath":"面试/CZ前端/JS基础/原型和原型链.md"}'),t={name:"面试/CZ前端/JS基础/原型和原型链.md"},c=l("",15),r=[c];function y(F,D,i,C,A,u){return a(),n("div",null,r)}const h=s(t,[["render",y]]);export{f as __pageData,h as default};
diff --git "a/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\217\230\351\207\217\347\261\273\345\236\213\345\222\214\350\256\241\347\256\227.md.d5f75960.js" "b/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\217\230\351\207\217\347\261\273\345\236\213\345\222\214\350\256\241\347\256\227.md.dcb89aed.js"
similarity index 99%
rename from "assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\217\230\351\207\217\347\261\273\345\236\213\345\222\214\350\256\241\347\256\227.md.d5f75960.js"
rename to "assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\217\230\351\207\217\347\261\273\345\236\213\345\222\214\350\256\241\347\256\227.md.dcb89aed.js"
index 5c49bdb..4ac4234 100644
--- "a/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\217\230\351\207\217\347\261\273\345\236\213\345\222\214\350\256\241\347\256\227.md.d5f75960.js"
+++ "b/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\217\230\351\207\217\347\261\273\345\236\213\345\222\214\350\256\241\347\256\227.md.dcb89aed.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as n,o as l,a}from"./app.e7d182be.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"变量类型和计算","slug":"变量类型和计算","link":"#变量类型和计算","children":[{"level":3,"title":"值类型与引用类型","slug":"值类型与引用类型","link":"#值类型与引用类型","children":[]},{"level":3,"title":"类型判断","slug":"类型判断","link":"#类型判断","children":[]}]}],"relativePath":"面试/CZ前端/JS基础/变量类型和计算.md"}'),p={name:"面试/CZ前端/JS基础/变量类型和计算.md"},o=a(`
                        变量类型和计算 
                        值类型与引用类型 
                        • 常见的值类型
                          js
                          let a // undefined
+import{_ as s,c as n,o as l,a}from"./app.136603a1.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"变量类型和计算","slug":"变量类型和计算","link":"#变量类型和计算","children":[{"level":3,"title":"值类型与引用类型","slug":"值类型与引用类型","link":"#值类型与引用类型","children":[]},{"level":3,"title":"类型判断","slug":"类型判断","link":"#类型判断","children":[]}]}],"relativePath":"面试/CZ前端/JS基础/变量类型和计算.md"}'),p={name:"面试/CZ前端/JS基础/变量类型和计算.md"},o=a(`
                          变量类型和计算 
                          值类型与引用类型 
                          • 常见的值类型
                            js
                            let a // undefined
 const s = 'abc'
 const n = 100
 const b = true
diff --git "a/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\217\230\351\207\217\347\261\273\345\236\213\345\222\214\350\256\241\347\256\227.md.d5f75960.lean.js" "b/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\217\230\351\207\217\347\261\273\345\236\213\345\222\214\350\256\241\347\256\227.md.dcb89aed.lean.js"
similarity index 91%
rename from "assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\217\230\351\207\217\347\261\273\345\236\213\345\222\214\350\256\241\347\256\227.md.d5f75960.lean.js"
rename to "assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\217\230\351\207\217\347\261\273\345\236\213\345\222\214\350\256\241\347\256\227.md.dcb89aed.lean.js"
index a2126c2..309f70a 100644
--- "a/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\217\230\351\207\217\347\261\273\345\236\213\345\222\214\350\256\241\347\256\227.md.d5f75960.lean.js"
+++ "b/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\217\230\351\207\217\347\261\273\345\236\213\345\222\214\350\256\241\347\256\227.md.dcb89aed.lean.js"
@@ -1 +1 @@
-import{_ as s,c as n,o as l,a}from"./app.e7d182be.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"变量类型和计算","slug":"变量类型和计算","link":"#变量类型和计算","children":[{"level":3,"title":"值类型与引用类型","slug":"值类型与引用类型","link":"#值类型与引用类型","children":[]},{"level":3,"title":"类型判断","slug":"类型判断","link":"#类型判断","children":[]}]}],"relativePath":"面试/CZ前端/JS基础/变量类型和计算.md"}'),p={name:"面试/CZ前端/JS基础/变量类型和计算.md"},o=a("",5),e=[o];function t(c,r,y,D,C,F){return l(),n("div",null,e)}const u=s(p,[["render",t]]);export{i as __pageData,u as default};
+import{_ as s,c as n,o as l,a}from"./app.136603a1.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"变量类型和计算","slug":"变量类型和计算","link":"#变量类型和计算","children":[{"level":3,"title":"值类型与引用类型","slug":"值类型与引用类型","link":"#值类型与引用类型","children":[]},{"level":3,"title":"类型判断","slug":"类型判断","link":"#类型判断","children":[]}]}],"relativePath":"面试/CZ前端/JS基础/变量类型和计算.md"}'),p={name:"面试/CZ前端/JS基础/变量类型和计算.md"},o=a("",5),e=[o];function t(c,r,y,D,C,F){return l(),n("div",null,e)}const u=s(p,[["render",t]]);export{i as __pageData,u as default};
diff --git "a/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\274\202\346\255\245.md.962b5778.js" "b/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\274\202\346\255\245.md.616a7ba8.js"
similarity index 99%
rename from "assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\274\202\346\255\245.md.962b5778.js"
rename to "assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\274\202\346\255\245.md.616a7ba8.js"
index e627bcb..7e478f9 100644
--- "a/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\274\202\346\255\245.md.962b5778.js"
+++ "b/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\274\202\346\255\245.md.616a7ba8.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as l,o as n,a}from"./app.e7d182be.js";const C=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"异步","slug":"异步","link":"#异步","children":[{"level":3,"title":"Promise","slug":"promise","link":"#promise","children":[]},{"level":3,"title":"defer和async","slug":"defer和async","link":"#defer和async","children":[]},{"level":3,"title":"生成器Generators/ yield","slug":"生成器generators-yield","link":"#生成器generators-yield","children":[]},{"level":3,"title":"event-loop（事件循环/轮询）","slug":"event-loop-事件循环-轮询","link":"#event-loop-事件循环-轮询","children":[]},{"level":3,"title":"async/await","slug":"async-await","link":"#async-await","children":[]},{"level":3,"title":"for ... of","slug":"for-of","link":"#for-of","children":[]},{"level":3,"title":"微任务/宏任务","slug":"微任务-宏任务","link":"#微任务-宏任务","children":[]}]}],"relativePath":"面试/CZ前端/JS基础/异步.md"}'),o={name:"面试/CZ前端/JS基础/异步.md"},p=a(`
                            异步 
                            • 同步
                              • 指在 主线程上排队执行的任务，只有前一个任务执行完毕，才能继续执行下一个任务
                              • 也就是调用一旦开始，必须这个调用 返回结果(划重点——）才能继续往后执行。程序的执行顺序和任务排列顺序是一致的。
                            • 异步
                              • 异步任务是指不进入主线程，而进入 任务队列的任务，只有任务队列通知主线程，某个异步任务可以执行了，该任务才会进入主线程。
                              • 程序的执行顺序和任务的排列顺序是不一致的。
                              • 用的setTimeout和setInterval函数，Ajax都是异步操作
                            • 实现异步的方法
                              • 回调函数（Callback）、事件监听、发布订阅、Promise/A+、生成器Generators/ yield、async/await
                            Promise 
                            • ES6中的Promise 是异步编程的一种方案。从语法上讲，Promise 是一个对象，它可以获取异步操作的消息。
                            • Promise对象, 可以将异步操作以同步的流程表达出来。使用 Promise 主要有以下好处： 
                              • 可以很好地解决回调地狱的问题
                              • 语法非常简洁。Promise 对象提供了简洁的API，使得控制异步操作更加容易。
                            • 状态的表现 
                              • pending状态，不会触发then和catch
                              • resolved状态，会触发后续的then(onResloved)回调函数
                              • rejected状态，会触发then(null, onRejected),没有则触发后续的catch回调函数
                            • then和catch改变状态
                              • then正常返回resolved，里面报错则返回rejected
                              • catch正常也返回resolved，里面报错则返回rejected
                              • catch是一个语法糖，相当于调用Prmise.prototype.then(null, onRejected)
                            • Promise.all(iterable)
                              • 语法：var p = Promise.all([p1, p2, p3]);
                              • Promise.all方法接受一个数组作为参数，p1、p2、p3都是Promise实例，如果不是，就会先调用Promise.resolve方法，将参数转为Promise实例，再进一步处理。（Promise.all方法的参数可以不是数组，但必须具有Iterator接口，且返回的每个成员都是Promise实例。）
                              • (1) 只有p1、p2、p3的状态都变成fulfilled，p的状态才会变成fulfilled，此时p1、p2、p3的返回值组成一个数组，传递给p的回调函数。
                              • (2) 只要p1、p2、p3之中有一个被rejected，p的状态就变成rejected，此时第一个被reject的实例的返回值，会传递给p的回调函数。
                            • Promise.race(iterable)
                              • 语法：var p = Promise.race([p1, p2, p3]);
                              • Promise.race方法同样是将多个Promise实例，包装成一个新的Promise实例。只要p1、p2、p3之中有一个实例率先改变状态，p的状态就跟着改变。那个率先改变的Promise实例的返回值，就传递给p的回调函数。
                              • Promise.race方法的参数与Promise.all方法一样，如果不是Promise实例，就会先调用下面讲到的Promise.resolve方法，将参数转为Promise实例，再进一步处理。
                            defer和async 
                            • 区别主要在于一个执行时间,defer会在文档解析完之后执行,并且多个defer会按照顺序执行,而async则是在js加载好之后就会执行,并且多个async,哪个加载好就执行哪个
                            生成器Generators/ yield 
                            • Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同，Generator 最大的特点就是可以控制函数的执行。
                            • 语法上，首先可以把它理解成，Generator 函数是一个状态机，封装了多个内部状态。
                            • Generator 函数除了状态机，还是一个遍历器对象生成函数。
                            • 可暂停函数, yield可暂停，next方法可启动，每次返回的是yield后的表达式结果。
                            • yield表达式本身没有返回值，或者说总是返回undefined。next方法可以带一个参数，该参数就会被当作上一个yield表达式的返回值。
                            • js
                              function *foo(x) {
+import{_ as s,c as l,o as n,a}from"./app.136603a1.js";const C=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"异步","slug":"异步","link":"#异步","children":[{"level":3,"title":"Promise","slug":"promise","link":"#promise","children":[]},{"level":3,"title":"defer和async","slug":"defer和async","link":"#defer和async","children":[]},{"level":3,"title":"生成器Generators/ yield","slug":"生成器generators-yield","link":"#生成器generators-yield","children":[]},{"level":3,"title":"event-loop（事件循环/轮询）","slug":"event-loop-事件循环-轮询","link":"#event-loop-事件循环-轮询","children":[]},{"level":3,"title":"async/await","slug":"async-await","link":"#async-await","children":[]},{"level":3,"title":"for ... of","slug":"for-of","link":"#for-of","children":[]},{"level":3,"title":"微任务/宏任务","slug":"微任务-宏任务","link":"#微任务-宏任务","children":[]}]}],"relativePath":"面试/CZ前端/JS基础/异步.md"}'),o={name:"面试/CZ前端/JS基础/异步.md"},p=a(`
                              异步 
                              • 同步
                                • 指在 主线程上排队执行的任务，只有前一个任务执行完毕，才能继续执行下一个任务
                                • 也就是调用一旦开始，必须这个调用 返回结果(划重点——）才能继续往后执行。程序的执行顺序和任务排列顺序是一致的。
                              • 异步
                                • 异步任务是指不进入主线程，而进入 任务队列的任务，只有任务队列通知主线程，某个异步任务可以执行了，该任务才会进入主线程。
                                • 程序的执行顺序和任务的排列顺序是不一致的。
                                • 用的setTimeout和setInterval函数，Ajax都是异步操作
                              • 实现异步的方法
                                • 回调函数（Callback）、事件监听、发布订阅、Promise/A+、生成器Generators/ yield、async/await
                              Promise 
                              • ES6中的Promise 是异步编程的一种方案。从语法上讲，Promise 是一个对象，它可以获取异步操作的消息。
                              • Promise对象, 可以将异步操作以同步的流程表达出来。使用 Promise 主要有以下好处： 
                                • 可以很好地解决回调地狱的问题
                                • 语法非常简洁。Promise 对象提供了简洁的API，使得控制异步操作更加容易。
                              • 状态的表现 
                                • pending状态，不会触发then和catch
                                • resolved状态，会触发后续的then(onResloved)回调函数
                                • rejected状态，会触发then(null, onRejected),没有则触发后续的catch回调函数
                              • then和catch改变状态
                                • then正常返回resolved，里面报错则返回rejected
                                • catch正常也返回resolved，里面报错则返回rejected
                                • catch是一个语法糖，相当于调用Prmise.prototype.then(null, onRejected)
                              • Promise.all(iterable)
                                • 语法：var p = Promise.all([p1, p2, p3]);
                                • Promise.all方法接受一个数组作为参数，p1、p2、p3都是Promise实例，如果不是，就会先调用Promise.resolve方法，将参数转为Promise实例，再进一步处理。（Promise.all方法的参数可以不是数组，但必须具有Iterator接口，且返回的每个成员都是Promise实例。）
                                • (1) 只有p1、p2、p3的状态都变成fulfilled，p的状态才会变成fulfilled，此时p1、p2、p3的返回值组成一个数组，传递给p的回调函数。
                                • (2) 只要p1、p2、p3之中有一个被rejected，p的状态就变成rejected，此时第一个被reject的实例的返回值，会传递给p的回调函数。
                              • Promise.race(iterable)
                                • 语法：var p = Promise.race([p1, p2, p3]);
                                • Promise.race方法同样是将多个Promise实例，包装成一个新的Promise实例。只要p1、p2、p3之中有一个实例率先改变状态，p的状态就跟着改变。那个率先改变的Promise实例的返回值，就传递给p的回调函数。
                                • Promise.race方法的参数与Promise.all方法一样，如果不是Promise实例，就会先调用下面讲到的Promise.resolve方法，将参数转为Promise实例，再进一步处理。
                              defer和async 
                              • 区别主要在于一个执行时间,defer会在文档解析完之后执行,并且多个defer会按照顺序执行,而async则是在js加载好之后就会执行,并且多个async,哪个加载好就执行哪个
                              生成器Generators/ yield 
                              • Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同，Generator 最大的特点就是可以控制函数的执行。
                              • 语法上，首先可以把它理解成，Generator 函数是一个状态机，封装了多个内部状态。
                              • Generator 函数除了状态机，还是一个遍历器对象生成函数。
                              • 可暂停函数, yield可暂停，next方法可启动，每次返回的是yield后的表达式结果。
                              • yield表达式本身没有返回值，或者说总是返回undefined。next方法可以带一个参数，该参数就会被当作上一个yield表达式的返回值。
                              • js
                                function *foo(x) {
   let y = 2 * (yield (x + 1))
   let z = yield (y / 3)
   return (x + y + z)
diff --git "a/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\274\202\346\255\245.md.962b5778.lean.js" "b/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\274\202\346\255\245.md.616a7ba8.lean.js"
similarity index 94%
rename from "assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\274\202\346\255\245.md.962b5778.lean.js"
rename to "assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\274\202\346\255\245.md.616a7ba8.lean.js"
index 31f4365..38a073a 100644
--- "a/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\274\202\346\255\245.md.962b5778.lean.js"
+++ "b/assets/\351\235\242\350\257\225_CZ\345\211\215\347\253\257_JS\345\237\272\347\241\200_\345\274\202\346\255\245.md.616a7ba8.lean.js"
@@ -1 +1 @@
-import{_ as s,c as l,o as n,a}from"./app.e7d182be.js";const C=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"异步","slug":"异步","link":"#异步","children":[{"level":3,"title":"Promise","slug":"promise","link":"#promise","children":[]},{"level":3,"title":"defer和async","slug":"defer和async","link":"#defer和async","children":[]},{"level":3,"title":"生成器Generators/ yield","slug":"生成器generators-yield","link":"#生成器generators-yield","children":[]},{"level":3,"title":"event-loop（事件循环/轮询）","slug":"event-loop-事件循环-轮询","link":"#event-loop-事件循环-轮询","children":[]},{"level":3,"title":"async/await","slug":"async-await","link":"#async-await","children":[]},{"level":3,"title":"for ... of","slug":"for-of","link":"#for-of","children":[]},{"level":3,"title":"微任务/宏任务","slug":"微任务-宏任务","link":"#微任务-宏任务","children":[]}]}],"relativePath":"面试/CZ前端/JS基础/异步.md"}'),o={name:"面试/CZ前端/JS基础/异步.md"},p=a("",16),e=[p];function t(c,r,y,i,F,D){return n(),l("div",null,e)}const d=s(o,[["render",t]]);export{C as __pageData,d as default};
+import{_ as s,c as l,o as n,a}from"./app.136603a1.js";const C=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"异步","slug":"异步","link":"#异步","children":[{"level":3,"title":"Promise","slug":"promise","link":"#promise","children":[]},{"level":3,"title":"defer和async","slug":"defer和async","link":"#defer和async","children":[]},{"level":3,"title":"生成器Generators/ yield","slug":"生成器generators-yield","link":"#生成器generators-yield","children":[]},{"level":3,"title":"event-loop（事件循环/轮询）","slug":"event-loop-事件循环-轮询","link":"#event-loop-事件循环-轮询","children":[]},{"level":3,"title":"async/await","slug":"async-await","link":"#async-await","children":[]},{"level":3,"title":"for ... of","slug":"for-of","link":"#for-of","children":[]},{"level":3,"title":"微任务/宏任务","slug":"微任务-宏任务","link":"#微任务-宏任务","children":[]}]}],"relativePath":"面试/CZ前端/JS基础/异步.md"}'),o={name:"面试/CZ前端/JS基础/异步.md"},p=a("",16),e=[p];function t(c,r,y,i,F,D){return n(),l("div",null,e)}const d=s(o,[["render",t]]);export{C as __pageData,d as default};
diff --git "a/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_DOM\345\222\214BOM.md.f9bf8e78.js" "b/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_DOM\345\222\214BOM.md.d029c109.js"
similarity index 99%
rename from "assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_DOM\345\222\214BOM.md.f9bf8e78.js"
rename to "assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_DOM\345\222\214BOM.md.d029c109.js"
index 9d6128c..0c67eb3 100644
--- "a/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_DOM\345\222\214BOM.md.f9bf8e78.js"
+++ "b/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_DOM\345\222\214BOM.md.d029c109.js"
@@ -1 +1 @@
-import{_ as t,c as e,o as d,a as r}from"./app.e7d182be.js";const u=JSON.parse('{"title":"DOM和BOM","description":"","frontmatter":{},"headers":[{"level":2,"title":"JavaScript的结构","slug":"javascript的结构","link":"#javascript的结构","children":[]},{"level":2,"title":"DOM","slug":"dom","link":"#dom","children":[{"level":3,"title":"DOM树","slug":"dom树","link":"#dom树","children":[]},{"level":3,"title":"DOM操作元素方法","slug":"dom操作元素方法","link":"#dom操作元素方法","children":[]}]},{"level":2,"title":"BOM","slug":"bom","link":"#bom","children":[{"level":3,"title":"定义","slug":"定义","link":"#定义","children":[]},{"level":3,"title":"window对象常见事件","slug":"window对象常见事件","link":"#window对象常见事件","children":[]},{"level":3,"title":"location对象","slug":"location对象","link":"#location对象","children":[]},{"level":3,"title":"history对象","slug":"history对象","link":"#history对象","children":[]},{"level":3,"title":"navigator对象","slug":"navigator对象","link":"#navigator对象","children":[]}]}],"relativePath":"面试/NONI/JS/JS基础/DOM和BOM.md"}'),a={name:"面试/NONI/JS/JS基础/DOM和BOM.md"},i=r('
                                DOM和BOM 
                                JavaScript的结构 
                                JavaScript = ECMAscript + BOM + DOM 
                                ECMAscript：JS的标准，规定了各个浏览器如何执行JS的语法。
                                DOM：用于操作XML、HTML文档的应用编程接口。给JS提供了访问和操作HTML元素的方法
                                BOM：浏览器对象模型，是控制浏览器行为的接口。
                                DOM 
                                DOM树 
                                HTML元素所构成的树
                                DOM操作元素方法 
                                获取节点的DOM方法： 
                                1. getElementById(id)：通过元素的id属性获取单个元素节点，返回对象
                                2. getElementsByTagName(tagName)：通过元素的标签名获取一组元素节点，返回数组
                                3. getElementsByClassName(className)：通过元素的类名获取一组元素节点，返回数组
                                4. getElementsByName(name_content)：通过元素的name属性值来获取元素，返回数组
                                5. querySelector(selector)：通过选择器获取匹配的第一个元素节点，对象
                                6. querySelectorAll(selector)：通过选择器获取匹配的所有元素节点，数组
                                获取/设置元素的属性值的DOM方法： 
                                1. getAttribute(name)：获取元素的指定属性值。
                                2. setAttribute(name, value)：设置元素的指定属性值。
                                3. removeAttribute(name)：移除元素的指定属性。
                                创建节点(Node)的DOM方法： 
                                1. createElement(tagName)：创建指定标签名的元素节点。
                                2. createTextNode(text)：创建包含指定文本内容的文本节点。
                                3. createDocumentFragment()：创建一个空的文档片段节点，可以用来存储和操作一组节点。
                                增添节点的DOM方法： 
                                1. appendChild(node)：将一个节点添加到父节点的子节点列表末尾。
                                2. insertBefore(newNode, referenceNode)：在父节点的子节点列表中，在指定参考节点之前插入新节点。
                                删除节点的DOM方法： 
                                1. removeChild(node)：从父节点的子节点列表中移除指定节点。
                                2. parentNode.removeChild(node)：通过父节点移除指定节点。
                                DOM常见的一些属性： 
                                1. innerHTML：元素的HTML内容。
                                2. textContent：元素及其后代节点的文本内容。
                                3. className：元素的类名。
                                4. id：元素的唯一标识符。
                                5. style：元素的行内样式。
                                6. parentNode：元素的父节点。
                                7. childNodes：元素的子节点列表。
                                8. previousSibling：元素的前一个同级节点。
                                9. nextSibling：元素的后一个同级节点。
                                BOM 
                                定义 
                                浏览器对象模型，核心对象window，包含DOM。把浏览器作为对象来看待，顶级对象就是window，由一系列相关对象构成，并为每个对象提供方法和属性。
                                document,location,navigation,screen,history
                                window对象常见事件 
                                属性/方法含义
                                opener当前窗口的父窗口
                                length窗口中的框架数
                                document窗口中当前显示的文档对象
                                alert(string)创建一个警告对话框，显示一条信息
                                close()关闭窗口
                                confirm()创建一个需要用户确认的对话框
                                open(url,name,[options])打开一个新窗口并返回新 window 对象
                                prompt(text,defaultInput)创建一个对话框要求用户输入信息
                                setInterval(expression,milliseconds)经过指定时间间隔计算一个表达式
                                setInterval(function,millis enconds,[arguments])经过指定时间间隔后调用一个函数
                                setTimeout(expression,milli seconds)在定时器超过后计算一个表达式
                                setTimeout(expression,milli seconds,[arguments])在定时器超过时后计算一个函数
                                location对象 
                                location用于获取或设置URL，能够解析URL，返回对象
                                window.location = location = document.location
                                属性/方法内容
                                host主机名：端口号
                                hostname主机名
                                href整个 URL
                                pathname路径名
                                port端口号
                                protocol协议部分
                                search查询字符串
                                reload()重载当前 URL
                                repalce()用新的 URL 替换当前页面
                                history对象 
                                与浏览器历史记录交互，包含用户访问过的URL（窗口打开开始记）
                                属性/方法描述
                                lengthhistory 对象中的记录数
                                back()前往浏览器历史条目前一个 URL，类似后退
                                forward()前往浏览器历史条目下一个 URL，类似前进
                                go(num)浏览器在 history 对象中向前或向后
                                BOM中识别客户端浏览器的一个window属性。
                                属性说明
                                appName完整的浏览器名称和版本信息
                                platform浏览器所在的系统平台
                                plugins浏览器中安装的插件信息的数 组
                                userAgent浏览器的用户代理字符串
                                userLanguage操作系统的默认语言
                                ',38),o=[i];function l(n,h,s,c,m,p){return d(),e("div",null,o)}const b=t(a,[["render",l]]);export{u as __pageData,b as default};
+import{_ as t,c as e,o as d,a as r}from"./app.136603a1.js";const u=JSON.parse('{"title":"DOM和BOM","description":"","frontmatter":{},"headers":[{"level":2,"title":"JavaScript的结构","slug":"javascript的结构","link":"#javascript的结构","children":[]},{"level":2,"title":"DOM","slug":"dom","link":"#dom","children":[{"level":3,"title":"DOM树","slug":"dom树","link":"#dom树","children":[]},{"level":3,"title":"DOM操作元素方法","slug":"dom操作元素方法","link":"#dom操作元素方法","children":[]}]},{"level":2,"title":"BOM","slug":"bom","link":"#bom","children":[{"level":3,"title":"定义","slug":"定义","link":"#定义","children":[]},{"level":3,"title":"window对象常见事件","slug":"window对象常见事件","link":"#window对象常见事件","children":[]},{"level":3,"title":"location对象","slug":"location对象","link":"#location对象","children":[]},{"level":3,"title":"history对象","slug":"history对象","link":"#history对象","children":[]},{"level":3,"title":"navigator对象","slug":"navigator对象","link":"#navigator对象","children":[]}]}],"relativePath":"面试/NONI/JS/JS基础/DOM和BOM.md"}'),a={name:"面试/NONI/JS/JS基础/DOM和BOM.md"},i=r('
                                DOM和BOM 
                                JavaScript的结构 
                                JavaScript = ECMAscript + BOM + DOM 
                                ECMAscript：JS的标准，规定了各个浏览器如何执行JS的语法。
                                DOM：用于操作XML、HTML文档的应用编程接口。给JS提供了访问和操作HTML元素的方法
                                BOM：浏览器对象模型，是控制浏览器行为的接口。
                                DOM 
                                DOM树 
                                HTML元素所构成的树
                                DOM操作元素方法 
                                获取节点的DOM方法： 
                                1. getElementById(id)：通过元素的id属性获取单个元素节点，返回对象
                                2. getElementsByTagName(tagName)：通过元素的标签名获取一组元素节点，返回数组
                                3. getElementsByClassName(className)：通过元素的类名获取一组元素节点，返回数组
                                4. getElementsByName(name_content)：通过元素的name属性值来获取元素，返回数组
                                5. querySelector(selector)：通过选择器获取匹配的第一个元素节点，对象
                                6. querySelectorAll(selector)：通过选择器获取匹配的所有元素节点，数组
                                获取/设置元素的属性值的DOM方法： 
                                1. getAttribute(name)：获取元素的指定属性值。
                                2. setAttribute(name, value)：设置元素的指定属性值。
                                3. removeAttribute(name)：移除元素的指定属性。
                                创建节点(Node)的DOM方法： 
                                1. createElement(tagName)：创建指定标签名的元素节点。
                                2. createTextNode(text)：创建包含指定文本内容的文本节点。
                                3. createDocumentFragment()：创建一个空的文档片段节点，可以用来存储和操作一组节点。
                                增添节点的DOM方法： 
                                1. appendChild(node)：将一个节点添加到父节点的子节点列表末尾。
                                2. insertBefore(newNode, referenceNode)：在父节点的子节点列表中，在指定参考节点之前插入新节点。
                                删除节点的DOM方法： 
                                1. removeChild(node)：从父节点的子节点列表中移除指定节点。
                                2. parentNode.removeChild(node)：通过父节点移除指定节点。
                                DOM常见的一些属性： 
                                1. innerHTML：元素的HTML内容。
                                2. textContent：元素及其后代节点的文本内容。
                                3. className：元素的类名。
                                4. id：元素的唯一标识符。
                                5. style：元素的行内样式。
                                6. parentNode：元素的父节点。
                                7. childNodes：元素的子节点列表。
                                8. previousSibling：元素的前一个同级节点。
                                9. nextSibling：元素的后一个同级节点。
                                BOM 
                                定义 
                                浏览器对象模型，核心对象window，包含DOM。把浏览器作为对象来看待，顶级对象就是window，由一系列相关对象构成，并为每个对象提供方法和属性。
                                document,location,navigation,screen,history
                                window对象常见事件 
                                属性/方法含义
                                opener当前窗口的父窗口
                                length窗口中的框架数
                                document窗口中当前显示的文档对象
                                alert(string)创建一个警告对话框，显示一条信息
                                close()关闭窗口
                                confirm()创建一个需要用户确认的对话框
                                open(url,name,[options])打开一个新窗口并返回新 window 对象
                                prompt(text,defaultInput)创建一个对话框要求用户输入信息
                                setInterval(expression,milliseconds)经过指定时间间隔计算一个表达式
                                setInterval(function,millis enconds,[arguments])经过指定时间间隔后调用一个函数
                                setTimeout(expression,milli seconds)在定时器超过后计算一个表达式
                                setTimeout(expression,milli seconds,[arguments])在定时器超过时后计算一个函数
                                location对象 
                                location用于获取或设置URL，能够解析URL，返回对象
                                window.location = location = document.location
                                属性/方法内容
                                host主机名：端口号
                                hostname主机名
                                href整个 URL
                                pathname路径名
                                port端口号
                                protocol协议部分
                                search查询字符串
                                reload()重载当前 URL
                                repalce()用新的 URL 替换当前页面
                                history对象 
                                与浏览器历史记录交互，包含用户访问过的URL（窗口打开开始记）
                                属性/方法描述
                                lengthhistory 对象中的记录数
                                back()前往浏览器历史条目前一个 URL，类似后退
                                forward()前往浏览器历史条目下一个 URL，类似前进
                                go(num)浏览器在 history 对象中向前或向后
                                BOM中识别客户端浏览器的一个window属性。
                                属性说明
                                appName完整的浏览器名称和版本信息
                                platform浏览器所在的系统平台
                                plugins浏览器中安装的插件信息的数 组
                                userAgent浏览器的用户代理字符串
                                userLanguage操作系统的默认语言
                                ',38),o=[i];function l(n,h,s,c,m,p){return d(),e("div",null,o)}const b=t(a,[["render",l]]);export{u as __pageData,b as default};
diff --git "a/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_DOM\345\222\214BOM.md.f9bf8e78.lean.js" "b/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_DOM\345\222\214BOM.md.d029c109.lean.js"
similarity index 95%
rename from "assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_DOM\345\222\214BOM.md.f9bf8e78.lean.js"
rename to "assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_DOM\345\222\214BOM.md.d029c109.lean.js"
index 12a2734..87721f7 100644
--- "a/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_DOM\345\222\214BOM.md.f9bf8e78.lean.js"
+++ "b/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_DOM\345\222\214BOM.md.d029c109.lean.js"
@@ -1 +1 @@
-import{_ as t,c as e,o as d,a as r}from"./app.e7d182be.js";const u=JSON.parse('{"title":"DOM和BOM","description":"","frontmatter":{},"headers":[{"level":2,"title":"JavaScript的结构","slug":"javascript的结构","link":"#javascript的结构","children":[]},{"level":2,"title":"DOM","slug":"dom","link":"#dom","children":[{"level":3,"title":"DOM树","slug":"dom树","link":"#dom树","children":[]},{"level":3,"title":"DOM操作元素方法","slug":"dom操作元素方法","link":"#dom操作元素方法","children":[]}]},{"level":2,"title":"BOM","slug":"bom","link":"#bom","children":[{"level":3,"title":"定义","slug":"定义","link":"#定义","children":[]},{"level":3,"title":"window对象常见事件","slug":"window对象常见事件","link":"#window对象常见事件","children":[]},{"level":3,"title":"location对象","slug":"location对象","link":"#location对象","children":[]},{"level":3,"title":"history对象","slug":"history对象","link":"#history对象","children":[]},{"level":3,"title":"navigator对象","slug":"navigator对象","link":"#navigator对象","children":[]}]}],"relativePath":"面试/NONI/JS/JS基础/DOM和BOM.md"}'),a={name:"面试/NONI/JS/JS基础/DOM和BOM.md"},i=r("",38),o=[i];function l(n,h,s,c,m,p){return d(),e("div",null,o)}const b=t(a,[["render",l]]);export{u as __pageData,b as default};
+import{_ as t,c as e,o as d,a as r}from"./app.136603a1.js";const u=JSON.parse('{"title":"DOM和BOM","description":"","frontmatter":{},"headers":[{"level":2,"title":"JavaScript的结构","slug":"javascript的结构","link":"#javascript的结构","children":[]},{"level":2,"title":"DOM","slug":"dom","link":"#dom","children":[{"level":3,"title":"DOM树","slug":"dom树","link":"#dom树","children":[]},{"level":3,"title":"DOM操作元素方法","slug":"dom操作元素方法","link":"#dom操作元素方法","children":[]}]},{"level":2,"title":"BOM","slug":"bom","link":"#bom","children":[{"level":3,"title":"定义","slug":"定义","link":"#定义","children":[]},{"level":3,"title":"window对象常见事件","slug":"window对象常见事件","link":"#window对象常见事件","children":[]},{"level":3,"title":"location对象","slug":"location对象","link":"#location对象","children":[]},{"level":3,"title":"history对象","slug":"history对象","link":"#history对象","children":[]},{"level":3,"title":"navigator对象","slug":"navigator对象","link":"#navigator对象","children":[]}]}],"relativePath":"面试/NONI/JS/JS基础/DOM和BOM.md"}'),a={name:"面试/NONI/JS/JS基础/DOM和BOM.md"},i=r("",38),o=[i];function l(n,h,s,c,m,p){return d(),e("div",null,o)}const b=t(a,[["render",l]]);export{u as __pageData,b as default};
diff --git "a/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_new\346\223\215\344\275\234\347\254\246\345\256\236\347\216\260\345\216\237\347\220\206.md.45a6f5da.js" "b/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_new\346\223\215\344\275\234\347\254\246\345\256\236\347\216\260\345\216\237\347\220\206.md.f301d6f9.js"
similarity index 99%
rename from "assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_new\346\223\215\344\275\234\347\254\246\345\256\236\347\216\260\345\216\237\347\220\206.md.45a6f5da.js"
rename to "assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_new\346\223\215\344\275\234\347\254\246\345\256\236\347\216\260\345\216\237\347\220\206.md.f301d6f9.js"
index 9e53ea1..3ef5ecd 100644
--- "a/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_new\346\223\215\344\275\234\347\254\246\345\256\236\347\216\260\345\216\237\347\220\206.md.45a6f5da.js"
+++ "b/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_new\346\223\215\344\275\234\347\254\246\345\256\236\347\216\260\345\216\237\347\220\206.md.f301d6f9.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"new操作符的实现原理","slug":"new操作符的实现原理","link":"#new操作符的实现原理","children":[{"level":3,"title":"new操作符的定义","slug":"new操作符的定义","link":"#new操作符的定义","children":[]},{"level":3,"title":"示例2（对象属性为其他对象）","slug":"示例2-对象属性为其他对象","link":"#示例2-对象属性为其他对象","children":[]},{"level":3,"title":"原理阐述","slug":"原理阐述","link":"#原理阐述","children":[]}]}],"relativePath":"面试/NONI/JS/JS基础/new操作符实现原理.md"}'),o={name:"面试/NONI/JS/JS基础/new操作符实现原理.md"},p=l(`
                                new操作符的实现原理 
                                new操作符的定义 
                                示例1（对象类型和对象实例） 
                                new操作符可以用来创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。（来自MDN的定义）
                                简而言之：new可以创建对象实例
                                使用场景：
                                js
                                function newTest(arguments1,arguments2) {	//构造一个函数newTest
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"new操作符的实现原理","slug":"new操作符的实现原理","link":"#new操作符的实现原理","children":[{"level":3,"title":"new操作符的定义","slug":"new操作符的定义","link":"#new操作符的定义","children":[]},{"level":3,"title":"示例2（对象属性为其他对象）","slug":"示例2-对象属性为其他对象","link":"#示例2-对象属性为其他对象","children":[]},{"level":3,"title":"原理阐述","slug":"原理阐述","link":"#原理阐述","children":[]}]}],"relativePath":"面试/NONI/JS/JS基础/new操作符实现原理.md"}'),o={name:"面试/NONI/JS/JS基础/new操作符实现原理.md"},p=l(`
                                new操作符的实现原理 
                                new操作符的定义 
                                示例1（对象类型和对象实例） 
                                new操作符可以用来创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。（来自MDN的定义）
                                简而言之：new可以创建对象实例
                                使用场景：
                                js
                                function newTest(arguments1,arguments2) {	//构造一个函数newTest
     this.arguments1 = arguments1;
     this.arguments2 = arguments2;
 }
diff --git "a/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_new\346\223\215\344\275\234\347\254\246\345\256\236\347\216\260\345\216\237\347\220\206.md.45a6f5da.lean.js" "b/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_new\346\223\215\344\275\234\347\254\246\345\256\236\347\216\260\345\216\237\347\220\206.md.f301d6f9.lean.js"
similarity index 93%
rename from "assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_new\346\223\215\344\275\234\347\254\246\345\256\236\347\216\260\345\216\237\347\220\206.md.45a6f5da.lean.js"
rename to "assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_new\346\223\215\344\275\234\347\254\246\345\256\236\347\216\260\345\216\237\347\220\206.md.f301d6f9.lean.js"
index 605c4c8..873174e 100644
--- "a/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_new\346\223\215\344\275\234\347\254\246\345\256\236\347\216\260\345\216\237\347\220\206.md.45a6f5da.lean.js"
+++ "b/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_new\346\223\215\344\275\234\347\254\246\345\256\236\347\216\260\345\216\237\347\220\206.md.f301d6f9.lean.js"
@@ -1 +1 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"new操作符的实现原理","slug":"new操作符的实现原理","link":"#new操作符的实现原理","children":[{"level":3,"title":"new操作符的定义","slug":"new操作符的定义","link":"#new操作符的定义","children":[]},{"level":3,"title":"示例2（对象属性为其他对象）","slug":"示例2-对象属性为其他对象","link":"#示例2-对象属性为其他对象","children":[]},{"level":3,"title":"原理阐述","slug":"原理阐述","link":"#原理阐述","children":[]}]}],"relativePath":"面试/NONI/JS/JS基础/new操作符实现原理.md"}'),o={name:"面试/NONI/JS/JS基础/new操作符实现原理.md"},p=l("",17),e=[p];function t(c,r,y,D,F,A){return a(),n("div",null,e)}const d=s(o,[["render",t]]);export{i as __pageData,d as default};
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"new操作符的实现原理","slug":"new操作符的实现原理","link":"#new操作符的实现原理","children":[{"level":3,"title":"new操作符的定义","slug":"new操作符的定义","link":"#new操作符的定义","children":[]},{"level":3,"title":"示例2（对象属性为其他对象）","slug":"示例2-对象属性为其他对象","link":"#示例2-对象属性为其他对象","children":[]},{"level":3,"title":"原理阐述","slug":"原理阐述","link":"#原理阐述","children":[]}]}],"relativePath":"面试/NONI/JS/JS基础/new操作符实现原理.md"}'),o={name:"面试/NONI/JS/JS基础/new操作符实现原理.md"},p=l("",17),e=[p];function t(c,r,y,D,F,A){return a(),n("div",null,e)}const d=s(o,[["render",t]]);export{i as __pageData,d as default};
diff --git "a/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\211\213\345\206\231call.md.e0a488b6.js" "b/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\211\213\345\206\231call.md.7599258b.js"
similarity index 99%
rename from "assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\211\213\345\206\231call.md.e0a488b6.js"
rename to "assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\211\213\345\206\231call.md.7599258b.js"
index 4bd5a90..53f7a85 100644
--- "a/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\211\213\345\206\231call.md.e0a488b6.js"
+++ "b/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\211\213\345\206\231call.md.7599258b.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"call()","slug":"call","link":"#call","children":[]},{"level":3,"title":"手写","slug":"手写","link":"#手写","children":[]},{"level":3,"title":"简单版本","slug":"简单版本","link":"#简单版本","children":[]},{"level":3,"title":"bind()","slug":"bind","link":"#bind","children":[]}],"relativePath":"面试/NONI/JS/JS基础/手写call.md"}'),p={name:"面试/NONI/JS/JS基础/手写call.md"},o=l(`
                                call() 
                                call()能够改变this指向，执行当前的函数。调用call的函数挂载到传入的第一个参数上，再通过该参数对象来调用‘调用call的函数’，并且能够得到传入其他参数后执行得到的结果。
                                例如：Fn.call(context, a,b)，函数Fn挂载到context对象上，通过context对象调用函数Fn，并且能够得到传入参数a,b后执行得到的结果
                                手写 
                                js
                                Function.prototype.myCall = function (context) {
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"call()","slug":"call","link":"#call","children":[]},{"level":3,"title":"手写","slug":"手写","link":"#手写","children":[]},{"level":3,"title":"简单版本","slug":"简单版本","link":"#简单版本","children":[]},{"level":3,"title":"bind()","slug":"bind","link":"#bind","children":[]}],"relativePath":"面试/NONI/JS/JS基础/手写call.md"}'),p={name:"面试/NONI/JS/JS基础/手写call.md"},o=l(`
                                call() 
                                call()能够改变this指向，执行当前的函数。调用call的函数挂载到传入的第一个参数上，再通过该参数对象来调用‘调用call的函数’，并且能够得到传入其他参数后执行得到的结果。
                                例如：Fn.call(context, a,b)，函数Fn挂载到context对象上，通过context对象调用函数Fn，并且能够得到传入参数a,b后执行得到的结果
                                手写 
                                js
                                Function.prototype.myCall = function (context) {
   if (context === null || context === undefined) {
     context = window;
   }
diff --git "a/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\211\213\345\206\231call.md.e0a488b6.lean.js" "b/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\211\213\345\206\231call.md.7599258b.lean.js"
similarity index 90%
rename from "assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\211\213\345\206\231call.md.e0a488b6.lean.js"
rename to "assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\211\213\345\206\231call.md.7599258b.lean.js"
index 091e722..24e4e8a 100644
--- "a/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\211\213\345\206\231call.md.e0a488b6.lean.js"
+++ "b/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\211\213\345\206\231call.md.7599258b.lean.js"
@@ -1 +1 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"call()","slug":"call","link":"#call","children":[]},{"level":3,"title":"手写","slug":"手写","link":"#手写","children":[]},{"level":3,"title":"简单版本","slug":"简单版本","link":"#简单版本","children":[]},{"level":3,"title":"bind()","slug":"bind","link":"#bind","children":[]}],"relativePath":"面试/NONI/JS/JS基础/手写call.md"}'),p={name:"面试/NONI/JS/JS基础/手写call.md"},o=l("",9),e=[o];function t(c,r,F,y,D,C){return a(),n("div",null,e)}const f=s(p,[["render",t]]);export{i as __pageData,f as default};
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"call()","slug":"call","link":"#call","children":[]},{"level":3,"title":"手写","slug":"手写","link":"#手写","children":[]},{"level":3,"title":"简单版本","slug":"简单版本","link":"#简单版本","children":[]},{"level":3,"title":"bind()","slug":"bind","link":"#bind","children":[]}],"relativePath":"面试/NONI/JS/JS基础/手写call.md"}'),p={name:"面试/NONI/JS/JS基础/手写call.md"},o=l("",9),e=[o];function t(c,r,F,y,D,C){return a(),n("div",null,e)}const f=s(p,[["render",t]]);export{i as __pageData,f as default};
diff --git "a/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\211\213\345\206\231\351\230\262\346\212\226\350\212\202\346\265\201.md.feda70b1.js" "b/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\211\213\345\206\231\351\230\262\346\212\226\350\212\202\346\265\201.md.3978f4cd.js"
similarity index 99%
rename from "assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\211\213\345\206\231\351\230\262\346\212\226\350\212\202\346\265\201.md.feda70b1.js"
rename to "assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\211\213\345\206\231\351\230\262\346\212\226\350\212\202\346\265\201.md.3978f4cd.js"
index 6fca799..24cc34d 100644
--- "a/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\211\213\345\206\231\351\230\262\346\212\226\350\212\202\346\265\201.md.feda70b1.js"
+++ "b/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\211\213\345\206\231\351\230\262\346\212\226\350\212\202\346\265\201.md.3978f4cd.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const C=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"防抖","slug":"防抖","link":"#防抖","children":[]},{"level":3,"title":"节流","slug":"节流","link":"#节流","children":[]}],"relativePath":"面试/NONI/JS/JS基础/手写防抖节流.md"}'),p={name:"面试/NONI/JS/JS基础/手写防抖节流.md"},o=l(`
                                防抖 
                                js
                                function debounce(fn, delayTime) {
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const C=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"防抖","slug":"防抖","link":"#防抖","children":[]},{"level":3,"title":"节流","slug":"节流","link":"#节流","children":[]}],"relativePath":"面试/NONI/JS/JS基础/手写防抖节流.md"}'),p={name:"面试/NONI/JS/JS基础/手写防抖节流.md"},o=l(`
                                防抖 
                                js
                                function debounce(fn, delayTime) {
             let timer = null;
             return function () {
                 let args = arguments;
diff --git "a/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\211\213\345\206\231\351\230\262\346\212\226\350\212\202\346\265\201.md.feda70b1.lean.js" "b/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\211\213\345\206\231\351\230\262\346\212\226\350\212\202\346\265\201.md.3978f4cd.lean.js"
similarity index 88%
rename from "assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\211\213\345\206\231\351\230\262\346\212\226\350\212\202\346\265\201.md.feda70b1.lean.js"
rename to "assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\211\213\345\206\231\351\230\262\346\212\226\350\212\202\346\265\201.md.3978f4cd.lean.js"
index d8876cd..a250455 100644
--- "a/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\211\213\345\206\231\351\230\262\346\212\226\350\212\202\346\265\201.md.feda70b1.lean.js"
+++ "b/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\211\213\345\206\231\351\230\262\346\212\226\350\212\202\346\265\201.md.3978f4cd.lean.js"
@@ -1 +1 @@
-import{_ as s,c as n,o as a,a as l}from"./app.e7d182be.js";const C=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"防抖","slug":"防抖","link":"#防抖","children":[]},{"level":3,"title":"节流","slug":"节流","link":"#节流","children":[]}],"relativePath":"面试/NONI/JS/JS基础/手写防抖节流.md"}'),p={name:"面试/NONI/JS/JS基础/手写防抖节流.md"},o=l("",7),e=[o];function t(c,r,y,F,D,i){return a(),n("div",null,e)}const d=s(p,[["render",t]]);export{C as __pageData,d as default};
+import{_ as s,c as n,o as a,a as l}from"./app.136603a1.js";const C=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"防抖","slug":"防抖","link":"#防抖","children":[]},{"level":3,"title":"节流","slug":"节流","link":"#节流","children":[]}],"relativePath":"面试/NONI/JS/JS基础/手写防抖节流.md"}'),p={name:"面试/NONI/JS/JS基础/手写防抖节流.md"},o=l("",7),e=[o];function t(c,r,y,F,D,i){return a(),n("div",null,e)}const d=s(p,[["render",t]]);export{C as __pageData,d as default};
diff --git "a/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\225\260\347\273\204\345\216\237\347\224\237\346\226\271\346\263\225.md.87d8643d.js" "b/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\225\260\347\273\204\345\216\237\347\224\237\346\226\271\346\263\225.md.53477291.js"
similarity index 99%
rename from "assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\225\260\347\273\204\345\216\237\347\224\237\346\226\271\346\263\225.md.87d8643d.js"
rename to "assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\225\260\347\273\204\345\216\237\347\224\237\346\226\271\346\263\225.md.53477291.js"
index 19667c4..a24644e 100644
--- "a/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\225\260\347\273\204\345\216\237\347\224\237\346\226\271\346\263\225.md.87d8643d.js"
+++ "b/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\225\260\347\273\204\345\216\237\347\224\237\346\226\271\346\263\225.md.53477291.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as a,o as n,a as l}from"./app.e7d182be.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"数组原生方法","slug":"数组原生方法","link":"#数组原生方法","children":[{"level":3,"title":"一、数组和字符串的转换方法（不改变原数组）","slug":"一、数组和字符串的转换方法-不改变原数组","link":"#一、数组和字符串的转换方法-不改变原数组","children":[]},{"level":3,"title":"二、数组尾部操作方法（改变原数组）","slug":"二、数组尾部操作方法-改变原数组","link":"#二、数组尾部操作方法-改变原数组","children":[]},{"level":3,"title":"三、数组首部操作方法（改变原数组）","slug":"三、数组首部操作方法-改变原数组","link":"#三、数组首部操作方法-改变原数组","children":[]},{"level":3,"title":"四、重排序的方法（改变原数组）","slug":"四、重排序的方法-改变原数组","link":"#四、重排序的方法-改变原数组","children":[]},{"level":3,"title":"五、数组连接的方法（不改变原数组）","slug":"五、数组连接的方法-不改变原数组","link":"#五、数组连接的方法-不改变原数组","children":[]},{"level":3,"title":"六、数组截取浅拷贝方法（不改变原数组）","slug":"六、数组截取浅拷贝方法-不改变原数组","link":"#六、数组截取浅拷贝方法-不改变原数组","children":[]},{"level":3,"title":"七、数组插入方法（改变原数组）","slug":"七、数组插入方法-改变原数组","link":"#七、数组插入方法-改变原数组","children":[]},{"level":3,"title":"八、查找特性项的索引的方法","slug":"八、查找特性项的索引的方法","link":"#八、查找特性项的索引的方法","children":[]},{"level":3,"title":"九、数组迭代方法","slug":"九、数组迭代方法","link":"#九、数组迭代方法","children":[]},{"level":3,"title":"十、数组归并方法","slug":"十、数组归并方法","link":"#十、数组归并方法","children":[]}]}],"relativePath":"面试/NONI/JS/JS基础/数组原生方法.md"}'),p={name:"面试/NONI/JS/JS基础/数组原生方法.md"},o=l(`
                                数组原生方法 
                                一、数组和字符串的转换方法（不改变原数组） 
                                • toString() ：将数组转换成⼀个字符串；
                                • join() ：将数组用连接符连接成一个字符串。
                                  js
                                  const arr = [1,2,'b','c']
+import{_ as s,c as a,o as n,a as l}from"./app.136603a1.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"数组原生方法","slug":"数组原生方法","link":"#数组原生方法","children":[{"level":3,"title":"一、数组和字符串的转换方法（不改变原数组）","slug":"一、数组和字符串的转换方法-不改变原数组","link":"#一、数组和字符串的转换方法-不改变原数组","children":[]},{"level":3,"title":"二、数组尾部操作方法（改变原数组）","slug":"二、数组尾部操作方法-改变原数组","link":"#二、数组尾部操作方法-改变原数组","children":[]},{"level":3,"title":"三、数组首部操作方法（改变原数组）","slug":"三、数组首部操作方法-改变原数组","link":"#三、数组首部操作方法-改变原数组","children":[]},{"level":3,"title":"四、重排序的方法（改变原数组）","slug":"四、重排序的方法-改变原数组","link":"#四、重排序的方法-改变原数组","children":[]},{"level":3,"title":"五、数组连接的方法（不改变原数组）","slug":"五、数组连接的方法-不改变原数组","link":"#五、数组连接的方法-不改变原数组","children":[]},{"level":3,"title":"六、数组截取浅拷贝方法（不改变原数组）","slug":"六、数组截取浅拷贝方法-不改变原数组","link":"#六、数组截取浅拷贝方法-不改变原数组","children":[]},{"level":3,"title":"七、数组插入方法（改变原数组）","slug":"七、数组插入方法-改变原数组","link":"#七、数组插入方法-改变原数组","children":[]},{"level":3,"title":"八、查找特性项的索引的方法","slug":"八、查找特性项的索引的方法","link":"#八、查找特性项的索引的方法","children":[]},{"level":3,"title":"九、数组迭代方法","slug":"九、数组迭代方法","link":"#九、数组迭代方法","children":[]},{"level":3,"title":"十、数组归并方法","slug":"十、数组归并方法","link":"#十、数组归并方法","children":[]}]}],"relativePath":"面试/NONI/JS/JS基础/数组原生方法.md"}'),p={name:"面试/NONI/JS/JS基础/数组原生方法.md"},o=l(`
                                  数组原生方法 
                                  一、数组和字符串的转换方法（不改变原数组） 
                                  • toString() ：将数组转换成⼀个字符串；
                                  • join() ：将数组用连接符连接成一个字符串。
                                    js
                                    const arr = [1,2,'b','c']
 const change1 = arr.toString()
 console.log(arr,change1)//(4) [1, 2, 'b', 'c'] '1,2,b,c'
 const change2 = arr.join('')
diff --git "a/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\225\260\347\273\204\345\216\237\347\224\237\346\226\271\346\263\225.md.87d8643d.lean.js" "b/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\225\260\347\273\204\345\216\237\347\224\237\346\226\271\346\263\225.md.53477291.lean.js"
similarity index 97%
rename from "assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\225\260\347\273\204\345\216\237\347\224\237\346\226\271\346\263\225.md.87d8643d.lean.js"
rename to "assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\225\260\347\273\204\345\216\237\347\224\237\346\226\271\346\263\225.md.53477291.lean.js"
index 71ae00f..c5438d4 100644
--- "a/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\225\260\347\273\204\345\216\237\347\224\237\346\226\271\346\263\225.md.87d8643d.lean.js"
+++ "b/assets/\351\235\242\350\257\225_NONI_JS_JS\345\237\272\347\241\200_\346\225\260\347\273\204\345\216\237\347\224\237\346\226\271\346\263\225.md.53477291.lean.js"
@@ -1 +1 @@
-import{_ as s,c as a,o as n,a as l}from"./app.e7d182be.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"数组原生方法","slug":"数组原生方法","link":"#数组原生方法","children":[{"level":3,"title":"一、数组和字符串的转换方法（不改变原数组）","slug":"一、数组和字符串的转换方法-不改变原数组","link":"#一、数组和字符串的转换方法-不改变原数组","children":[]},{"level":3,"title":"二、数组尾部操作方法（改变原数组）","slug":"二、数组尾部操作方法-改变原数组","link":"#二、数组尾部操作方法-改变原数组","children":[]},{"level":3,"title":"三、数组首部操作方法（改变原数组）","slug":"三、数组首部操作方法-改变原数组","link":"#三、数组首部操作方法-改变原数组","children":[]},{"level":3,"title":"四、重排序的方法（改变原数组）","slug":"四、重排序的方法-改变原数组","link":"#四、重排序的方法-改变原数组","children":[]},{"level":3,"title":"五、数组连接的方法（不改变原数组）","slug":"五、数组连接的方法-不改变原数组","link":"#五、数组连接的方法-不改变原数组","children":[]},{"level":3,"title":"六、数组截取浅拷贝方法（不改变原数组）","slug":"六、数组截取浅拷贝方法-不改变原数组","link":"#六、数组截取浅拷贝方法-不改变原数组","children":[]},{"level":3,"title":"七、数组插入方法（改变原数组）","slug":"七、数组插入方法-改变原数组","link":"#七、数组插入方法-改变原数组","children":[]},{"level":3,"title":"八、查找特性项的索引的方法","slug":"八、查找特性项的索引的方法","link":"#八、查找特性项的索引的方法","children":[]},{"level":3,"title":"九、数组迭代方法","slug":"九、数组迭代方法","link":"#九、数组迭代方法","children":[]},{"level":3,"title":"十、数组归并方法","slug":"十、数组归并方法","link":"#十、数组归并方法","children":[]}]}],"relativePath":"面试/NONI/JS/JS基础/数组原生方法.md"}'),p={name:"面试/NONI/JS/JS基础/数组原生方法.md"},o=l("",42),e=[o];function t(c,r,y,D,C,F){return n(),a("div",null,e)}const d=s(p,[["render",t]]);export{i as __pageData,d as default};
+import{_ as s,c as a,o as n,a as l}from"./app.136603a1.js";const i=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"数组原生方法","slug":"数组原生方法","link":"#数组原生方法","children":[{"level":3,"title":"一、数组和字符串的转换方法（不改变原数组）","slug":"一、数组和字符串的转换方法-不改变原数组","link":"#一、数组和字符串的转换方法-不改变原数组","children":[]},{"level":3,"title":"二、数组尾部操作方法（改变原数组）","slug":"二、数组尾部操作方法-改变原数组","link":"#二、数组尾部操作方法-改变原数组","children":[]},{"level":3,"title":"三、数组首部操作方法（改变原数组）","slug":"三、数组首部操作方法-改变原数组","link":"#三、数组首部操作方法-改变原数组","children":[]},{"level":3,"title":"四、重排序的方法（改变原数组）","slug":"四、重排序的方法-改变原数组","link":"#四、重排序的方法-改变原数组","children":[]},{"level":3,"title":"五、数组连接的方法（不改变原数组）","slug":"五、数组连接的方法-不改变原数组","link":"#五、数组连接的方法-不改变原数组","children":[]},{"level":3,"title":"六、数组截取浅拷贝方法（不改变原数组）","slug":"六、数组截取浅拷贝方法-不改变原数组","link":"#六、数组截取浅拷贝方法-不改变原数组","children":[]},{"level":3,"title":"七、数组插入方法（改变原数组）","slug":"七、数组插入方法-改变原数组","link":"#七、数组插入方法-改变原数组","children":[]},{"level":3,"title":"八、查找特性项的索引的方法","slug":"八、查找特性项的索引的方法","link":"#八、查找特性项的索引的方法","children":[]},{"level":3,"title":"九、数组迭代方法","slug":"九、数组迭代方法","link":"#九、数组迭代方法","children":[]},{"level":3,"title":"十、数组归并方法","slug":"十、数组归并方法","link":"#十、数组归并方法","children":[]}]}],"relativePath":"面试/NONI/JS/JS基础/数组原生方法.md"}'),p={name:"面试/NONI/JS/JS基础/数组原生方法.md"},o=l("",42),e=[o];function t(c,r,y,D,C,F){return n(),a("div",null,e)}const d=s(p,[["render",t]]);export{i as __pageData,d as default};
diff --git "a/assets/\351\235\242\350\257\225_NONI_Vue_diff\347\256\227\346\263\225.md.a6b4292b.js" "b/assets/\351\235\242\350\257\225_NONI_Vue_diff\347\256\227\346\263\225.md.a6b4292b.js"
new file mode 100644
index 0000000..328faaf
--- /dev/null
+++ "b/assets/\351\235\242\350\257\225_NONI_Vue_diff\347\256\227\346\263\225.md.a6b4292b.js"
@@ -0,0 +1,220 @@
+import{_ as a,c as l,b as s,t as o,d as n,a as p,o as e}from"./app.136603a1.js";const E=JSON.parse('{"title":"Vue的diff算法","description":"","frontmatter":{},"headers":[{"level":2,"title":"废话","slug":"废话","link":"#废话","children":[]},{"level":2,"title":"定义","slug":"定义","link":"#定义","children":[]},{"level":2,"title":"原理","slug":"原理","link":"#原理","children":[{"level":3,"title":"diff","slug":"diff","link":"#diff","children":[]},{"level":3,"title":"patchVnode","slug":"patchvnode","link":"#patchvnode","children":[]},{"level":3,"title":"updateChildren","slug":"updatechildren","link":"#updatechildren","children":[]}]}],"relativePath":"面试/NONI/Vue/diff算法.md"}'),t={name:"面试/NONI/Vue/diff算法.md"},c=s("h1",{id:"vue的diff算法",tabindex:"-1"},[n("Vue的diff算法 "),s("a",{class:"header-anchor",href:"#vue的diff算法","aria-hidden":"true"},"#")],-1),r=s("h2",{id:"废话",tabindex:"-1"},[n("废话 "),s("a",{class:"header-anchor",href:"#废话","aria-hidden":"true"},"#")],-1),y=s("p",null,"Vue是一款声明式框架，比起关注过程的命令式框架，在性能消耗上还需要考虑找出差异的消耗，因此声明式的性能消耗要更多一些，如果要减小性能的消耗，就要减小找出差异这块的消耗，这个时候就需要使用diff算法。",-1),F=p(`
                                    定义 
                                    • diff算法是一种在同层级进行比较，在比较过程中会循环地从两边向中间比较的算法。
                                    • 在 Vue 中，作用于虚拟 dom 渲染成真实 dom 的新旧 VNode 节点比较。
                                    • 深度优先，同层比较
                                    原理 
                                    diff 
                                    js
                                    function patch(oldVnode, vnode, hydrating, removeOnly) {
+    if (isUndef(vnode)) { // 没有新节点，直接执行destory钩子函数
+        if (isDef(oldVnode)) invokeDestroyHook(oldVnode)
+        return
+    }
+
+    let isInitialPatch = false
+    const insertedVnodeQueue = []
+
+    if (isUndef(oldVnode)) {
+        isInitialPatch = true
+        createElm(vnode, insertedVnodeQueue) // 没有旧节点，直接用新节点生成dom元素
+    } else {
+        const isRealElement = isDef(oldVnode.nodeType)
+        if (!isRealElement && sameVnode(oldVnode, vnode)) {
+            // 判断旧节点和新节点自身一样，一致执行patchVnode
+            patchVnode(oldVnode, vnode, insertedVnodeQueue, null, null, removeOnly)
+        } else {
+            // 否则直接销毁及旧节点，根据新节点生成dom元素
+            if (isRealElement) {
+
+                if (oldVnode.nodeType === 1 && oldVnode.hasAttribute(SSR_ATTR)) {
+                    oldVnode.removeAttribute(SSR_ATTR)
+                    hydrating = true
+                }
+                if (isTrue(hydrating)) {
+                    if (hydrate(oldVnode, vnode, insertedVnodeQueue)) {
+                        invokeInsertHook(vnode, insertedVnodeQueue, true)
+                        return oldVnode
+                    }
+                }
+                oldVnode = emptyNodeAt(oldVnode)
+            }
+            return vnode.elm
+        }
+    }
+}
+
                                    oldVnode：旧节点
                                    Vnode：传入的新节点
                                    1.判断有无新节点：
                                    • 无，直接触发旧节点的destory钩子
                                    • 有，继续往下
                                    2.判断有无旧节点：
                                    • 无，说明为页面刚初始化的阶段，此时无需比较，直接用新节点生成dom元素
                                    • 有，继续判断新旧节点是否一样
                                      • 一样，调用 patchVnode 处理这两个节点
                                      • 不一样，创建新节点，删除旧节点
                                    patchVnode 
                                    js
                                    function patchVnode (oldVnode, vnode, insertedVnodeQueue, removeOnly) {
+    // 如果新旧节点一致，什么都不做
+    if (oldVnode === vnode) {
+      return
+    }
+
+    // 让vnode.el引用到现在的真实dom，当el修改时，vnode.el会同步变化
+    const elm = vnode.elm = oldVnode.elm
+
+    // 异步占位符
+    if (isTrue(oldVnode.isAsyncPlaceholder)) {
+      if (isDef(vnode.asyncFactory.resolved)) {
+        hydrate(oldVnode.elm, vnode, insertedVnodeQueue)
+      } else {
+        vnode.isAsyncPlaceholder = true
+      }
+      return
+    }
+    // 如果新旧都是静态节点，并且具有相同的key
+    // 当vnode是克隆节点或是v-once指令控制的节点时，只需要把oldVnode.elm和oldVnode.child都复制到vnode上
+    // 也不用再有其他操作
+    if (isTrue(vnode.isStatic) &&
+      isTrue(oldVnode.isStatic) &&
+      vnode.key === oldVnode.key &&
+      (isTrue(vnode.isCloned) || isTrue(vnode.isOnce))
+    ) {
+      vnode.componentInstance = oldVnode.componentInstance
+      return
+    }
+
+    let i
+    const data = vnode.data
+    if (isDef(data) && isDef(i = data.hook) && isDef(i = i.prepatch)) {
+      i(oldVnode, vnode)
+    }
+
+    const oldCh = oldVnode.children
+    const ch = vnode.children
+    if (isDef(data) && isPatchable(vnode)) {
+      for (i = 0; i < cbs.update.length; ++i) cbs.update[i](oldVnode, vnode)
+      if (isDef(i = data.hook) && isDef(i = i.update)) i(oldVnode, vnode)
+    }
+    // 如果vnode不是文本节点或者注释节点
+    if (isUndef(vnode.text)) {
+      // 并且都有子节点
+      if (isDef(oldCh) && isDef(ch)) {
+        // 并且子节点不完全一致，则调用updateChildren
+        if (oldCh !== ch) updateChildren(elm, oldCh, ch, insertedVnodeQueue, removeOnly)
+
+        // 如果只有新的vnode有子节点
+      } else if (isDef(ch)) {
+        if (isDef(oldVnode.text)) nodeOps.setTextContent(elm, '')
+        // elm已经引用了老的dom节点，在老的dom节点上添加子节点
+        addVnodes(elm, null, ch, 0, ch.length - 1, insertedVnodeQueue)
+
+        // 如果新vnode没有子节点，而vnode有子节点，直接删除老的oldCh
+      } else if (isDef(oldCh)) {
+        removeVnodes(elm, oldCh, 0, oldCh.length - 1)
+
+        // 如果老节点是文本节点
+      } else if (isDef(oldVnode.text)) {
+        nodeOps.setTextContent(elm, '')
+      }
+
+      // 如果新vnode和老vnode是文本节点或注释节点
+      // 但是vnode.text != oldVnode.text时，只需要更新vnode.elm的文本内容就可以
+    } else if (oldVnode.text !== vnode.text) {
+      nodeOps.setTextContent(elm, vnode.text)
+    }
+    if (isDef(data)) {
+      if (isDef(i = data.hook) && isDef(i = i.postpatch)) i(oldVnode, vnode)
+    }
+  }
+
                                    代码做了以下操作：
                                    • 找到对应的真实dom，称为el
                                    • 如果都有都有文本节点且不相等，将el文本节点设置为Vnode的文本节点
                                    • 如果oldVnode有子节点而VNode没有，则删除el子节点
                                    • 如果oldVnode没有子节点而VNode有，则将VNode的子节点真实化后添加到el
                                    • 如果两者都有子节点，则执行updateChildren函数比较子节点
                                    updateChildren 
                                    js
                                    function updateChildren (parentElm, oldCh, newCh, insertedVnodeQueue, removeOnly) {
+    let oldStartIdx = 0 // 旧头索引
+    let newStartIdx = 0 // 新头索引
+    let oldEndIdx = oldCh.length - 1 // 旧尾索引
+    let newEndIdx = newCh.length - 1 // 新尾索引
+    let oldStartVnode = oldCh[0] // oldVnode的第一个child
+    let oldEndVnode = oldCh[oldEndIdx] // oldVnode的最后一个child
+    let newStartVnode = newCh[0] // newVnode的第一个child
+    let newEndVnode = newCh[newEndIdx] // newVnode的最后一个child
+    let oldKeyToIdx, idxInOld, vnodeToMove, refElm
+
+    // removeOnly is a special flag used only by <transition-group>
+    // to ensure removed elements stay in correct relative positions
+    // during leaving transitions
+    const canMove = !removeOnly
+
+    // 如果oldStartVnode和oldEndVnode重合，并且新的也都重合了，证明diff完了，循环结束
+    while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
+      // 如果oldVnode的第一个child不存在
+      if (isUndef(oldStartVnode)) {
+        // oldStart索引右移
+        oldStartVnode = oldCh[++oldStartIdx] // Vnode has been moved left
+
+      // 如果oldVnode的最后一个child不存在
+      } else if (isUndef(oldEndVnode)) {
+        // oldEnd索引左移
+        oldEndVnode = oldCh[--oldEndIdx]
+
+      // oldStartVnode和newStartVnode是同一个节点
+      } else if (sameVnode(oldStartVnode, newStartVnode)) {
+        // patch oldStartVnode和newStartVnode， 索引左移，继续循环
+        patchVnode(oldStartVnode, newStartVnode, insertedVnodeQueue)
+        oldStartVnode = oldCh[++oldStartIdx]
+        newStartVnode = newCh[++newStartIdx]
+
+      // oldEndVnode和newEndVnode是同一个节点
+      } else if (sameVnode(oldEndVnode, newEndVnode)) {
+        // patch oldEndVnode和newEndVnode，索引右移，继续循环
+        patchVnode(oldEndVnode, newEndVnode, insertedVnodeQueue)
+        oldEndVnode = oldCh[--oldEndIdx]
+        newEndVnode = newCh[--newEndIdx]
+
+      // oldStartVnode和newEndVnode是同一个节点
+      } else if (sameVnode(oldStartVnode, newEndVnode)) { // Vnode moved right
+        // patch oldStartVnode和newEndVnode
+        patchVnode(oldStartVnode, newEndVnode, insertedVnodeQueue)
+        // 如果removeOnly是false，则将oldStartVnode.eml移动到oldEndVnode.elm之后
+        canMove && nodeOps.insertBefore(parentElm, oldStartVnode.elm, nodeOps.nextSibling(oldEndVnode.elm))
+        // oldStart索引右移，newEnd索引左移
+        oldStartVnode = oldCh[++oldStartIdx]
+        newEndVnode = newCh[--newEndIdx]
+
+      // 如果oldEndVnode和newStartVnode是同一个节点
+      } else if (sameVnode(oldEndVnode, newStartVnode)) { // Vnode moved left
+        // patch oldEndVnode和newStartVnode
+        patchVnode(oldEndVnode, newStartVnode, insertedVnodeQueue)
+        // 如果removeOnly是false，则将oldEndVnode.elm移动到oldStartVnode.elm之前
+        canMove && nodeOps.insertBefore(parentElm, oldEndVnode.elm, oldStartVnode.elm)
+        // oldEnd索引左移，newStart索引右移
+        oldEndVnode = oldCh[--oldEndIdx]
+        newStartVnode = newCh[++newStartIdx]
+
+      // 如果都不匹配
+      } else {
+        if (isUndef(oldKeyToIdx)) oldKeyToIdx = createKeyToOldIdx(oldCh, oldStartIdx, oldEndIdx)
+
+        // 尝试在oldChildren中寻找和newStartVnode的具有相同的key的Vnode
+        idxInOld = isDef(newStartVnode.key)
+          ? oldKeyToIdx[newStartVnode.key]
+          : findIdxInOld(newStartVnode, oldCh, oldStartIdx, oldEndIdx)
+
+        // 如果未找到，说明newStartVnode是一个新的节点
+        if (isUndef(idxInOld)) { // New element
+          // 创建一个新Vnode
+          createElm(newStartVnode, insertedVnodeQueue, parentElm, oldStartVnode.elm)
+
+        // 如果找到了和newStartVnodej具有相同的key的Vnode，叫vnodeToMove
+        } else {
+          vnodeToMove = oldCh[idxInOld]
+          /* istanbul ignore if */
+          if (process.env.NODE_ENV !== 'production' && !vnodeToMove) {
+            warn(
+              'It seems there are duplicate keys that is causing an update error. ' +
+              'Make sure each v-for item has a unique key.'
+            )
+          }
+
+          // 比较两个具有相同的key的新节点是否是同一个节点
+          //不设key，newCh和oldCh只会进行头尾两端的相互比较，设key后，除了头尾两端的比较外，还会从用key生成的对象oldKeyToIdx中查找匹配的节点，所以为节点设置key可以更高效的利用dom。
+          if (sameVnode(vnodeToMove, newStartVnode)) {
+            // patch vnodeToMove和newStartVnode
+            patchVnode(vnodeToMove, newStartVnode, insertedVnodeQueue)
+            // 清除
+            oldCh[idxInOld] = undefined
+            // 如果removeOnly是false，则将找到的和newStartVnodej具有相同的key的Vnode，叫vnodeToMove.elm
+            // 移动到oldStartVnode.elm之前
+            canMove && nodeOps.insertBefore(parentElm, vnodeToMove.elm, oldStartVnode.elm)
+
+          // 如果key相同，但是节点不相同，则创建一个新的节点
+          } else {
+            // same key but different element. treat as new element
+            createElm(newStartVnode, insertedVnodeQueue, parentElm, oldStartVnode.elm)
+          }
+        }
+
+        // 右移
+        newStartVnode = newCh[++newStartIdx]
+      }
+    }
+
                                    while循环主要处理了以下五种情景：
                                    • 当新老 VNode 节点的 start 相同时，直接 patchVnode ，同时新老 VNode 节点的开始索引都加 1
                                    • 当新老 VNode 节点的 end相同时，同样直接 patchVnode ，同时新老 VNode 节点的结束索引都减 1
                                    • 当老 VNode 节点的 start 和新 VNode 节点的 end 相同时，这时候在 patchVnode 后，还需要将当前真实 dom 节点移动到 oldEndVnode 的后面，同时老 VNode 节点开始索引加 1，新 VNode 节点的结束索引减 1
                                    • 当老 VNode 节点的 end 和新 VNode 节点的 start 相同时，这时候在 patchVnode 后，还需要将当前真实 dom 节点移动到 oldStartVnode 的前面，同时老 VNode 节点结束索引减 1，新 VNode 节点的开始索引加 1
                                    • 如果都不满足以上四种情形，那说明没有相同的节点可以复用，则会分为以下两种情况： 
                                      • 从旧的 VNode 为 key 值，对应 index 序列为 value 值的哈希表中找到与 newStartVnode 一致 key 的旧的 VNode 节点，再进行patchVnode，同时将这个真实 dom移动到 oldStartVnode 对应的真实 dom 的前面
                                      • 调用 createElm 创建一个新的 dom 节点放到当前 newStartIdx 的位置
                                    `,19);function D(A,i,d,C,f,V){return e(),l("div",null,[c,r,y,s("blockquote",null,[s("p",null,"关于Vue的声明式，比如说我们在template中的某个标签里使用了插值语法"+o()+"，在dara里定义了相关的数据，那么这个插值语法中的数据就会在视图中渲染出来，这个过程就是使用模板语法来声明式地将数据渲染到DOM上。",1)]),F])}const u=a(t,[["render",D]]);export{E as __pageData,u as default};
diff --git "a/assets/\351\235\242\350\257\225_NONI_Vue_diff\347\256\227\346\263\225.md.a6b4292b.lean.js" "b/assets/\351\235\242\350\257\225_NONI_Vue_diff\347\256\227\346\263\225.md.a6b4292b.lean.js"
new file mode 100644
index 0000000..f984fba
--- /dev/null
+++ "b/assets/\351\235\242\350\257\225_NONI_Vue_diff\347\256\227\346\263\225.md.a6b4292b.lean.js"
@@ -0,0 +1 @@
+import{_ as a,c as l,b as s,t as o,d as n,a as p,o as e}from"./app.136603a1.js";const E=JSON.parse('{"title":"Vue的diff算法","description":"","frontmatter":{},"headers":[{"level":2,"title":"废话","slug":"废话","link":"#废话","children":[]},{"level":2,"title":"定义","slug":"定义","link":"#定义","children":[]},{"level":2,"title":"原理","slug":"原理","link":"#原理","children":[{"level":3,"title":"diff","slug":"diff","link":"#diff","children":[]},{"level":3,"title":"patchVnode","slug":"patchvnode","link":"#patchvnode","children":[]},{"level":3,"title":"updateChildren","slug":"updatechildren","link":"#updatechildren","children":[]}]}],"relativePath":"面试/NONI/Vue/diff算法.md"}'),t={name:"面试/NONI/Vue/diff算法.md"},c=s("h1",{id:"vue的diff算法",tabindex:"-1"},[n("Vue的diff算法 "),s("a",{class:"header-anchor",href:"#vue的diff算法","aria-hidden":"true"},"#")],-1),r=s("h2",{id:"废话",tabindex:"-1"},[n("废话 "),s("a",{class:"header-anchor",href:"#废话","aria-hidden":"true"},"#")],-1),y=s("p",null,"Vue是一款声明式框架，比起关注过程的命令式框架，在性能消耗上还需要考虑找出差异的消耗，因此声明式的性能消耗要更多一些，如果要减小性能的消耗，就要减小找出差异这块的消耗，这个时候就需要使用diff算法。",-1),F=p("",19);function D(A,i,d,C,f,V){return e(),l("div",null,[c,r,y,s("blockquote",null,[s("p",null,"关于Vue的声明式，比如说我们在template中的某个标签里使用了插值语法"+o()+"，在dara里定义了相关的数据，那么这个插值语法中的数据就会在视图中渲染出来，这个过程就是使用模板语法来声明式地将数据渲染到DOM上。",1)]),F])}const u=a(t,[["render",D]]);export{E as __pageData,u as default};
diff --git "a/assets/\351\235\242\350\257\225_NONI_Vue_v-if\345\222\214v-for\345\220\214\346\227\266\344\275\277\347\224\250\351\227\256\351\242\230.md.8e44b224.js" "b/assets/\351\235\242\350\257\225_NONI_Vue_v-if\345\222\214v-for\345\220\214\346\227\266\344\275\277\347\224\250\351\227\256\351\242\230.md.547fb25e.js"
similarity index 99%
rename from "assets/\351\235\242\350\257\225_NONI_Vue_v-if\345\222\214v-for\345\220\214\346\227\266\344\275\277\347\224\250\351\227\256\351\242\230.md.8e44b224.js"
rename to "assets/\351\235\242\350\257\225_NONI_Vue_v-if\345\222\214v-for\345\220\214\346\227\266\344\275\277\347\224\250\351\227\256\351\242\230.md.547fb25e.js"
index 80e7f95..2ffff52 100644
--- "a/assets/\351\235\242\350\257\225_NONI_Vue_v-if\345\222\214v-for\345\220\214\346\227\266\344\275\277\347\224\250\351\227\256\351\242\230.md.8e44b224.js"
+++ "b/assets/\351\235\242\350\257\225_NONI_Vue_v-if\345\222\214v-for\345\220\214\346\227\266\344\275\277\347\224\250\351\227\256\351\242\230.md.547fb25e.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as a,o as n,a as l}from"./app.e7d182be.js";const u=JSON.parse('{"title":"v-if和v-for同时使用问题","description":"","frontmatter":{},"headers":[{"level":2,"title":"实例","slug":"实例","link":"#实例","children":[]},{"level":2,"title":"不推荐使用原因","slug":"不推荐使用原因","link":"#不推荐使用原因","children":[]},{"level":2,"title":"替代方法","slug":"替代方法","link":"#替代方法","children":[{"level":3,"title":"方法一","slug":"方法一","link":"#方法一","children":[]},{"level":3,"title":"方法二","slug":"方法二","link":"#方法二","children":[]}]},{"level":2,"title":"总结","slug":"总结","link":"#总结","children":[]}],"relativePath":"面试/NONI/Vue/v-if和v-for同时使用问题.md"}'),o={name:"面试/NONI/Vue/v-if和v-for同时使用问题.md"},e=l(`
                                    v-if和v-for同时使用问题 
                                    在vue2的官方文档中提到了不推荐v-if和v-for同时使用，给出的解释是在两者中，v-for具有比v-if更高的优先级（vue2）。
                                    实例 
                                    html
                                    <ul>
+import{_ as s,c as a,o as n,a as l}from"./app.136603a1.js";const u=JSON.parse('{"title":"v-if和v-for同时使用问题","description":"","frontmatter":{},"headers":[{"level":2,"title":"实例","slug":"实例","link":"#实例","children":[]},{"level":2,"title":"不推荐使用原因","slug":"不推荐使用原因","link":"#不推荐使用原因","children":[]},{"level":2,"title":"替代方法","slug":"替代方法","link":"#替代方法","children":[{"level":3,"title":"方法一","slug":"方法一","link":"#方法一","children":[]},{"level":3,"title":"方法二","slug":"方法二","link":"#方法二","children":[]}]},{"level":2,"title":"总结","slug":"总结","link":"#总结","children":[]}],"relativePath":"面试/NONI/Vue/v-if和v-for同时使用问题.md"}'),o={name:"面试/NONI/Vue/v-if和v-for同时使用问题.md"},e=l(`
                                    v-if和v-for同时使用问题 
                                    在vue2的官方文档中提到了不推荐v-if和v-for同时使用，给出的解释是在两者中，v-for具有比v-if更高的优先级（vue2）。
                                    实例 
                                    html
                                    <ul>
  <li
   v-for="user in users"
   v-if="user.isActive"
diff --git "a/assets/\351\235\242\350\257\225_NONI_Vue_v-if\345\222\214v-for\345\220\214\346\227\266\344\275\277\347\224\250\351\227\256\351\242\230.md.8e44b224.lean.js" "b/assets/\351\235\242\350\257\225_NONI_Vue_v-if\345\222\214v-for\345\220\214\346\227\266\344\275\277\347\224\250\351\227\256\351\242\230.md.547fb25e.lean.js"
similarity index 93%
rename from "assets/\351\235\242\350\257\225_NONI_Vue_v-if\345\222\214v-for\345\220\214\346\227\266\344\275\277\347\224\250\351\227\256\351\242\230.md.8e44b224.lean.js"
rename to "assets/\351\235\242\350\257\225_NONI_Vue_v-if\345\222\214v-for\345\220\214\346\227\266\344\275\277\347\224\250\351\227\256\351\242\230.md.547fb25e.lean.js"
index 4481784..cce0bc3 100644
--- "a/assets/\351\235\242\350\257\225_NONI_Vue_v-if\345\222\214v-for\345\220\214\346\227\266\344\275\277\347\224\250\351\227\256\351\242\230.md.8e44b224.lean.js"
+++ "b/assets/\351\235\242\350\257\225_NONI_Vue_v-if\345\222\214v-for\345\220\214\346\227\266\344\275\277\347\224\250\351\227\256\351\242\230.md.547fb25e.lean.js"
@@ -1 +1 @@
-import{_ as s,c as a,o as n,a as l}from"./app.e7d182be.js";const u=JSON.parse('{"title":"v-if和v-for同时使用问题","description":"","frontmatter":{},"headers":[{"level":2,"title":"实例","slug":"实例","link":"#实例","children":[]},{"level":2,"title":"不推荐使用原因","slug":"不推荐使用原因","link":"#不推荐使用原因","children":[]},{"level":2,"title":"替代方法","slug":"替代方法","link":"#替代方法","children":[{"level":3,"title":"方法一","slug":"方法一","link":"#方法一","children":[]},{"level":3,"title":"方法二","slug":"方法二","link":"#方法二","children":[]}]},{"level":2,"title":"总结","slug":"总结","link":"#总结","children":[]}],"relativePath":"面试/NONI/Vue/v-if和v-for同时使用问题.md"}'),o={name:"面试/NONI/Vue/v-if和v-for同时使用问题.md"},e=l("",30),p=[e];function c(t,r,i,F,D,y){return n(),a("div",null,p)}const h=s(o,[["render",c]]);export{u as __pageData,h as default};
+import{_ as s,c as a,o as n,a as l}from"./app.136603a1.js";const u=JSON.parse('{"title":"v-if和v-for同时使用问题","description":"","frontmatter":{},"headers":[{"level":2,"title":"实例","slug":"实例","link":"#实例","children":[]},{"level":2,"title":"不推荐使用原因","slug":"不推荐使用原因","link":"#不推荐使用原因","children":[]},{"level":2,"title":"替代方法","slug":"替代方法","link":"#替代方法","children":[{"level":3,"title":"方法一","slug":"方法一","link":"#方法一","children":[]},{"level":3,"title":"方法二","slug":"方法二","link":"#方法二","children":[]}]},{"level":2,"title":"总结","slug":"总结","link":"#总结","children":[]}],"relativePath":"面试/NONI/Vue/v-if和v-for同时使用问题.md"}'),o={name:"面试/NONI/Vue/v-if和v-for同时使用问题.md"},e=l("",30),p=[e];function c(t,r,i,F,D,y){return n(),a("div",null,p)}const h=s(o,[["render",c]]);export{u as __pageData,h as default};
diff --git "a/assets/\351\235\242\350\257\225_NONI_Vue_vue2\343\200\2013\347\232\204\345\214\272\345\210\253.md.0b3e8496.js" "b/assets/\351\235\242\350\257\225_NONI_Vue_vue2\343\200\2013\347\232\204\345\214\272\345\210\253.md.0b3e8496.js"
new file mode 100644
index 0000000..c2651fa
--- /dev/null
+++ "b/assets/\351\235\242\350\257\225_NONI_Vue_vue2\343\200\2013\347\232\204\345\214\272\345\210\253.md.0b3e8496.js"
@@ -0,0 +1 @@
+import{_ as e,c as t,o as a}from"./app.136603a1.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"面试/NONI/Vue/vue2、3的区别.md"}'),r={name:"面试/NONI/Vue/vue2、3的区别.md"};function o(s,c,n,_,p,d){return a(),t("div")}const m=e(r,[["render",o]]);export{u as __pageData,m as default};
diff --git "a/assets/\351\235\242\350\257\225_NONI_Vue_vue2\343\200\2013\347\232\204\345\214\272\345\210\253.md.0b3e8496.lean.js" "b/assets/\351\235\242\350\257\225_NONI_Vue_vue2\343\200\2013\347\232\204\345\214\272\345\210\253.md.0b3e8496.lean.js"
new file mode 100644
index 0000000..c2651fa
--- /dev/null
+++ "b/assets/\351\235\242\350\257\225_NONI_Vue_vue2\343\200\2013\347\232\204\345\214\272\345\210\253.md.0b3e8496.lean.js"
@@ -0,0 +1 @@
+import{_ as e,c as t,o as a}from"./app.136603a1.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[],"relativePath":"面试/NONI/Vue/vue2、3的区别.md"}'),r={name:"面试/NONI/Vue/vue2、3的区别.md"};function o(s,c,n,_,p,d){return a(),t("div")}const m=e(r,[["render",o]]);export{u as __pageData,m as default};
diff --git "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_HTTP_HTTP\347\232\204\344\274\230\345\205\210\347\272\247.md.a3ebd34a.js" "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_HTTP_HTTP\347\232\204\344\274\230\345\205\210\347\272\247.md.721f87a2.js"
similarity index 97%
rename from "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_HTTP_HTTP\347\232\204\344\274\230\345\205\210\347\272\247.md.a3ebd34a.js"
rename to "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_HTTP_HTTP\347\232\204\344\274\230\345\205\210\347\272\247.md.721f87a2.js"
index 3730040..a8a39a4 100644
--- "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_HTTP_HTTP\347\232\204\344\274\230\345\205\210\347\272\247.md.a3ebd34a.js"
+++ "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_HTTP_HTTP\347\232\204\344\274\230\345\205\210\347\272\247.md.721f87a2.js"
@@ -1,2 +1,2 @@
-import{_ as e,c as a,o as t,a as r}from"./app.e7d182be.js";const x=JSON.parse('{"title":"强缓存","description":"","frontmatter":{},"headers":[{"level":2,"title":"Expires","slug":"expires","link":"#expires","children":[]},{"level":2,"title":"Cache-Control","slug":"cache-control","link":"#cache-control","children":[]},{"level":2,"title":"ETag","slug":"etag","link":"#etag","children":[]},{"level":2,"title":"对比HTTP1.x","slug":"对比http1-x","link":"#对比http1-x","children":[]}],"relativePath":"面试/前端/HTTP/HTTP的优先级.md"}'),l={name:"面试/前端/HTTP/HTTP的优先级.md"},i=r(`
                                    强缓存 
                                    Expires(HTTP/1.0)和Cache-Control(HTTP1.1)，其中Cache-Control优先级高于Expires 位于请求/响应头
                                    Expires 
                                    Expires: Wed, 22 Oct 2018 08:41:00 GMT
+import{_ as e,c as a,o as t,a as r}from"./app.136603a1.js";const x=JSON.parse('{"title":"强缓存","description":"","frontmatter":{},"headers":[{"level":2,"title":"Expires","slug":"expires","link":"#expires","children":[]},{"level":2,"title":"Cache-Control","slug":"cache-control","link":"#cache-control","children":[]},{"level":2,"title":"ETag","slug":"etag","link":"#etag","children":[]},{"level":2,"title":"对比HTTP1.x","slug":"对比http1-x","link":"#对比http1-x","children":[]}],"relativePath":"面试/前端/HTTP/HTTP的优先级.md"}'),l={name:"面试/前端/HTTP/HTTP的优先级.md"},i=r(`
                                    强缓存 
                                    Expires(HTTP/1.0)和Cache-Control(HTTP1.1)，其中Cache-Control优先级高于Expires 位于请求/响应头
                                    Expires 
                                    Expires: Wed, 22 Oct 2018 08:41:00 GMT
 
                                    由于Expires受制于客户端时间，修改客户端时间可能导致缓存失效
                                    Cache-Control 
                                    请求/响应头，缓存控制字段，精确控制缓存策略 这里涉及到的字段是max-age,Cache-Control还有其他字段
                                    协商缓存 
                                    1. 没有 Cache-Control 和 Expires
                                    2. Cache-Control 和 Expires 过期
                                    3. 设置了 no-cache
                                    如果有更新即更新缓存 200 没有缓存则更新浏览器缓存有效期 304
                                    ETag 
                                    对比HTTP1.x 
                                    使用HTTP/1.x，浏览器可以完全控制资源加载顺序。每个连接一次只能支持一个资源请求，服务器会尽快返回请求的内容。浏览器可以通过决定何时请求资源以及打开多少个并行连接来安排请求
                                    1.HTTP 协议老的标准是HTTP/1.0，为了提高系统的效率，HTTP 1.0规定浏览器与服务器只保持短暂的连接，浏览器的每次请求都需要与服务器建立一个TCP连接，服务器完成请求处理后立即断开TCP连接，服务器不跟踪每个客户也不记录过去的请求。即无状态，并且HTTP1的连接无法复用导致每一次请求都会经历三次握手和四次挥手
                                    `,15),s=[i];function n(c,o,h,p,d,T){return t(),a("div",null,s)}const C=e(l,[["render",n]]);export{x as __pageData,C as default};
diff --git "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_HTTP_HTTP\347\232\204\344\274\230\345\205\210\347\272\247.md.a3ebd34a.lean.js" "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_HTTP_HTTP\347\232\204\344\274\230\345\205\210\347\272\247.md.721f87a2.lean.js"
similarity index 91%
rename from "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_HTTP_HTTP\347\232\204\344\274\230\345\205\210\347\272\247.md.a3ebd34a.lean.js"
rename to "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_HTTP_HTTP\347\232\204\344\274\230\345\205\210\347\272\247.md.721f87a2.lean.js"
index f1165ca..d718934 100644
--- "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_HTTP_HTTP\347\232\204\344\274\230\345\205\210\347\272\247.md.a3ebd34a.lean.js"
+++ "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_HTTP_HTTP\347\232\204\344\274\230\345\205\210\347\272\247.md.721f87a2.lean.js"
@@ -1 +1 @@
-import{_ as e,c as a,o as t,a as r}from"./app.e7d182be.js";const x=JSON.parse('{"title":"强缓存","description":"","frontmatter":{},"headers":[{"level":2,"title":"Expires","slug":"expires","link":"#expires","children":[]},{"level":2,"title":"Cache-Control","slug":"cache-control","link":"#cache-control","children":[]},{"level":2,"title":"ETag","slug":"etag","link":"#etag","children":[]},{"level":2,"title":"对比HTTP1.x","slug":"对比http1-x","link":"#对比http1-x","children":[]}],"relativePath":"面试/前端/HTTP/HTTP的优先级.md"}'),l={name:"面试/前端/HTTP/HTTP的优先级.md"},i=r("",15),s=[i];function n(c,o,h,p,d,T){return t(),a("div",null,s)}const C=e(l,[["render",n]]);export{x as __pageData,C as default};
+import{_ as e,c as a,o as t,a as r}from"./app.136603a1.js";const x=JSON.parse('{"title":"强缓存","description":"","frontmatter":{},"headers":[{"level":2,"title":"Expires","slug":"expires","link":"#expires","children":[]},{"level":2,"title":"Cache-Control","slug":"cache-control","link":"#cache-control","children":[]},{"level":2,"title":"ETag","slug":"etag","link":"#etag","children":[]},{"level":2,"title":"对比HTTP1.x","slug":"对比http1-x","link":"#对比http1-x","children":[]}],"relativePath":"面试/前端/HTTP/HTTP的优先级.md"}'),l={name:"面试/前端/HTTP/HTTP的优先级.md"},i=r("",15),s=[i];function n(c,o,h,p,d,T){return t(),a("div",null,s)}const C=e(l,[["render",n]]);export{x as __pageData,C as default};
diff --git "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_flexandgrid.md.25a3110d.js" "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_flexandgrid.md.ff6f5ee5.js"
similarity index 99%
rename from "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_flexandgrid.md.25a3110d.js"
rename to "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_flexandgrid.md.ff6f5ee5.js"
index 9c4794a..7d8beb0 100644
--- "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_flexandgrid.md.25a3110d.js"
+++ "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_flexandgrid.md.ff6f5ee5.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as a,o as n,a as l}from"./app.e7d182be.js";const F=JSON.parse('{"title":"flex","description":"","frontmatter":{},"headers":[{"level":2,"title":"设置子容器沿主轴排列：justify-content","slug":"设置子容器沿主轴排列-justify-content","link":"#设置子容器沿主轴排列-justify-content","children":[]},{"level":2,"title":"设置子容器如何沿交叉轴排列：align-items","slug":"设置子容器如何沿交叉轴排列-align-items","link":"#设置子容器如何沿交叉轴排列-align-items","children":[]},{"level":2,"title":"flex-grow属性 flex-shrink","slug":"flex-grow属性-flex-shrink","link":"#flex-grow属性-flex-shrink","children":[]}],"relativePath":"面试/前端/flexandgrid.md"}'),p={name:"面试/前端/flexandgrid.md"},e=l(`
                                    flex 
                                    Webkit 内核的浏览器，必须加上-webkit前缀。
+import{_ as s,c as a,o as n,a as l}from"./app.136603a1.js";const F=JSON.parse('{"title":"flex","description":"","frontmatter":{},"headers":[{"level":2,"title":"设置子容器沿主轴排列：justify-content","slug":"设置子容器沿主轴排列-justify-content","link":"#设置子容器沿主轴排列-justify-content","children":[]},{"level":2,"title":"设置子容器如何沿交叉轴排列：align-items","slug":"设置子容器如何沿交叉轴排列-align-items","link":"#设置子容器如何沿交叉轴排列-align-items","children":[]},{"level":2,"title":"flex-grow属性 flex-shrink","slug":"flex-grow属性-flex-shrink","link":"#flex-grow属性-flex-shrink","children":[]}],"relativePath":"面试/前端/flexandgrid.md"}'),p={name:"面试/前端/flexandgrid.md"},e=l(`
                                    flex 
                                    Webkit 内核的浏览器，必须加上-webkit前缀。
 
                                    TIP
                                    flex 的核心的概念就是 容器 和 轴。容器包括外层的 父容器 和内层的 子容器，轴包括 主轴 和 交叉轴
                                    设置子容器沿主轴排列：justify-content 
                                    css
                                    flex-start：起始端对齐
 flex-end：末尾段对齐
 center：居中对齐
diff --git "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_flexandgrid.md.25a3110d.lean.js" "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_flexandgrid.md.ff6f5ee5.lean.js"
similarity index 92%
rename from "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_flexandgrid.md.25a3110d.lean.js"
rename to "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_flexandgrid.md.ff6f5ee5.lean.js"
index 9d639ea..9908c81 100644
--- "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_flexandgrid.md.25a3110d.lean.js"
+++ "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_flexandgrid.md.ff6f5ee5.lean.js"
@@ -1 +1 @@
-import{_ as s,c as a,o as n,a as l}from"./app.e7d182be.js";const F=JSON.parse('{"title":"flex","description":"","frontmatter":{},"headers":[{"level":2,"title":"设置子容器沿主轴排列：justify-content","slug":"设置子容器沿主轴排列-justify-content","link":"#设置子容器沿主轴排列-justify-content","children":[]},{"level":2,"title":"设置子容器如何沿交叉轴排列：align-items","slug":"设置子容器如何沿交叉轴排列-align-items","link":"#设置子容器如何沿交叉轴排列-align-items","children":[]},{"level":2,"title":"flex-grow属性 flex-shrink","slug":"flex-grow属性-flex-shrink","link":"#flex-grow属性-flex-shrink","children":[]}],"relativePath":"面试/前端/flexandgrid.md"}'),p={name:"面试/前端/flexandgrid.md"},e=l("",21),o=[e];function t(c,r,i,C,y,D){return n(),a("div",null,o)}const A=s(p,[["render",t]]);export{F as __pageData,A as default};
+import{_ as s,c as a,o as n,a as l}from"./app.136603a1.js";const F=JSON.parse('{"title":"flex","description":"","frontmatter":{},"headers":[{"level":2,"title":"设置子容器沿主轴排列：justify-content","slug":"设置子容器沿主轴排列-justify-content","link":"#设置子容器沿主轴排列-justify-content","children":[]},{"level":2,"title":"设置子容器如何沿交叉轴排列：align-items","slug":"设置子容器如何沿交叉轴排列-align-items","link":"#设置子容器如何沿交叉轴排列-align-items","children":[]},{"level":2,"title":"flex-grow属性 flex-shrink","slug":"flex-grow属性-flex-shrink","link":"#flex-grow属性-flex-shrink","children":[]}],"relativePath":"面试/前端/flexandgrid.md"}'),p={name:"面试/前端/flexandgrid.md"},e=l("",21),o=[e];function t(c,r,i,C,y,D){return n(),a("div",null,o)}const A=s(p,[["render",t]]);export{F as __pageData,A as default};
diff --git "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_url\345\210\260\351\241\265\351\235\242_\346\200\273\347\253\240.md.91332a01.js" "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_url\345\210\260\351\241\265\351\235\242_\346\200\273\347\253\240.md.08cfa1b5.js"
similarity index 95%
rename from "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_url\345\210\260\351\241\265\351\235\242_\346\200\273\347\253\240.md.91332a01.js"
rename to "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_url\345\210\260\351\241\265\351\235\242_\346\200\273\347\253\240.md.08cfa1b5.js"
index 9894649..2ee54f3 100644
--- "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_url\345\210\260\351\241\265\351\235\242_\346\200\273\347\253\240.md.91332a01.js"
+++ "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_url\345\210\260\351\241\265\351\235\242_\346\200\273\347\253\240.md.08cfa1b5.js"
@@ -1 +1 @@
-import{_ as e,c as a,o as r,a as t}from"./app.e7d182be.js";const f=JSON.parse('{"title":"URL面试题目","description":"","frontmatter":{},"headers":[{"level":2,"title":"DNS域名解析","slug":"dns域名解析","link":"#dns域名解析","children":[]}],"relativePath":"面试/前端/url到页面/总章.md"}'),n={name:"面试/前端/url到页面/总章.md"},s=t('
                                    URL面试题目 
                                    面试中有一个高频的面试题就是当输入URL时会发生什么，越详细越好，ok,接下来我们一起来看看
                                    DNS域名解析 
                                    在浏览器输入网址后，首先要经过域名解析，因为浏览器并不能直接通过域名(www.baidu.com)找到对应的服务器，而是要通过 IP 地址(220.114.23.56)
                                    1.1 DNS域名解析
                                    按照顺序为浏览器缓存，系统缓存，路由器缓存，IPS服务器缓存，根域名服务器缓存，顶级域名服务器缓存，主域名服务器缓存
                                    ',6),_=[s];function d(o,c,i,l,h,p){return r(),a("div",null,_)}const m=e(n,[["render",d]]);export{f as __pageData,m as default};
+import{_ as e,c as a,o as r,a as t}from"./app.136603a1.js";const f=JSON.parse('{"title":"URL面试题目","description":"","frontmatter":{},"headers":[{"level":2,"title":"DNS域名解析","slug":"dns域名解析","link":"#dns域名解析","children":[]}],"relativePath":"面试/前端/url到页面/总章.md"}'),n={name:"面试/前端/url到页面/总章.md"},s=t('
                                    URL面试题目 
                                    面试中有一个高频的面试题就是当输入URL时会发生什么，越详细越好，ok,接下来我们一起来看看
                                    DNS域名解析 
                                    在浏览器输入网址后，首先要经过域名解析，因为浏览器并不能直接通过域名(www.baidu.com)找到对应的服务器，而是要通过 IP 地址(220.114.23.56)
                                    1.1 DNS域名解析
                                    按照顺序为浏览器缓存，系统缓存，路由器缓存，IPS服务器缓存，根域名服务器缓存，顶级域名服务器缓存，主域名服务器缓存
                                    ',6),_=[s];function d(o,c,i,l,h,p){return r(),a("div",null,_)}const m=e(n,[["render",d]]);export{f as __pageData,m as default};
diff --git "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_url\345\210\260\351\241\265\351\235\242_\346\200\273\347\253\240.md.91332a01.lean.js" "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_url\345\210\260\351\241\265\351\235\242_\346\200\273\347\253\240.md.08cfa1b5.lean.js"
similarity index 87%
rename from "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_url\345\210\260\351\241\265\351\235\242_\346\200\273\347\253\240.md.91332a01.lean.js"
rename to "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_url\345\210\260\351\241\265\351\235\242_\346\200\273\347\253\240.md.08cfa1b5.lean.js"
index cda2d73..5a814a1 100644
--- "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_url\345\210\260\351\241\265\351\235\242_\346\200\273\347\253\240.md.91332a01.lean.js"
+++ "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_url\345\210\260\351\241\265\351\235\242_\346\200\273\347\253\240.md.08cfa1b5.lean.js"
@@ -1 +1 @@
-import{_ as e,c as a,o as r,a as t}from"./app.e7d182be.js";const f=JSON.parse('{"title":"URL面试题目","description":"","frontmatter":{},"headers":[{"level":2,"title":"DNS域名解析","slug":"dns域名解析","link":"#dns域名解析","children":[]}],"relativePath":"面试/前端/url到页面/总章.md"}'),n={name:"面试/前端/url到页面/总章.md"},s=t("",6),_=[s];function d(o,c,i,l,h,p){return r(),a("div",null,_)}const m=e(n,[["render",d]]);export{f as __pageData,m as default};
+import{_ as e,c as a,o as r,a as t}from"./app.136603a1.js";const f=JSON.parse('{"title":"URL面试题目","description":"","frontmatter":{},"headers":[{"level":2,"title":"DNS域名解析","slug":"dns域名解析","link":"#dns域名解析","children":[]}],"relativePath":"面试/前端/url到页面/总章.md"}'),n={name:"面试/前端/url到页面/总章.md"},s=t("",6),_=[s];function d(o,c,i,l,h,p){return r(),a("div",null,_)}const m=e(n,[["render",d]]);export{f as __pageData,m as default};
diff --git "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\344\272\213\344\273\266_\344\272\213\344\273\266\345\276\252\347\216\257.md.74f35ced.js" "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\344\272\213\344\273\266_\344\272\213\344\273\266\345\276\252\347\216\257.md.af84463b.js"
similarity index 98%
rename from "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\344\272\213\344\273\266_\344\272\213\344\273\266\345\276\252\347\216\257.md.74f35ced.js"
rename to "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\344\272\213\344\273\266_\344\272\213\344\273\266\345\276\252\347\216\257.md.af84463b.js"
index 04427a0..09a541a 100644
--- "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\344\272\213\344\273\266_\344\272\213\344\273\266\345\276\252\347\216\257.md.74f35ced.js"
+++ "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\344\272\213\344\273\266_\344\272\213\344\273\266\345\276\252\347\216\257.md.af84463b.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as n,o as a,a as o}from"./app.e7d182be.js";const i=JSON.parse('{"title":"EventLoop","description":"","frontmatter":{},"headers":[],"relativePath":"面试/前端/事件/事件循环.md"}'),l={name:"面试/前端/事件/事件循环.md"},p=o(`
                                    EventLoop 
                                    宏任务（MacroTask）:
                                    setTimeout、setInterval、setImmediate（浏览器暂时不支持，只有IE10支持，具体可见MDN）、I/O、UI Rendering。
                                    MicroTask（微任务）
                                    Process.nextTick（Node独有）、Promise、Object.observe(废弃)、MutationObserver（具体使用方式查看这里）
                                    Javascript 有一个 main thread 主线程和 call-stack 调用栈(执行栈)，所有的任务都会被放到调用栈等待主线程执行
                                    js
                                    const promise = new Promise((resolve, reject) => {
+import{_ as s,c as n,o as a,a as o}from"./app.136603a1.js";const i=JSON.parse('{"title":"EventLoop","description":"","frontmatter":{},"headers":[],"relativePath":"面试/前端/事件/事件循环.md"}'),l={name:"面试/前端/事件/事件循环.md"},p=o(`
                                    EventLoop 
                                    宏任务（MacroTask）:
                                    setTimeout、setInterval、setImmediate（浏览器暂时不支持，只有IE10支持，具体可见MDN）、I/O、UI Rendering。
                                    MicroTask（微任务）
                                    Process.nextTick（Node独有）、Promise、Object.observe(废弃)、MutationObserver（具体使用方式查看这里）
                                    Javascript 有一个 main thread 主线程和 call-stack 调用栈(执行栈)，所有的任务都会被放到调用栈等待主线程执行
                                    js
                                    const promise = new Promise((resolve, reject) => {
   console.log(1);
   setTimeout(() => {
     console.log(2);
diff --git "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\344\272\213\344\273\266_\344\272\213\344\273\266\345\276\252\347\216\257.md.74f35ced.lean.js" "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\344\272\213\344\273\266_\344\272\213\344\273\266\345\276\252\347\216\257.md.af84463b.lean.js"
similarity index 83%
rename from "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\344\272\213\344\273\266_\344\272\213\344\273\266\345\276\252\347\216\257.md.74f35ced.lean.js"
rename to "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\344\272\213\344\273\266_\344\272\213\344\273\266\345\276\252\347\216\257.md.af84463b.lean.js"
index 45d7652..3c80562 100644
--- "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\344\272\213\344\273\266_\344\272\213\344\273\266\345\276\252\347\216\257.md.74f35ced.lean.js"
+++ "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\344\272\213\344\273\266_\344\272\213\344\273\266\345\276\252\347\216\257.md.af84463b.lean.js"
@@ -1 +1 @@
-import{_ as s,c as n,o as a,a as o}from"./app.e7d182be.js";const i=JSON.parse('{"title":"EventLoop","description":"","frontmatter":{},"headers":[],"relativePath":"面试/前端/事件/事件循环.md"}'),l={name:"面试/前端/事件/事件循环.md"},p=o("",7),e=[p];function t(c,r,F,y,D,A){return a(),n("div",null,e)}const _=s(l,[["render",t]]);export{i as __pageData,_ as default};
+import{_ as s,c as n,o as a,a as o}from"./app.136603a1.js";const i=JSON.parse('{"title":"EventLoop","description":"","frontmatter":{},"headers":[],"relativePath":"面试/前端/事件/事件循环.md"}'),l={name:"面试/前端/事件/事件循环.md"},p=o("",7),e=[p];function t(c,r,F,y,D,A){return a(),n("div",null,e)}const _=s(l,[["render",t]]);export{i as __pageData,_ as default};
diff --git "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\344\272\213\344\273\266_\344\272\213\344\273\266\346\234\272\345\210\266.md.d6e13daf.js" "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\344\272\213\344\273\266_\344\272\213\344\273\266\346\234\272\345\210\266.md.2e991867.js"
similarity index 98%
rename from "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\344\272\213\344\273\266_\344\272\213\344\273\266\346\234\272\345\210\266.md.d6e13daf.js"
rename to "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\344\272\213\344\273\266_\344\272\213\344\273\266\346\234\272\345\210\266.md.2e991867.js"
index 7b9cf6e..76cb09e 100644
--- "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\344\272\213\344\273\266_\344\272\213\344\273\266\346\234\272\345\210\266.md.d6e13daf.js"
+++ "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\344\272\213\344\273\266_\344\272\213\344\273\266\346\234\272\345\210\266.md.2e991867.js"
@@ -1,4 +1,4 @@
-import{_ as s,c as a,o as n,a as l}from"./app.e7d182be.js";const C=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"事件代理和事件委托","slug":"事件代理和事件委托","link":"#事件代理和事件委托","children":[]}],"relativePath":"面试/前端/事件/事件机制.md"}'),p={name:"面试/前端/事件/事件机制.md"},o=l(`
                                    事件捕获阶段 处于目标阶段 事件冒泡阶段
                                    TIP
                                    JS代码只能执行捕获或者冒泡其中的一个阶段 onclick 和 attachEvent 只能得到冒泡阶段 addEventListener (type, listener[, useCapture]) 第三个参数如果是true，表示在事件捕获阶段调用事件处理程序；如果是false（不写默认就是false），表示在事件冒泡阶段电泳事件处理程序。 在实际开发中，我们很少使用事件捕获(低版本ie不兼容)，我们更关注事件冒泡 有些事件是没有冒泡的，比如onblur、onfocus、onmouseover、onmouseleave
                                    this返回的是绑定事件的DOM元素，e.target返回的是触发事件的对象
                                    事件代理和事件委托 
                                    冒泡阶段 this是可以变化的，但event.target不会变化
                                    target 属性指向的是事件目标，而 currentTarget 属性指向的是正在处理当前事件的对象，它总是指向事件绑定的元素。而 target 指向的可能不是定义时的事件目标。
                                    html
                                        <div id="HUAIGU">
+import{_ as s,c as a,o as n,a as l}from"./app.136603a1.js";const C=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"事件代理和事件委托","slug":"事件代理和事件委托","link":"#事件代理和事件委托","children":[]}],"relativePath":"面试/前端/事件/事件机制.md"}'),p={name:"面试/前端/事件/事件机制.md"},o=l(`
                                    事件捕获阶段 处于目标阶段 事件冒泡阶段
                                    TIP
                                    JS代码只能执行捕获或者冒泡其中的一个阶段 onclick 和 attachEvent 只能得到冒泡阶段 addEventListener (type, listener[, useCapture]) 第三个参数如果是true，表示在事件捕获阶段调用事件处理程序；如果是false（不写默认就是false），表示在事件冒泡阶段电泳事件处理程序。 在实际开发中，我们很少使用事件捕获(低版本ie不兼容)，我们更关注事件冒泡 有些事件是没有冒泡的，比如onblur、onfocus、onmouseover、onmouseleave
                                    this返回的是绑定事件的DOM元素，e.target返回的是触发事件的对象
                                    事件代理和事件委托 
                                    冒泡阶段 this是可以变化的，但event.target不会变化
                                    target 属性指向的是事件目标，而 currentTarget 属性指向的是正在处理当前事件的对象，它总是指向事件绑定的元素。而 target 指向的可能不是定义时的事件目标。
                                    html
                                        <div id="HUAIGU">
         <div>
             dom1
         </div>
diff --git "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\344\272\213\344\273\266_\344\272\213\344\273\266\346\234\272\345\210\266.md.d6e13daf.lean.js" "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\344\272\213\344\273\266_\344\272\213\344\273\266\346\234\272\345\210\266.md.2e991867.lean.js"
similarity index 87%
rename from "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\344\272\213\344\273\266_\344\272\213\344\273\266\346\234\272\345\210\266.md.d6e13daf.lean.js"
rename to "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\344\272\213\344\273\266_\344\272\213\344\273\266\346\234\272\345\210\266.md.2e991867.lean.js"
index 94082d8..cc2f217 100644
--- "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\344\272\213\344\273\266_\344\272\213\344\273\266\346\234\272\345\210\266.md.d6e13daf.lean.js"
+++ "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\344\272\213\344\273\266_\344\272\213\344\273\266\346\234\272\345\210\266.md.2e991867.lean.js"
@@ -1 +1 @@
-import{_ as s,c as a,o as n,a as l}from"./app.e7d182be.js";const C=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"事件代理和事件委托","slug":"事件代理和事件委托","link":"#事件代理和事件委托","children":[]}],"relativePath":"面试/前端/事件/事件机制.md"}'),p={name:"面试/前端/事件/事件机制.md"},o=l("",8),t=[o];function e(c,r,D,F,y,i){return n(),a("div",null,t)}const d=s(p,[["render",e]]);export{C as __pageData,d as default};
+import{_ as s,c as a,o as n,a as l}from"./app.136603a1.js";const C=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":3,"title":"事件代理和事件委托","slug":"事件代理和事件委托","link":"#事件代理和事件委托","children":[]}],"relativePath":"面试/前端/事件/事件机制.md"}'),p={name:"面试/前端/事件/事件机制.md"},o=l("",8),t=[o];function e(c,r,D,F,y,i){return n(),a("div",null,t)}const d=s(p,[["render",e]]);export{C as __pageData,d as default};
diff --git "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\345\256\242\346\210\267\347\253\257\345\255\230\345\202\250.md.be88b5aa.js" "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\345\256\242\346\210\267\347\253\257\345\255\230\345\202\250.md.e69be85f.js"
similarity index 98%
rename from "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\345\256\242\346\210\267\347\253\257\345\255\230\345\202\250.md.be88b5aa.js"
rename to "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\345\256\242\346\210\267\347\253\257\345\255\230\345\202\250.md.e69be85f.js"
index 4144f00..5b5f638 100644
--- "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\345\256\242\346\210\267\347\253\257\345\255\230\345\202\250.md.be88b5aa.js"
+++ "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\345\256\242\346\210\267\347\253\257\345\255\230\345\202\250.md.e69be85f.js"
@@ -1 +1 @@
-import{_ as e,c as o,o as s,a as i}from"./app.e7d182be.js";const g=JSON.parse('{"title":"cookie 大小(4KB)","description":"","frontmatter":{},"headers":[{"level":2,"title":"cookie 数量","slug":"cookie-数量","link":"#cookie-数量","children":[]},{"level":2,"title":"cookie 设置","slug":"cookie-设置","link":"#cookie-设置","children":[]},{"level":2,"title":"localstorage and SessionStorage(5101KB)","slug":"localstorage-and-sessionstorage-5101kb","link":"#localstorage-and-sessionstorage-5101kb","children":[]}],"relativePath":"面试/前端/客户端存储.md"}'),a={name:"面试/前端/客户端存储.md"},t=i('
                                    cookie 大小(4KB) 
                                    当服务器收到 HTTP 请求时，服务器可以在响应头里设置一个 Set-cookie 选项，浏览器接收到响应后会自动保存下 Cookie，之后浏览器对该服务器的每一次请求中都会通过请求头把 Cookie 信息发送给服务器。通过以下 node 版本代码案例（通过 req.cookie 设置 cookie,而不是设置请求头的 Set-cookie字段）当请求了 '/' 路径 Cookie 就会保存如下图信息。后面请求其他 path （如：/login）时在以下代码中都能通过 'req.headers.cookie' 打印出请求携带的 Cookie 信息（即为浏览器保存的 Cookie）。
                                    Cookie是保存在客户端磁盘上的，所以不宜占据太多磁盘空间。同时，Cookie是绑定在特定域名上的。当设定了一个Cookie之后，再给创建它的域名发一个请求时，还会包含该Cookie。所以对Cookie的限制是对每个域来说的。但各个浏览器也有不同： IE6及以下每个域名最多包含20个Cookie； IE7及以上每个域名最多50个Cookie； Firefox每个域名最多50个Cookie； Opera下每个域名最多30个Cookie； Sarafi和Chrome对每个域的Cookie数目没有严格限制。
                                    1.过期时间设置（Expires 字段） 2.设置域（domain），指定 cookie 在哪个域下可以被接受 3.设置路径（path），指定 cookie 在当前主机下哪些路径可以接受 Cookie 4.设置不能通过 javascript 访问 Cookie。（HttpOnly字段） 5.设置一段时间过期。（Max-Age） 6.设置 secure 字段 7.设置 someSite ，它有三个可选值 None、strict、Lax
                                    session 
                                    session是一种服务度机制，类似散列表结构来存储用户数据 浏览器第一次向客户端发送请求时，服务器会自动生成一个session和sessionid sessionid唯一标识这个session 服务器响应时把sessionid发送给浏览器 浏览器第二次向服务器发送请求时就会携带这个sessionid 服务器通过这个id找到对应的session获取用户数据
                                    TIP
                                    session保存在服务器，cookie保存在客户端 session中保存的时对象，cookie保存的是字符串 session不能区分路径，同一个用户访问一个网站期间，所有的session在任何一个地方都可以访问 cookie如果设置路径，则在某些地方不能访问 session需要借助cookie才能正常工作，如果禁用cookie,session则失效 客户端会在发送请求的时候，自动将本地存活的cookie封装在信息头发送给服务器
                                    localstorage and SessionStorage(5101KB) 
                                    失效时间 sessionStorage的失效时间为当前会话是否被关闭, 如果当前会话中存储有key和value,会话关闭数据则消失,所以我们可以得到结论,sessionStorage的失效取决于会话 localStorage的失效时间为用户手动删除,相比sessionStorage的
                                    ',11),c=[t];function n(r,k,d,l,h,p){return s(),o("div",null,c)}const C=e(a,[["render",n]]);export{g as __pageData,C as default};
+import{_ as e,c as o,o as s,a as i}from"./app.136603a1.js";const g=JSON.parse('{"title":"cookie 大小(4KB)","description":"","frontmatter":{},"headers":[{"level":2,"title":"cookie 数量","slug":"cookie-数量","link":"#cookie-数量","children":[]},{"level":2,"title":"cookie 设置","slug":"cookie-设置","link":"#cookie-设置","children":[]},{"level":2,"title":"localstorage and SessionStorage(5101KB)","slug":"localstorage-and-sessionstorage-5101kb","link":"#localstorage-and-sessionstorage-5101kb","children":[]}],"relativePath":"面试/前端/客户端存储.md"}'),a={name:"面试/前端/客户端存储.md"},t=i('
                                    cookie 大小(4KB) 
                                    当服务器收到 HTTP 请求时，服务器可以在响应头里设置一个 Set-cookie 选项，浏览器接收到响应后会自动保存下 Cookie，之后浏览器对该服务器的每一次请求中都会通过请求头把 Cookie 信息发送给服务器。通过以下 node 版本代码案例（通过 req.cookie 设置 cookie,而不是设置请求头的 Set-cookie字段）当请求了 '/' 路径 Cookie 就会保存如下图信息。后面请求其他 path （如：/login）时在以下代码中都能通过 'req.headers.cookie' 打印出请求携带的 Cookie 信息（即为浏览器保存的 Cookie）。
                                    Cookie是保存在客户端磁盘上的，所以不宜占据太多磁盘空间。同时，Cookie是绑定在特定域名上的。当设定了一个Cookie之后，再给创建它的域名发一个请求时，还会包含该Cookie。所以对Cookie的限制是对每个域来说的。但各个浏览器也有不同： IE6及以下每个域名最多包含20个Cookie； IE7及以上每个域名最多50个Cookie； Firefox每个域名最多50个Cookie； Opera下每个域名最多30个Cookie； Sarafi和Chrome对每个域的Cookie数目没有严格限制。
                                    1.过期时间设置（Expires 字段） 2.设置域（domain），指定 cookie 在哪个域下可以被接受 3.设置路径（path），指定 cookie 在当前主机下哪些路径可以接受 Cookie 4.设置不能通过 javascript 访问 Cookie。（HttpOnly字段） 5.设置一段时间过期。（Max-Age） 6.设置 secure 字段 7.设置 someSite ，它有三个可选值 None、strict、Lax
                                    session 
                                    session是一种服务度机制，类似散列表结构来存储用户数据 浏览器第一次向客户端发送请求时，服务器会自动生成一个session和sessionid sessionid唯一标识这个session 服务器响应时把sessionid发送给浏览器 浏览器第二次向服务器发送请求时就会携带这个sessionid 服务器通过这个id找到对应的session获取用户数据
                                    TIP
                                    session保存在服务器，cookie保存在客户端 session中保存的时对象，cookie保存的是字符串 session不能区分路径，同一个用户访问一个网站期间，所有的session在任何一个地方都可以访问 cookie如果设置路径，则在某些地方不能访问 session需要借助cookie才能正常工作，如果禁用cookie,session则失效 客户端会在发送请求的时候，自动将本地存活的cookie封装在信息头发送给服务器
                                    localstorage and SessionStorage(5101KB) 
                                    失效时间 sessionStorage的失效时间为当前会话是否被关闭, 如果当前会话中存储有key和value,会话关闭数据则消失,所以我们可以得到结论,sessionStorage的失效取决于会话 localStorage的失效时间为用户手动删除,相比sessionStorage的
                                    ',11),c=[t];function n(r,k,d,l,h,p){return s(),o("div",null,c)}const C=e(a,[["render",n]]);export{g as __pageData,C as default};
diff --git "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\345\256\242\346\210\267\347\253\257\345\255\230\345\202\250.md.be88b5aa.lean.js" "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\345\256\242\346\210\267\347\253\257\345\255\230\345\202\250.md.e69be85f.lean.js"
similarity index 91%
rename from "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\345\256\242\346\210\267\347\253\257\345\255\230\345\202\250.md.be88b5aa.lean.js"
rename to "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\345\256\242\346\210\267\347\253\257\345\255\230\345\202\250.md.e69be85f.lean.js"
index 09ecb42..fca4a79 100644
--- "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\345\256\242\346\210\267\347\253\257\345\255\230\345\202\250.md.be88b5aa.lean.js"
+++ "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\345\256\242\346\210\267\347\253\257\345\255\230\345\202\250.md.e69be85f.lean.js"
@@ -1 +1 @@
-import{_ as e,c as o,o as s,a as i}from"./app.e7d182be.js";const g=JSON.parse('{"title":"cookie 大小(4KB)","description":"","frontmatter":{},"headers":[{"level":2,"title":"cookie 数量","slug":"cookie-数量","link":"#cookie-数量","children":[]},{"level":2,"title":"cookie 设置","slug":"cookie-设置","link":"#cookie-设置","children":[]},{"level":2,"title":"localstorage and SessionStorage(5101KB)","slug":"localstorage-and-sessionstorage-5101kb","link":"#localstorage-and-sessionstorage-5101kb","children":[]}],"relativePath":"面试/前端/客户端存储.md"}'),a={name:"面试/前端/客户端存储.md"},t=i("",11),c=[t];function n(r,k,d,l,h,p){return s(),o("div",null,c)}const C=e(a,[["render",n]]);export{g as __pageData,C as default};
+import{_ as e,c as o,o as s,a as i}from"./app.136603a1.js";const g=JSON.parse('{"title":"cookie 大小(4KB)","description":"","frontmatter":{},"headers":[{"level":2,"title":"cookie 数量","slug":"cookie-数量","link":"#cookie-数量","children":[]},{"level":2,"title":"cookie 设置","slug":"cookie-设置","link":"#cookie-设置","children":[]},{"level":2,"title":"localstorage and SessionStorage(5101KB)","slug":"localstorage-and-sessionstorage-5101kb","link":"#localstorage-and-sessionstorage-5101kb","children":[]}],"relativePath":"面试/前端/客户端存储.md"}'),a={name:"面试/前端/客户端存储.md"},t=i("",11),c=[t];function n(r,k,d,l,h,p){return s(),o("div",null,c)}const C=e(a,[["render",n]]);export{g as __pageData,C as default};
diff --git "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\350\267\250\345\237\237.md.50822428.js" "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\350\267\250\345\237\237.md.60c0d367.js"
similarity index 97%
rename from "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\350\267\250\345\237\237.md.50822428.js"
rename to "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\350\267\250\345\237\237.md.60c0d367.js"
index 4580dc6..375f67e 100644
--- "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\350\267\250\345\237\237.md.50822428.js"
+++ "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\350\267\250\345\237\237.md.60c0d367.js"
@@ -1 +1 @@
-import{_ as e,c as r,o as s,a as i}from"./app.e7d182be.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"跨域","slug":"跨域","link":"#跨域","children":[]},{"level":2,"title":"jsonp","slug":"jsonp","link":"#jsonp","children":[]},{"level":2,"title":"CORS（Cross-Origin Resource Sharing）,跨域资源共享","slug":"cors-cross-origin-resource-sharing-跨域资源共享","link":"#cors-cross-origin-resource-sharing-跨域资源共享","children":[]},{"level":2,"title":"代理跨域请求(Nginx)","slug":"代理跨域请求-nginx","link":"#代理跨域请求-nginx","children":[]},{"level":2,"title":"基于websocket","slug":"基于websocket","link":"#基于websocket","children":[]}],"relativePath":"面试/前端/跨域.md"}'),n={name:"面试/前端/跨域.md"},o=i('
                                    跨域 
                                    跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的
                                    解决方案如下
                                    jsonp 
                                    利用了 script 不受同源策略的限制
                                    缺点：只能 get 方式，易受到 XSS攻击
                                    CORS（Cross-Origin Resource Sharing）,跨域资源共享 
                                    当使用XMLHttpRequest发送请求时，如果浏览器发现违反了同源策略就会自动加上一个请求头 origin；
                                    后端在接受到请求后确定响应后会在 Response Headers 中加入一个属性 Access-Control-Allow-Origin；
                                    浏览器判断响应中的 Access-Control-Allow-Origin 值是否和当前的地址相同，匹配成功后才继续响应处理，否则报错
                                    缺点：忽略 cookie，浏览器版本有一定要求
                                    代理跨域请求(Nginx) 
                                    前端向发送请求，经过代理，请求需要的服务器资源
                                    缺点：需要额外的代理服务器
                                    基于websocket 
                                    websocket 是 Html5 一种新的协议，基于该协议可以做到浏览器与服务器全双工通信，允许跨域请求
                                    缺点：浏览器一定版本要求，服务器需要支持 websocket 协议
                                    ',17),a=[o];function t(c,l,h,p,d,_){return s(),r("div",null,a)}const k=e(n,[["render",t]]);export{u as __pageData,k as default};
+import{_ as e,c as r,o as s,a as i}from"./app.136603a1.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"跨域","slug":"跨域","link":"#跨域","children":[]},{"level":2,"title":"jsonp","slug":"jsonp","link":"#jsonp","children":[]},{"level":2,"title":"CORS（Cross-Origin Resource Sharing）,跨域资源共享","slug":"cors-cross-origin-resource-sharing-跨域资源共享","link":"#cors-cross-origin-resource-sharing-跨域资源共享","children":[]},{"level":2,"title":"代理跨域请求(Nginx)","slug":"代理跨域请求-nginx","link":"#代理跨域请求-nginx","children":[]},{"level":2,"title":"基于websocket","slug":"基于websocket","link":"#基于websocket","children":[]}],"relativePath":"面试/前端/跨域.md"}'),n={name:"面试/前端/跨域.md"},o=i('
                                    跨域 
                                    跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的
                                    解决方案如下
                                    jsonp 
                                    利用了 script 不受同源策略的限制
                                    缺点：只能 get 方式，易受到 XSS攻击
                                    CORS（Cross-Origin Resource Sharing）,跨域资源共享 
                                    当使用XMLHttpRequest发送请求时，如果浏览器发现违反了同源策略就会自动加上一个请求头 origin；
                                    后端在接受到请求后确定响应后会在 Response Headers 中加入一个属性 Access-Control-Allow-Origin；
                                    浏览器判断响应中的 Access-Control-Allow-Origin 值是否和当前的地址相同，匹配成功后才继续响应处理，否则报错
                                    缺点：忽略 cookie，浏览器版本有一定要求
                                    代理跨域请求(Nginx) 
                                    前端向发送请求，经过代理，请求需要的服务器资源
                                    缺点：需要额外的代理服务器
                                    基于websocket 
                                    websocket 是 Html5 一种新的协议，基于该协议可以做到浏览器与服务器全双工通信，允许跨域请求
                                    缺点：浏览器一定版本要求，服务器需要支持 websocket 协议
                                    ',17),a=[o];function t(c,l,h,p,d,_){return s(),r("div",null,a)}const k=e(n,[["render",t]]);export{u as __pageData,k as default};
diff --git "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\350\267\250\345\237\237.md.50822428.lean.js" "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\350\267\250\345\237\237.md.60c0d367.lean.js"
similarity index 93%
rename from "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\350\267\250\345\237\237.md.50822428.lean.js"
rename to "assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\350\267\250\345\237\237.md.60c0d367.lean.js"
index 40a75d9..546d3c3 100644
--- "a/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\350\267\250\345\237\237.md.50822428.lean.js"
+++ "b/assets/\351\235\242\350\257\225_\345\211\215\347\253\257_\350\267\250\345\237\237.md.60c0d367.lean.js"
@@ -1 +1 @@
-import{_ as e,c as r,o as s,a as i}from"./app.e7d182be.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"跨域","slug":"跨域","link":"#跨域","children":[]},{"level":2,"title":"jsonp","slug":"jsonp","link":"#jsonp","children":[]},{"level":2,"title":"CORS（Cross-Origin Resource Sharing）,跨域资源共享","slug":"cors-cross-origin-resource-sharing-跨域资源共享","link":"#cors-cross-origin-resource-sharing-跨域资源共享","children":[]},{"level":2,"title":"代理跨域请求(Nginx)","slug":"代理跨域请求-nginx","link":"#代理跨域请求-nginx","children":[]},{"level":2,"title":"基于websocket","slug":"基于websocket","link":"#基于websocket","children":[]}],"relativePath":"面试/前端/跨域.md"}'),n={name:"面试/前端/跨域.md"},o=i("",17),a=[o];function t(c,l,h,p,d,_){return s(),r("div",null,a)}const k=e(n,[["render",t]]);export{u as __pageData,k as default};
+import{_ as e,c as r,o as s,a as i}from"./app.136603a1.js";const u=JSON.parse('{"title":"","description":"","frontmatter":{},"headers":[{"level":2,"title":"跨域","slug":"跨域","link":"#跨域","children":[]},{"level":2,"title":"jsonp","slug":"jsonp","link":"#jsonp","children":[]},{"level":2,"title":"CORS（Cross-Origin Resource Sharing）,跨域资源共享","slug":"cors-cross-origin-resource-sharing-跨域资源共享","link":"#cors-cross-origin-resource-sharing-跨域资源共享","children":[]},{"level":2,"title":"代理跨域请求(Nginx)","slug":"代理跨域请求-nginx","link":"#代理跨域请求-nginx","children":[]},{"level":2,"title":"基于websocket","slug":"基于websocket","link":"#基于websocket","children":[]}],"relativePath":"面试/前端/跨域.md"}'),n={name:"面试/前端/跨域.md"},o=i("",17),a=[o];function t(c,l,h,p,d,_){return s(),r("div",null,a)}const k=e(n,[["render",t]]);export{u as __pageData,k as default};
diff --git a/hashmap.json b/hashmap.json
index 993f0fc..629626f 100644
--- a/hashmap.json
+++ b/hashmap.json
@@ -1 +1 @@
-{"js.ts_es6_运算符.md":"126e65a5","js.ts_基础_js中的map和weakmap.md":"4a55a6ee","js.ts_js上下文和执行栈.md":"3d56bc83","js.ts_es6_解构赋值.md":"6a0724ff","react_reacthooks_usecallback.md":"8457f7bc","react_reacthooks_usecontext.md":"847d487b","react_reacthooks_useeffect.md":"d902d48b","js.ts_ts_is.md":"eb4151ba","js.ts_ts_索引.md":"34950033","js.ts_基础_垃圾回收.md":"48659112","js.ts_基础_eventloop.md":"13c81eeb","js.ts_基础_一文搞懂map函数.md":"6f738674","js.ts_es6_iterator.md":"127df911","js.ts_基础_new操作符.md":"7f59965c","js.ts_es6_index.md":"80fcad39","js.ts_设计模式_发布订阅模式.md":"806a2619","js.ts_es6_symbol.md":"e0363ef2","js.ts_es6_promise.md":"13deaa08","react_index.md":"0012e3a8","开发总结_github-deploy.md":"921b5690","开发总结_canvas_canvas.md":"2523b101","tips_2023.3.5.md":"21509e11","计算机基础_git_场景及解决方案_紧急bug.md":"7c4d025b","计算机基础_git_场景及解决方案_开发新功能.md":"f4084ef2","开发总结_adobe-pr插件.md":"d76317a3","计算机基础_index.md":"e2044195","面试_cz前端_html_css.md":"02eebf96","面试_cz前端_js基础_作用域和闭包.md":"9e5fa0bd","面试_cz前端_js基础_原型和原型链.md":"aa4c10ca","react_redux.md":"60643533","vue_组件通信_api-props.md":"1fc0fa94","面试_cz前端_js基础_变量类型和计算.md":"d5f75960","面试_noni_js_js基础_手写防抖节流.md":"feda70b1","面试_noni_js_js基础_手写call.md":"e0a488b6","开发总结_v-for和v-if.md":"39e07e00","面试_noni_js_js基础_数组原生方法.md":"87d8643d","面试_noni_vue_v-if和v-for同时使用问题.md":"8e44b224","计算机基础_git_命令_init.md":"c047b043","计算机基础_git_git规范.md":"cf2fcef2","面试_前端_http_http的优先级.md":"a3ebd34a","index.md":"15a13528","react_reacthooks_useref.md":"3ac096c6","面试_前端_url到页面_总章.md":"91332a01","vue_组件通信_api-attrs.md":"151c8caa","面试_前端_客户端存储.md":"be88b5aa","面试_前端_事件_事件机制.md":"d6e13daf","vue_组件通信_api-provide.md":"ccf20d43","开发总结_常用的库_css.md":"e5d574f8","面试_前端_跨域.md":"50822428","计算机基础_http.md":"b23a7b0f","计算机基础_git_命令_merge.md":"c0baf43e","面试_cz前端_js基础_异步.md":"962b5778","算法_二叉树_层序遍历.md":"9bc886d9","vue_css_scroll.md":"e814a328","计算机基础_git_命令_常用.md":"d9685af2","计算机基础_git_tips.md":"cac69e35","面试_前端_flexandgrid.md":"25a3110d","vue_组件通信_api-parent.md":"9f04918c","计算机基础_git_git设置两个ssh密钥.md":"2d08a8e0","算法_面试算法题_1.7字节.md":"2c92daa3","面试_noni_js_js基础_dom和bom.md":"f9bf8e78","vue_源码分析_vnode与diff算法.md":"0e1165a1","面试_noni_js_js基础_new操作符实现原理.md":"45a6f5da","计算机基础_git_index.md":"0985af5e","计算机基础_git_场景及解决方案_发版.md":"0318bfab","面试_前端_事件_事件循环.md":"74f35ced","算法_面试算法题_1.15七牛云春招笔试题.md":"e275a4e2","react_reacthooks_usestate.md":"50a896e5"}
+{"js.ts_ts_is.md":"72f1a491","js.ts_es6_iterator.md":"62039fbe","js.ts_es6_index.md":"bf66190b","js.ts_基础_垃圾回收.md":"1bd0cada","js.ts_es6_symbol.md":"04496cd5","算法_面试算法题_1.15七牛云春招笔试题.md":"798f1cba","开发总结_常用的库_css.md":"7691b3dc","js.ts_基础_new操作符.md":"b8991589","js.ts_es6_运算符.md":"f2d3d4ef","js.ts_es6_promise.md":"5cebfa11","面试_前端_flexandgrid.md":"ff6f5ee5","计算机基础_git_场景及解决方案_开发新功能.md":"1c4ced89","面试_前端_事件_事件循环.md":"af84463b","面试_noni_js_js基础_手写call.md":"7599258b","面试_noni_js_js基础_new操作符实现原理.md":"f301d6f9","react_reacthooks_usecallback.md":"b3073fa3","js.ts_基础_eventloop.md":"ed8ae3db","js.ts_基础_js中的map和weakmap.md":"f452f0f2","vue_组件通信_api-parent.md":"3107773e","vue_组件通信_api-attrs.md":"37331853","vue_组件通信_api-provide.md":"a890f31b","react_reacthooks_usecontext.md":"767fc161","index.md":"f97698e6","react_reacthooks_useeffect.md":"b676f289","react_index.md":"4728acac","react_reacthooks_useref.md":"0b0cc29f","vue_css_scroll.md":"c93b8bcd","计算机基础_http.md":"ac0da5ba","react_redux.md":"9f3d9d1d","计算机基础_git_tips.md":"d7640451","计算机基础_git_git设置两个ssh密钥.md":"923f6cf9","vue_源码分析_vnode与diff算法.md":"ae22912f","计算机基础_git_index.md":"f53f9e57","计算机基础_git_命令_常用.md":"386ffe52","js.ts_es6_解构赋值.md":"128d007a","面试_cz前端_js基础_原型和原型链.md":"a394f2fd","面试_cz前端_js基础_异步.md":"616a7ba8","面试_cz前端_js基础_变量类型和计算.md":"dcb89aed","计算机基础_git_场景及解决方案_紧急bug.md":"372678fd","面试_noni_js_js基础_手写防抖节流.md":"3978f4cd","面试_noni_js_js基础_数组原生方法.md":"53477291","面试_noni_vue_vue2、3的区别.md":"0b3e8496","计算机基础_index.md":"7cd2a84a","面试_noni_vue_v-if和v-for同时使用问题.md":"547fb25e","面试_前端_事件_事件机制.md":"2e991867","面试_前端_客户端存储.md":"e69be85f","面试_前端_跨域.md":"60c0d367","计算机基础_git_场景及解决方案_发版.md":"26b9045a","js.ts_ts_索引.md":"4f4d4ac5","面试_noni_vue_diff算法.md":"a6b4292b","面试_cz前端_js基础_作用域和闭包.md":"23345f24","js.ts_设计模式_发布订阅模式.md":"e04119a8","面试_cz前端_html_css.md":"c42c41a9","面试_noni_js_js基础_dom和bom.md":"d029c109","面试_前端_http_http的优先级.md":"721f87a2","面试_前端_url到页面_总章.md":"08cfa1b5","react_reacthooks_usestate.md":"65a2d5c0","算法_二叉树_层序遍历.md":"c8ba590b","js.ts_js上下文和执行栈.md":"bb94273c","计算机基础_git_命令_merge.md":"9b375c67","计算机基础_git_git规范.md":"b940530e","开发总结_canvas_canvas.md":"591f800b","js.ts_基础_一文搞懂map函数.md":"e6d82638","开发总结_github-deploy.md":"36e17b69","开发总结_adobe-pr插件.md":"d61153a3","开发总结_v-for和v-if.md":"64dc4c75","tips_2023.3.5.md":"57987588","计算机基础_git_命令_init.md":"5f54fbb2","算法_面试算法题_1.7字节.md":"7bd326f1","vue_组件通信_api-props.md":"a6b350c9"}
diff --git a/index.html b/index.html
index 5f8821d..67d44f8 100644
--- a/index.html
+++ b/index.html
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git a/tips/2023.3.5.html b/tips/2023.3.5.html
index 5d0e72a..4adc7a5 100644
--- a/tips/2023.3.5.html
+++ b/tips/2023.3.5.html
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    reg.source 
                                    js
                                    var regex = /fooBar/ig;
+    
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\345\274\200\345\217\221\346\200\273\347\273\223/Adobe-pr\346\217\222\344\273\266.html" "b/\345\274\200\345\217\221\346\200\273\347\273\223/Adobe-pr\346\217\222\344\273\266.html"
index 3a505b0..05fcf85 100644
--- "a/\345\274\200\345\217\221\346\200\273\347\273\223/Adobe-pr\346\217\222\344\273\266.html"
+++ "b/\345\274\200\345\217\221\346\200\273\347\273\223/Adobe-pr\346\217\222\344\273\266.html"
@@ -6,8 +6,8 @@
     基于vue开发Adobe插件 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    基于vue开发Adobe插件 
                                    /CSXS 主要在该目录下建一个 mainifest.xml 的配置文件
                                    /client 主要包含前端界面资源，包括 Adobe CSInterface.js 等第三方库
                                    /jsx 主要包含 ExtendScript 后台运行文件
                                    /js 主要包含前端的渲染以及交互脚本
                                    DANGER
                                    在html进行跳转(端口为vue项目启动端口即可)
                                    WARNING
                                    本着不重复造轮子的原则，在这里我会以kuaizi团队开发的cep依赖为主
                                    kuaizi--cep
                                    通过软链映射进行热更新 
                                    js
                                    fs.symlinkSync()
+    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    基于vue开发Adobe插件 
                                    /CSXS 主要在该目录下建一个 mainifest.xml 的配置文件
                                    /client 主要包含前端界面资源，包括 Adobe CSInterface.js 等第三方库
                                    /jsx 主要包含 ExtendScript 后台运行文件
                                    /js 主要包含前端的渲染以及交互脚本
                                    DANGER
                                    在html进行跳转(端口为vue项目启动端口即可)
                                    WARNING
                                    本着不重复造轮子的原则，在这里我会以kuaizi团队开发的cep依赖为主
                                    kuaizi--cep
                                    通过软链映射进行热更新 
                                    js
                                    fs.symlinkSync()
 
                                    初始模板渲染 
                                    alt
                                    引入该依赖 
                                    js
                                    npm install @kuaizi/vue-cli-plugin-cep
 
                                    引入后运行时会创建软链(即快捷方式) mainfest.xml可以自动生成，也可以自己配置相关信息 以下为参考配置
                                    js
                                    <?xml version="1.0" encoding="UTF-8" standalone="no"?>
 <ExtensionManifest xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" ExtensionBundleId="com.xxx" ExtensionBundleName="xxx" ExtensionBundleVersion="1.0.0" Version="4.0">
@@ -75,8 +75,8 @@
 	</DispatchInfoList>
 </ExtensionManifest>
 
                                    打包安装有机会再进行更新 
                                    此处占位
                                    ELES？ 
                                    🌞事实上UXP可能更为友好，这里不再赘述
                                    🌞jsx操作CEP的API可能正是你需要的
                                    🌞感谢大家的分享以及相关依赖的开发🌟🌟🌟🌟
                                    
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\345\274\200\345\217\221\346\200\273\347\273\223/canvas/canvas.html" "b/\345\274\200\345\217\221\346\200\273\347\273\223/canvas/canvas.html"
index eae0b88..37eae98 100644
--- "a/\345\274\200\345\217\221\346\200\273\347\273\223/canvas/canvas.html"
+++ "b/\345\274\200\345\217\221\346\200\273\347\273\223/canvas/canvas.html"
@@ -6,8 +6,8 @@
     canvas框架实现的基本操作以及源码解析(konvajs) | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    canvas框架实现的基本操作以及源码解析(konvajs) 
                                    新建Stage类
                                    js
                                    var stage = new Konva.Stage({
+    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    canvas框架实现的基本操作以及源码解析(konvajs) 
                                    新建Stage类
                                    js
                                    var stage = new Konva.Stage({
   container: 'container',   // id of container <div> *包裹舞台的DIV元素的ID
   width: 500,
   height: 500
@@ -38,8 +38,8 @@
       height: this.height(),
     });
 
                                    
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\345\274\200\345\217\221\346\200\273\347\273\223/github-deploy.html" "b/\345\274\200\345\217\221\346\200\273\347\273\223/github-deploy.html"
index 16c7551..84c8572 100644
--- "a/\345\274\200\345\217\221\346\200\273\347\273\223/github-deploy.html"
+++ "b/\345\274\200\345\217\221\346\200\273\347\273\223/github-deploy.html"
@@ -6,8 +6,8 @@
     github deploy | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
-    
-    
+    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\345\274\200\345\217\221\346\200\273\347\273\223/v-for\345\222\214v-if.html" "b/\345\274\200\345\217\221\346\200\273\347\273\223/v-for\345\222\214v-if.html"
index e7cc0fc..f8a63a9 100644
--- "a/\345\274\200\345\217\221\346\200\273\347\273\223/v-for\345\222\214v-if.html"
+++ "b/\345\274\200\345\217\221\346\200\273\347\273\223/v-for\345\222\214v-if.html"
@@ -6,8 +6,8 @@
     事故地点 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    v-for v-if 
                                    今天有个憨憨用了v-for 和v-if 出现bug了,特此记录一下
                                    v-for 
                                    首先我们要对v-for 有一定的了解
                                    js
                                    v-for="(item,index) in DataList"
+    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    v-for v-if 
                                    今天有个憨憨用了v-for 和v-if 出现bug了,特此记录一下
                                    v-for 
                                    首先我们要对v-for 有一定的了解
                                    js
                                    v-for="(item,index) in DataList"
 // 遍历数组值
 
                                    。。。。。。补充明天再说
                                    v-if 
                                    与 v-else v-else-if 连用
                                    事故地点 
                                    js
                                    
 <!DOCTYPE html>
@@ -90,8 +90,8 @@
 </script>
 
 
                                    这样在切换的时候会多次渲染goodlist
                                    原因也很简单
                                    在第一次渲染的时候是正常渲染 v-for 在组件挂载的时候
                                    但是在v-if 执行后会重新渲染但是没有之前的DOM节点 又通过v-for 渲染了一次
                                    第二次渲染可能在update 时（没测试过先这样明天再来）
                                    至于为什么没有销毁大概是没有指令销毁吧 、
                                    
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\345\274\200\345\217\221\346\200\273\347\273\223/\345\270\270\347\224\250\347\232\204\345\272\223/css.html" "b/\345\274\200\345\217\221\346\200\273\347\273\223/\345\270\270\347\224\250\347\232\204\345\272\223/css.html"
index 95b3a3e..8eecb45 100644
--- "a/\345\274\200\345\217\221\346\200\273\347\273\223/\345\270\270\347\224\250\347\232\204\345\272\223/css.html"
+++ "b/\345\274\200\345\217\221\346\200\273\347\273\223/\345\270\270\347\224\250\347\232\204\345\272\223/css.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
-    
-    
+    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\347\256\227\346\263\225/\344\272\214\345\217\211\346\240\221/\345\261\202\345\272\217\351\201\215\345\216\206.html" "b/\347\256\227\346\263\225/\344\272\214\345\217\211\346\240\221/\345\261\202\345\272\217\351\201\215\345\216\206.html"
index ea2e6cb..7446452 100644
--- "a/\347\256\227\346\263\225/\344\272\214\345\217\211\346\240\221/\345\261\202\345\272\217\351\201\215\345\216\206.html"
+++ "b/\347\256\227\346\263\225/\344\272\214\345\217\211\346\240\221/\345\261\202\345\272\217\351\201\215\345\216\206.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    LeetCode 从上到下打印二叉树1 
                                    alt
                                    😈 利用队列的先进先出很容易办到，遍历每一层的节点
                                    js
                                    var levelOrder = function(root) {
+    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    LeetCode 从上到下打印二叉树1 
                                    alt
                                    😈 利用队列的先进先出很容易办到，遍历每一层的节点
                                    js
                                    var levelOrder = function(root) {
     const res = [];
     if (!root) {
         return res;
@@ -93,8 +93,8 @@
 };
 
 
                                    👹好的，今天的层序遍历我们到此结束
                                    
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\347\256\227\346\263\225/\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230/1.15\344\270\203\347\211\233\344\272\221\346\230\245\346\213\233\347\254\224\350\257\225\351\242\230.html" "b/\347\256\227\346\263\225/\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230/1.15\344\270\203\347\211\233\344\272\221\346\230\245\346\213\233\347\254\224\350\257\225\351\242\230.html"
index feecd79..495f25b 100644
--- "a/\347\256\227\346\263\225/\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230/1.15\344\270\203\347\211\233\344\272\221\346\230\245\346\213\233\347\254\224\350\257\225\351\242\230.html"
+++ "b/\347\256\227\346\263\225/\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230/1.15\344\270\203\347\211\233\344\272\221\346\230\245\346\213\233\347\254\224\350\257\225\351\242\230.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
-    
-    
+    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\347\256\227\346\263\225/\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230/1.7\345\255\227\350\212\202.html" "b/\347\256\227\346\263\225/\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230/1.7\345\255\227\350\212\202.html"
index f243137..aebfd2b 100644
--- "a/\347\256\227\346\263\225/\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230/1.7\345\255\227\350\212\202.html"
+++ "b/\347\256\227\346\263\225/\351\235\242\350\257\225\347\256\227\346\263\225\351\242\230/1.7\345\255\227\350\212\202.html"
@@ -6,8 +6,8 @@
     中文数字翻译成阿拉伯数字 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    中文数字翻译成阿拉伯数字 
                                    打印全排列 
                                    js
                                    function fullpermutate(str) {
+    
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/HTTP.html" "b/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/HTTP.html"
index 5799333..8ae71ba 100644
--- "a/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/HTTP.html"
+++ "b/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/HTTP.html"
@@ -6,8 +6,8 @@
     HTTP | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    HTTP 
                                    version
                                    1. HTTP 0.9
                                    只有一个get , 一次TCP连接只能发送一次HTTP请求
                                    1. HTTP 1.0
                                    增加一些新方法 head post
                                    增加响应状态码, 对可能错误的原因进行标记
                                    引入 HTTP HEADER
                                    HTTP/1.0最核心的改变是增加了头部设定，头部内容以键值对的形式设置。请求头部通过 Accept 字段来告诉服务端可以接收的文件类型，响应头部再通过 Content-Type 字段来告诉浏览器返回文件的类型
                                    1. HTTP 1.1
                                    长连接: 引入TCP 连接复用
                                    引入管道机制 一个TCP连接，可以同时发送多个请求
                                    允许数据分块
                                    1. HTTP 2.0 不再使用ASCII 传输而是使用二进制数据来提升传输效率
                                    
-    
-    
+    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    HTTP 
                                    version
                                    1. HTTP 0.9
                                    只有一个get , 一次TCP连接只能发送一次HTTP请求
                                    1. HTTP 1.0
                                    增加一些新方法 head post
                                    增加响应状态码, 对可能错误的原因进行标记
                                    引入 HTTP HEADER
                                    HTTP/1.0最核心的改变是增加了头部设定，头部内容以键值对的形式设置。请求头部通过 Accept 字段来告诉服务端可以接收的文件类型，响应头部再通过 Content-Type 字段来告诉浏览器返回文件的类型
                                    1. HTTP 1.1
                                    长连接: 引入TCP 连接复用
                                    引入管道机制 一个TCP连接，可以同时发送多个请求
                                    允许数据分块
                                    1. HTTP 2.0 不再使用ASCII 传输而是使用二进制数据来提升传输效率
                                    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/git\350\247\204\350\214\203.html" "b/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/git\350\247\204\350\214\203.html"
index bd0717f..d4ec50d 100644
--- "a/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/git\350\247\204\350\214\203.html"
+++ "b/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/git\350\247\204\350\214\203.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    代码冲突 
                                    bash
                                    git merge xxxx_branch 或者 git pull 时 or
+    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    代码冲突 
                                    bash
                                    git merge xxxx_branch 或者 git pull 时 or
 git rebase xxxx_branch 或者 git pull --rebase 时 
 解消方法也是修改冲突文件并删除冲突标识<<<<< ==== >>>:
 git rebase –continue //继续更新到最新的base上
@@ -34,8 +34,8 @@
 perf:          优化相关，比如提升性能、体验
 revert:        回滚到上一个版本	
 


                                    -----------------------------------from后端gitlab开发文档规范------------------------------
                                    
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/git\350\256\276\347\275\256\344\270\244\344\270\252ssh\345\257\206\351\222\245.html" "b/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/git\350\256\276\347\275\256\344\270\244\344\270\252ssh\345\257\206\351\222\245.html"
index 11010f3..beddc02 100644
--- "a/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/git\350\256\276\347\275\256\344\270\244\344\270\252ssh\345\257\206\351\222\245.html"
+++ "b/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/git\350\256\276\347\275\256\344\270\244\344\270\252ssh\345\257\206\351\222\245.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    git设置两个ssh密钥 
                                    分为公司邮箱和个人邮箱 在ssh设置两个私钥并指定地址和私钥
                                    bash
                                    ssh-keygen -t rsa -C "123456@qq.com"
+    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    git设置两个ssh密钥 
                                    分为公司邮箱和个人邮箱 在ssh设置两个私钥并指定地址和私钥
                                    bash
                                    ssh-keygen -t rsa -C "123456@qq.com"
 
                                    新建密钥并命名 假如为 gitlab_hyperchain_rsa_id (记得将公钥放进gitlab或者其他git平台)
                                    在C:\Users\ziyuhang.ssh\中新建config文件并配置
                                    如下
                                    md
                                    # 配置github.com
 Host github.com                 
     HostName github.com
@@ -38,8 +38,8 @@
     HostkeyAlgorithms +ssh-rsa
     PubkeyAcceptedAlgorithms +ssh-rsa
 
                                    
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/index.html" "b/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/index.html"
index 97134d4..b73c26d 100644
--- "a/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/index.html"
+++ "b/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/index.html"
@@ -6,8 +6,8 @@
     git | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    git 
                                    远端维护一个存储库，每个人从远端拉取代码 alt
                                    对比svn 
                                    git 是分布式的，而svn是集中式的
                                    svn 严重依赖于服务器端 挂了就啥都没了 而git可以从另外的客户端获取所以代码
                                    git config 
                                    git 配置分为全局配置和本地配置
                                    即命令行输入用带上 --global
                                    或者在全局配置文件中修改.gitconfig文件
                                    bash
                                    git config --global user.name "your-username"
+    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    git 
                                    远端维护一个存储库，每个人从远端拉取代码 alt
                                    对比svn 
                                    git 是分布式的，而svn是集中式的
                                    svn 严重依赖于服务器端 挂了就啥都没了 而git可以从另外的客户端获取所以代码
                                    git config 
                                    git 配置分为全局配置和本地配置
                                    即命令行输入用带上 --global
                                    或者在全局配置文件中修改.gitconfig文件
                                    bash
                                    git config --global user.name "your-username"
 git config --global user.email "your-email-address"
 
                                    更多配置点这里 
                                    分支的概念 
                                    A->B->D (main) A->C (master)
                                    git checkout <分支名字> 切换分支
                                    git merge <分支名字> 将此分支合并在当前分支
                                    
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/tips.html" "b/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/tips.html"
index ab0684e..166b61e 100644
--- "a/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/tips.html"
+++ "b/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/tips.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    配置别名 
                                    展示git提交记录
                                    bash
                                    git config --global alias.lg "log --color --graph --pretty=format:'%Cred%h%Creset -%C(yellow)%d%Creset %s %Cgreen(%cr) %C(bold blue)<%an>%Creset' --abbrev-commit"
+    
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/\345\221\275\344\273\244/init.html" "b/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/\345\221\275\344\273\244/init.html"
index cf679e1..0329b70 100644
--- "a/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/\345\221\275\344\273\244/init.html"
+++ "b/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/\345\221\275\344\273\244/init.html"
@@ -6,8 +6,8 @@
     git init | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    git init 
                                    当我们使用 git init 命令会生成一个.git文件夹
                                    .git 文件夹目录结构 目录生成工具********treer
                                    js
                                    ├─COMMIT_EDITMSG
+    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    git init 
                                    当我们使用 git init 命令会生成一个.git文件夹
                                    .git 文件夹目录结构 目录生成工具********treer
                                    js
                                    ├─COMMIT_EDITMSG
 ├─config //保存配置
 ├─description // 对仓库的描述
 ├─FETCH_HEAD
@@ -151,8 +151,8 @@
 |   ├─push-to-checkout.sample
 |   └update.sample
 
                                    
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/\345\221\275\344\273\244/merge.html" "b/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/\345\221\275\344\273\244/merge.html"
index 42f9045..e6f0cb7 100644
--- "a/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/\345\221\275\344\273\244/merge.html"
+++ "b/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/\345\221\275\344\273\244/merge.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    merge 
                                    当我们想合并某一个分支时可以存在冲突
                                    js
                                    //A分支
+    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    merge 
                                    当我们想合并某一个分支时可以存在冲突
                                    js
                                    //A分支
 console.log("hello world Branch A")
 
                                    js
                                    //B分支
 console.log("hello world Branch B")
@@ -27,8 +27,8 @@
 A->D->E master
 
 
                                    fast-forward 
                                    如果一个分支的提交历史是另一个分支的子集，那么Git会简单地将当前分支指向另一个分支的最新提交，这样就完成了合并操作
                                    recursive 
                                    在recursive合并策略中，Git会创建一个新的提交来表示合并结果，这个提交会包含两个分支的所有变更内容。
                                    
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/\345\221\275\344\273\244/\345\270\270\347\224\250.html" "b/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/\345\221\275\344\273\244/\345\270\270\347\224\250.html"
index edc22e2..6bc7011 100644
--- "a/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/\345\221\275\344\273\244/\345\270\270\347\224\250.html"
+++ "b/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/\345\221\275\344\273\244/\345\270\270\347\224\250.html"
@@ -6,8 +6,8 @@
     常用的可以在这里找到 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    常用的可以在这里找到 
                                    git pull 
                                    实际上是 git fetch + git merge 如果是--rebase 则为git fetch + git rebase
                                    bash
                                    git pull <远程主机名> <远程分支名>:<本地分支名>
+    
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210/\345\217\221\347\211\210.html" "b/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210/\345\217\221\347\211\210.html"
index 45402fb..28e63c5 100644
--- "a/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210/\345\217\221\347\211\210.html"
+++ "b/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210/\345\217\221\347\211\210.html"
@@ -6,8 +6,8 @@
     发版 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    发版 
                                    发版位于 release 分支 修复bug 准备发版，当准备完毕后合并一部分bugfix的分支，再将这个合入master 随后合入dev 准备下一次开发
                                    开整
                                    bash
                                    git checkout dev
+    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    发版 
                                    发版位于 release 分支 修复bug 准备发版，当准备完毕后合并一部分bugfix的分支，再将这个合入master 随后合入dev 准备下一次开发
                                    开整
                                    bash
                                    git checkout dev
 git merge feature
 git merge bugfix
 git branch release -b
 git push release:release
 
                                    
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210/\345\274\200\345\217\221\346\226\260\345\212\237\350\203\275.html" "b/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210/\345\274\200\345\217\221\346\226\260\345\212\237\350\203\275.html"
index 3f870bd..ba6ee5c 100644
--- "a/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210/\345\274\200\345\217\221\346\226\260\345\212\237\350\203\275.html"
+++ "b/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210/\345\274\200\345\217\221\346\226\260\345\212\237\350\203\275.html"
@@ -6,8 +6,8 @@
     当开发新功能 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    当开发新功能 
                                    从dev分支新建feature分支 开发完合并进去
                                    bash
                                    git checkout -b feature dev 
+    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    当开发新功能 
                                    从dev分支新建feature分支 开发完合并进去
                                    bash
                                    git checkout -b feature dev 
 
                                    开发完后合并
                                    bash
                                    A->B-C-D dev
 |
 |->E-F  feature
@@ -37,8 +37,8 @@
 |->E---->F  feature
 
 
                                    参考 https://git-scm.com/book/zh/v2/Git-分支-分支的新建与合并
                                    
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210/\347\264\247\346\200\245bug.html" "b/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210/\347\264\247\346\200\245bug.html"
index 29cf1a4..20bdf99 100644
--- "a/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210/\347\264\247\346\200\245bug.html"
+++ "b/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/git/\345\234\272\346\231\257\345\217\212\350\247\243\345\206\263\346\226\271\346\241\210/\347\264\247\346\200\245bug.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
-    
-    
+    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/index.html" "b/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/index.html"
index c5f6def..62eac96 100644
--- "a/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/index.html"
+++ "b/\350\256\241\347\256\227\346\234\272\345\237\272\347\241\200/index.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
-    
-    
+    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\351\235\242\350\257\225/CZ\345\211\215\347\253\257/HTML+CSS.html" "b/\351\235\242\350\257\225/CZ\345\211\215\347\253\257/HTML+CSS.html"
index 13ee1d0..5586555 100644
--- "a/\351\235\242\350\257\225/CZ\345\211\215\347\253\257/HTML+CSS.html"
+++ "b/\351\235\242\350\257\225/CZ\345\211\215\347\253\257/HTML+CSS.html"
@@ -6,8 +6,8 @@
     HTML+CSS基础面试题 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                    怀谷
                                    Appearance
                                     Return to top 
                                    On this page
                                    HTML+CSS基础面试题 
                                    HTML面试题 
                                    • 如何理解HTML语义化？
                                      • 让人更容易读（增加代码可读性）
                                      • 让搜索引擎更容易读（SEO）
                                    • 默认哪些HTML标签是块级，哪些是内联？
                                      • display:block/table; div h1 h2 table ul ol p等；不管内容多少都要独占一行
                                      • display:inline/inline-block; span img input button等；不会独占一行，直至浏览器的边缘
                                    • 什么是DOCTYPE,有何作用？
                                      • Doctype是HTML5的文档声明，通过它可以告诉浏览器，使用哪一个HTML版本标准解析文档
                                    • src和href的区别？
                                      • src全称source，通常用于img、video、audio、script元素，通过src指向请求外部资源的来源地址，指向的内容会嵌入到文档中当前标签所在位置，在请求src资源时，它会将资源下载并应用到文档内，比如说：js脚本、img图片、frame等元素。当浏览器解析到该元素时，会暂停其它资源下载，直到将该资源加载、编译、执行完毕。这也是为什么将js脚本放在底部而不是头部的原因。
                                      • href：全称hyper reference，意味着超链接，指向网络资源，当浏览器识别到它指向的⽂件时，就会并⾏下载资源，不会停⽌对当前⽂档的处理，通常用于a、link元素。
                                    • title和H1的区别、b与strong的区别、i与em的区别
                                      • title 属性表示网页的标题，h1 元素则表示层次明确的页面内容标题，对页面信息的抓取也有很大的影响
                                      • strong 是标明重点内容，有语气加强的含义，使用阅读设备阅读网络时：strong会重读，而b是展示强调内容、
                                      • i 是italic(斜体)的简写，是早期的斜体元素，表示内容展示为斜体，而 em 是emphasize（强调）的简写，表示强调的文本
                                    • 什么是严格模式与混杂模式？
                                      • 严格模式：是以浏览器支持的最高标准运行
                                      • 混杂模式：页面以宽松向下兼容的方式显示，模拟老式浏览器的行为
                                    • H5和HTML5的区别？
                                      • H5是一个产品名词，包含了最新的HTML5、CSS3、ES6等新技术来制作的应用
                                      • HTML5是一个技术名词，指的就是第五代HTML
                                    • 对于web标准w3c的理解
                                      • Web标准简单来说可以分为结构、表现、行为。其中结构是由HTML各种标签组成，简单来说就是body里面写入标签是为了页面的结构。表现指的是CSS层叠样式表，通过CSS可以让我们的页面结构标签更具美感。行为指的是页面和用户具有一定的交互，这部分主要由JS组成
                                      • w3c,全称：world wide web consortium是一个制定各种标准的非盈利性组织，也叫万维网联盟，标准包括HTML、CSS、ECMAScript等等，web标准的制定有很多好处，比如说： 
                                        • 可以统一开发流程，统一使用标准化开发工具（VSCode、WebStorm、Sublime），方便多人协作
                                        • 学习成本降低，只需要学习标准就行，否则就要学习各个浏览器厂商标准
                                        • 跨平台，方便迁移都不同设备
                                        • 降低代码维护成本
                                    • HTML5新增了哪些新特性？
                                      • HTML5主要是关于图像、位置、存储、多任务等功能的增加： 
                                        • 语义化标签，如：article、footer、header、nav等
                                        • 视频video、音频audio
                                        • 画布canvas
                                        • 表单控件，calemdar、date、time、email
                                        • 地理
                                        • 本地离线存储，localStorage长期存储数据，浏览器关闭后数据不丢失，sessionStorage的数据在浏览器关闭后自动删除
                                        • 拖拽释放
                                    • 你知道SEO中的TDK吗？
                                      • 在SEO中，TDK其实就是title、description、keywords这三个标签，title表示标题标签，description是描述标签，keywords是关键词标签
                                    CSS面试题 
                                    布局 
                                    • 盒子模型的宽度如何计算
                                      • 标准盒模型的宽等于offsetWidth =(内容宽度＋内边距＋边框），无外边距
                                      • 怪异盒模型，设置的宽度值包括 内容宽度＋内边距＋边框，自动压缩内容宽度
                                    • margin纵向重叠问题
                                      • 相邻元素的margin-top和margin-bottom会发生重叠
                                      • 空内容的p标签也会重叠
                                      • 答案：15px
                                    • margin的top left right bottom负值的情况？
                                      • margin-top/left负值，元素向上、左移动
                                      • margin-right负值，自身不受影响，右侧元素左移
                                      • margin-bottom负值，自身不受影响，下方元素上移
                                    • bfc的理解与应用？
                                      • Block format context, 块级格式化上下文
                                      • 是 一块独立的渲染区域，内部元素的渲染不会影响边界以外的元素
                                      • 形成bfc的常见条件？
                                        • float不为none
                                        • position为absolute或fixed
                                        • overflow不为none，如hidden
                                        • display：flex inline-block等
                                      • bfc的常见应用
                                        • 清除浮动
                                    • float布局的问题，以及clearfix
                                      • 实现圣杯布局和双飞翼布局
                                        • 三栏布局，中间一栏最先加载和渲染（内容最重要）
                                        • 两侧内容固定，中间内容随宽度自适应
                                        • 一般用于pc网页
                                      • 圣杯布局和双飞翼布局的技术总结
                                        • 使用float布局
                                        • 两侧使用margin负值，以便和中间内容横向重叠
                                        • 防止中间内容被两侧覆盖，一个用padding,一个用margin
                                      • 手写clearfix
                                        • css
                                          .clearfix::after{
+    
                                          怀谷
                                          Appearance
                                           Return to top 
                                          On this page
                                          HTML+CSS基础面试题 
                                          HTML面试题 
                                          • 如何理解HTML语义化？
                                            • 让人更容易读（增加代码可读性）
                                            • 让搜索引擎更容易读（SEO）
                                          • 默认哪些HTML标签是块级，哪些是内联？
                                            • display:block/table; div h1 h2 table ul ol p等；不管内容多少都要独占一行
                                            • display:inline/inline-block; span img input button等；不会独占一行，直至浏览器的边缘
                                          • 什么是DOCTYPE,有何作用？
                                            • Doctype是HTML5的文档声明，通过它可以告诉浏览器，使用哪一个HTML版本标准解析文档
                                          • src和href的区别？
                                            • src全称source，通常用于img、video、audio、script元素，通过src指向请求外部资源的来源地址，指向的内容会嵌入到文档中当前标签所在位置，在请求src资源时，它会将资源下载并应用到文档内，比如说：js脚本、img图片、frame等元素。当浏览器解析到该元素时，会暂停其它资源下载，直到将该资源加载、编译、执行完毕。这也是为什么将js脚本放在底部而不是头部的原因。
                                            • href：全称hyper reference，意味着超链接，指向网络资源，当浏览器识别到它指向的⽂件时，就会并⾏下载资源，不会停⽌对当前⽂档的处理，通常用于a、link元素。
                                          • title和H1的区别、b与strong的区别、i与em的区别
                                            • title 属性表示网页的标题，h1 元素则表示层次明确的页面内容标题，对页面信息的抓取也有很大的影响
                                            • strong 是标明重点内容，有语气加强的含义，使用阅读设备阅读网络时：strong会重读，而b是展示强调内容、
                                            • i 是italic(斜体)的简写，是早期的斜体元素，表示内容展示为斜体，而 em 是emphasize（强调）的简写，表示强调的文本
                                          • 什么是严格模式与混杂模式？
                                            • 严格模式：是以浏览器支持的最高标准运行
                                            • 混杂模式：页面以宽松向下兼容的方式显示，模拟老式浏览器的行为
                                          • H5和HTML5的区别？
                                            • H5是一个产品名词，包含了最新的HTML5、CSS3、ES6等新技术来制作的应用
                                            • HTML5是一个技术名词，指的就是第五代HTML
                                          • 对于web标准w3c的理解
                                            • Web标准简单来说可以分为结构、表现、行为。其中结构是由HTML各种标签组成，简单来说就是body里面写入标签是为了页面的结构。表现指的是CSS层叠样式表，通过CSS可以让我们的页面结构标签更具美感。行为指的是页面和用户具有一定的交互，这部分主要由JS组成
                                            • w3c,全称：world wide web consortium是一个制定各种标准的非盈利性组织，也叫万维网联盟，标准包括HTML、CSS、ECMAScript等等，web标准的制定有很多好处，比如说： 
                                              • 可以统一开发流程，统一使用标准化开发工具（VSCode、WebStorm、Sublime），方便多人协作
                                              • 学习成本降低，只需要学习标准就行，否则就要学习各个浏览器厂商标准
                                              • 跨平台，方便迁移都不同设备
                                              • 降低代码维护成本
                                          • HTML5新增了哪些新特性？
                                            • HTML5主要是关于图像、位置、存储、多任务等功能的增加： 
                                              • 语义化标签，如：article、footer、header、nav等
                                              • 视频video、音频audio
                                              • 画布canvas
                                              • 表单控件，calemdar、date、time、email
                                              • 地理
                                              • 本地离线存储，localStorage长期存储数据，浏览器关闭后数据不丢失，sessionStorage的数据在浏览器关闭后自动删除
                                              • 拖拽释放
                                          • 你知道SEO中的TDK吗？
                                            • 在SEO中，TDK其实就是title、description、keywords这三个标签，title表示标题标签，description是描述标签，keywords是关键词标签
                                          CSS面试题 
                                          布局 
                                          • 盒子模型的宽度如何计算
                                            • 标准盒模型的宽等于offsetWidth =(内容宽度＋内边距＋边框），无外边距
                                            • 怪异盒模型，设置的宽度值包括 内容宽度＋内边距＋边框，自动压缩内容宽度
                                          • margin纵向重叠问题
                                            • 相邻元素的margin-top和margin-bottom会发生重叠
                                            • 空内容的p标签也会重叠
                                            • 答案：15px
                                          • margin的top left right bottom负值的情况？
                                            • margin-top/left负值，元素向上、左移动
                                            • margin-right负值，自身不受影响，右侧元素左移
                                            • margin-bottom负值，自身不受影响，下方元素上移
                                          • bfc的理解与应用？
                                            • Block format context, 块级格式化上下文
                                            • 是 一块独立的渲染区域，内部元素的渲染不会影响边界以外的元素
                                            • 形成bfc的常见条件？
                                              • float不为none
                                              • position为absolute或fixed
                                              • overflow不为none，如hidden
                                              • display：flex inline-block等
                                            • bfc的常见应用
                                              • 清除浮动
                                          • float布局的问题，以及clearfix
                                            • 实现圣杯布局和双飞翼布局
                                              • 三栏布局，中间一栏最先加载和渲染（内容最重要）
                                              • 两侧内容固定，中间内容随宽度自适应
                                              • 一般用于pc网页
                                            • 圣杯布局和双飞翼布局的技术总结
                                              • 使用float布局
                                              • 两侧使用margin负值，以便和中间内容横向重叠
                                              • 防止中间内容被两侧覆盖，一个用padding,一个用margin
                                            • 手写clearfix
                                              • css
                                                .clearfix::after{
       content:'';
       display: table;
       clear: both;
@@ -43,8 +43,8 @@
   <p>this is p</p>
 </body>
 
                                              响应式 
                                              • rem是什么？
                                                • 相对长度单位，相对于根元素，常用于响应式布局
                                              • 如何实现响应式？
                                                • 使用rem+media-quary,根据不同的屏幕宽度设置html的font-size
                                                • 弊端：“阶梯型”
                                              • 网页视口尺寸
                                                • window.screen.height // 屏幕高度
                                                • window.innerHeight // 网页视口高度
                                                • document.body.clientHeight // body高度
                                              • vw/vh
                                                • vw网页视口宽度大小的1/100
                                                • vh网页视口高度大小的1/100
                                                • vmax两者的较大值，vmin两者的最小值
                                              CSS3 
                                              • 关于CSS3动画
                                          
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\351\235\242\350\257\225/CZ\345\211\215\347\253\257/JS\345\237\272\347\241\200/\344\275\234\347\224\250\345\237\237\345\222\214\351\227\255\345\214\205.html" "b/\351\235\242\350\257\225/CZ\345\211\215\347\253\257/JS\345\237\272\347\241\200/\344\275\234\347\224\250\345\237\237\345\222\214\351\227\255\345\214\205.html"
index 375bbe8..147245b 100644
--- "a/\351\235\242\350\257\225/CZ\345\211\215\347\253\257/JS\345\237\272\347\241\200/\344\275\234\347\224\250\345\237\237\345\222\214\351\227\255\345\214\205.html"
+++ "b/\351\235\242\350\257\225/CZ\345\211\215\347\253\257/JS\345\237\272\347\241\200/\344\275\234\347\224\250\345\237\237\345\222\214\351\227\255\345\214\205.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                          怀谷
                                          Appearance
                                           Return to top 
                                          On this page
                                          作用域和闭包 
                                          作用域和自由变量 
                                          • 作用域
                                            • 全局作用域
                                            • 函数作用域
                                            • 块级作用域（es6新增） if/for/while...中的{}
                                          • 自由变量
                                            • 一个变量在当前的作用域没有定义，但被使用了
                                            • 向上级作用域查找，知道找到为止
                                            • 如果直到全局作用域都没有找到，则报错 xxx is not defined
                                          闭包 
                                          • 什么是闭包？
                                            • 作用域应用的特殊情况，有两种表现：
                                              • 函数作为参数被传递
                                              • 函数作为返回值被传递
                                            • js
                                              // 函数作为返回值
+    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              作用域和闭包 
                                              作用域和自由变量 
                                              • 作用域
                                                • 全局作用域
                                                • 函数作用域
                                                • 块级作用域（es6新增） if/for/while...中的{}
                                              • 自由变量
                                                • 一个变量在当前的作用域没有定义，但被使用了
                                                • 向上级作用域查找，知道找到为止
                                                • 如果直到全局作用域都没有找到，则报错 xxx is not defined
                                              闭包 
                                              • 什么是闭包？
                                                • 作用域应用的特殊情况，有两种表现：
                                                  • 函数作为参数被传递
                                                  • 函数作为返回值被传递
                                                • js
                                                  // 函数作为返回值
 function create() {
   const a = 100;
   return function () {
@@ -86,8 +86,8 @@
   }
 }
 
                                              
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\351\235\242\350\257\225/CZ\345\211\215\347\253\257/JS\345\237\272\347\241\200/\345\216\237\345\236\213\345\222\214\345\216\237\345\236\213\351\223\276.html" "b/\351\235\242\350\257\225/CZ\345\211\215\347\253\257/JS\345\237\272\347\241\200/\345\216\237\345\236\213\345\222\214\345\216\237\345\236\213\351\223\276.html"
index 6207cf3..de3e4c4 100644
--- "a/\351\235\242\350\257\225/CZ\345\211\215\347\253\257/JS\345\237\272\347\241\200/\345\216\237\345\236\213\345\222\214\345\216\237\345\236\213\351\223\276.html"
+++ "b/\351\235\242\350\257\225/CZ\345\211\215\347\253\257/JS\345\237\272\347\241\200/\345\216\237\345\236\213\345\222\214\345\216\237\345\236\213\351\223\276.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              原型和原型链 
                                              类型判断-instanceof 
                                              js
                                              //xialuo Student的实例，Student类继承People类 
+    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              原型和原型链 
                                              类型判断-instanceof 
                                              js
                                              //xialuo Student的实例，Student类继承People类 
 xialuo instanceof Student  // true
 xialuo instanceof People  // true
 xialuo instanceof Object  // true
@@ -81,8 +81,8 @@
   // 扩展自己的API
 }
 
                                              
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\351\235\242\350\257\225/CZ\345\211\215\347\253\257/JS\345\237\272\347\241\200/\345\217\230\351\207\217\347\261\273\345\236\213\345\222\214\350\256\241\347\256\227.html" "b/\351\235\242\350\257\225/CZ\345\211\215\347\253\257/JS\345\237\272\347\241\200/\345\217\230\351\207\217\347\261\273\345\236\213\345\222\214\350\256\241\347\256\227.html"
index c3cf4e9..7565956 100644
--- "a/\351\235\242\350\257\225/CZ\345\211\215\347\253\257/JS\345\237\272\347\241\200/\345\217\230\351\207\217\347\261\273\345\236\213\345\222\214\350\256\241\347\256\227.html"
+++ "b/\351\235\242\350\257\225/CZ\345\211\215\347\253\257/JS\345\237\272\347\241\200/\345\217\230\351\207\217\347\261\273\345\236\213\345\222\214\350\256\241\347\256\227.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              变量类型和计算 
                                              值类型与引用类型 
                                              
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\351\235\242\350\257\225/CZ\345\211\215\347\253\257/JS\345\237\272\347\241\200/\345\274\202\346\255\245.html" "b/\351\235\242\350\257\225/CZ\345\211\215\347\253\257/JS\345\237\272\347\241\200/\345\274\202\346\255\245.html"
index 81288de..ce4af35 100644
--- "a/\351\235\242\350\257\225/CZ\345\211\215\347\253\257/JS\345\237\272\347\241\200/\345\274\202\346\255\245.html"
+++ "b/\351\235\242\350\257\225/CZ\345\211\215\347\253\257/JS\345\237\272\347\241\200/\345\274\202\346\255\245.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              异步 
                                              • 同步
                                                • 指在 主线程上排队执行的任务，只有前一个任务执行完毕，才能继续执行下一个任务
                                                • 也就是调用一旦开始，必须这个调用 返回结果(划重点——）才能继续往后执行。程序的执行顺序和任务排列顺序是一致的。
                                              • 异步
                                                • 异步任务是指不进入主线程，而进入 任务队列的任务，只有任务队列通知主线程，某个异步任务可以执行了，该任务才会进入主线程。
                                                • 程序的执行顺序和任务的排列顺序是不一致的。
                                                • 用的setTimeout和setInterval函数，Ajax都是异步操作
                                              • 实现异步的方法
                                                • 回调函数（Callback）、事件监听、发布订阅、Promise/A+、生成器Generators/ yield、async/await
                                              Promise 
                                              • ES6中的Promise 是异步编程的一种方案。从语法上讲，Promise 是一个对象，它可以获取异步操作的消息。
                                              • Promise对象, 可以将异步操作以同步的流程表达出来。使用 Promise 主要有以下好处： 
                                                • 可以很好地解决回调地狱的问题
                                                • 语法非常简洁。Promise 对象提供了简洁的API，使得控制异步操作更加容易。
                                              • 状态的表现 
                                                • pending状态，不会触发then和catch
                                                • resolved状态，会触发后续的then(onResloved)回调函数
                                                • rejected状态，会触发then(null, onRejected),没有则触发后续的catch回调函数
                                              • then和catch改变状态
                                                • then正常返回resolved，里面报错则返回rejected
                                                • catch正常也返回resolved，里面报错则返回rejected
                                                • catch是一个语法糖，相当于调用Prmise.prototype.then(null, onRejected)
                                              • Promise.all(iterable)
                                                • 语法：var p = Promise.all([p1, p2, p3]);
                                                • Promise.all方法接受一个数组作为参数，p1、p2、p3都是Promise实例，如果不是，就会先调用Promise.resolve方法，将参数转为Promise实例，再进一步处理。（Promise.all方法的参数可以不是数组，但必须具有Iterator接口，且返回的每个成员都是Promise实例。）
                                                • (1) 只有p1、p2、p3的状态都变成fulfilled，p的状态才会变成fulfilled，此时p1、p2、p3的返回值组成一个数组，传递给p的回调函数。
                                                • (2) 只要p1、p2、p3之中有一个被rejected，p的状态就变成rejected，此时第一个被reject的实例的返回值，会传递给p的回调函数。
                                              • Promise.race(iterable)
                                                • 语法：var p = Promise.race([p1, p2, p3]);
                                                • Promise.race方法同样是将多个Promise实例，包装成一个新的Promise实例。只要p1、p2、p3之中有一个实例率先改变状态，p的状态就跟着改变。那个率先改变的Promise实例的返回值，就传递给p的回调函数。
                                                • Promise.race方法的参数与Promise.all方法一样，如果不是Promise实例，就会先调用下面讲到的Promise.resolve方法，将参数转为Promise实例，再进一步处理。
                                              defer和async 
                                              • 区别主要在于一个执行时间,defer会在文档解析完之后执行,并且多个defer会按照顺序执行,而async则是在js加载好之后就会执行,并且多个async,哪个加载好就执行哪个
                                              生成器Generators/ yield 
                                              • Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同，Generator 最大的特点就是可以控制函数的执行。
                                              • 语法上，首先可以把它理解成，Generator 函数是一个状态机，封装了多个内部状态。
                                              • Generator 函数除了状态机，还是一个遍历器对象生成函数。
                                              • 可暂停函数, yield可暂停，next方法可启动，每次返回的是yield后的表达式结果。
                                              • yield表达式本身没有返回值，或者说总是返回undefined。next方法可以带一个参数，该参数就会被当作上一个yield表达式的返回值。
                                              • js
                                                function *foo(x) {
+    
                                                怀谷
                                                Appearance
                                                 Return to top 
                                                On this page
                                                异步 
                                                • 同步
                                                  • 指在 主线程上排队执行的任务，只有前一个任务执行完毕，才能继续执行下一个任务
                                                  • 也就是调用一旦开始，必须这个调用 返回结果(划重点——）才能继续往后执行。程序的执行顺序和任务排列顺序是一致的。
                                                • 异步
                                                  • 异步任务是指不进入主线程，而进入 任务队列的任务，只有任务队列通知主线程，某个异步任务可以执行了，该任务才会进入主线程。
                                                  • 程序的执行顺序和任务的排列顺序是不一致的。
                                                  • 用的setTimeout和setInterval函数，Ajax都是异步操作
                                                • 实现异步的方法
                                                  • 回调函数（Callback）、事件监听、发布订阅、Promise/A+、生成器Generators/ yield、async/await
                                                Promise 
                                                • ES6中的Promise 是异步编程的一种方案。从语法上讲，Promise 是一个对象，它可以获取异步操作的消息。
                                                • Promise对象, 可以将异步操作以同步的流程表达出来。使用 Promise 主要有以下好处： 
                                                  • 可以很好地解决回调地狱的问题
                                                  • 语法非常简洁。Promise 对象提供了简洁的API，使得控制异步操作更加容易。
                                                • 状态的表现 
                                                  • pending状态，不会触发then和catch
                                                  • resolved状态，会触发后续的then(onResloved)回调函数
                                                  • rejected状态，会触发then(null, onRejected),没有则触发后续的catch回调函数
                                                • then和catch改变状态
                                                  • then正常返回resolved，里面报错则返回rejected
                                                  • catch正常也返回resolved，里面报错则返回rejected
                                                  • catch是一个语法糖，相当于调用Prmise.prototype.then(null, onRejected)
                                                • Promise.all(iterable)
                                                  • 语法：var p = Promise.all([p1, p2, p3]);
                                                  • Promise.all方法接受一个数组作为参数，p1、p2、p3都是Promise实例，如果不是，就会先调用Promise.resolve方法，将参数转为Promise实例，再进一步处理。（Promise.all方法的参数可以不是数组，但必须具有Iterator接口，且返回的每个成员都是Promise实例。）
                                                  • (1) 只有p1、p2、p3的状态都变成fulfilled，p的状态才会变成fulfilled，此时p1、p2、p3的返回值组成一个数组，传递给p的回调函数。
                                                  • (2) 只要p1、p2、p3之中有一个被rejected，p的状态就变成rejected，此时第一个被reject的实例的返回值，会传递给p的回调函数。
                                                • Promise.race(iterable)
                                                  • 语法：var p = Promise.race([p1, p2, p3]);
                                                  • Promise.race方法同样是将多个Promise实例，包装成一个新的Promise实例。只要p1、p2、p3之中有一个实例率先改变状态，p的状态就跟着改变。那个率先改变的Promise实例的返回值，就传递给p的回调函数。
                                                  • Promise.race方法的参数与Promise.all方法一样，如果不是Promise实例，就会先调用下面讲到的Promise.resolve方法，将参数转为Promise实例，再进一步处理。
                                                defer和async 
                                                • 区别主要在于一个执行时间,defer会在文档解析完之后执行,并且多个defer会按照顺序执行,而async则是在js加载好之后就会执行,并且多个async,哪个加载好就执行哪个
                                                生成器Generators/ yield 
                                                • Generator 函数是 ES6 提供的一种异步编程解决方案，语法行为与传统函数完全不同，Generator 最大的特点就是可以控制函数的执行。
                                                • 语法上，首先可以把它理解成，Generator 函数是一个状态机，封装了多个内部状态。
                                                • Generator 函数除了状态机，还是一个遍历器对象生成函数。
                                                • 可暂停函数, yield可暂停，next方法可启动，每次返回的是yield后的表达式结果。
                                                • yield表达式本身没有返回值，或者说总是返回undefined。next方法可以带一个参数，该参数就会被当作上一个yield表达式的返回值。
                                                • js
                                                  function *foo(x) {
   let y = 2 * (yield (x + 1))
   let z = yield (y / 3)
   return (x + y + z)
@@ -86,8 +86,8 @@
   alert('setTimeout') //此时DOM渲染完成
 })
 
                                              • 从event loop解释，为何微任务执行更早
                                                • 当执行微任务时，会等待时机，时机到后放入微任务队列
                                                • 而event loop会在call stack清空后先将所有的微任务一个一个取出来执行
                                                • 再尝试DOM的渲染，最后取出callback quene中的任务执行
                                              
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\351\235\242\350\257\225/NONI/JS/JS\345\237\272\347\241\200/DOM\345\222\214BOM.html" "b/\351\235\242\350\257\225/NONI/JS/JS\345\237\272\347\241\200/DOM\345\222\214BOM.html"
index 60fd72e..fcbfe95 100644
--- "a/\351\235\242\350\257\225/NONI/JS/JS\345\237\272\347\241\200/DOM\345\222\214BOM.html"
+++ "b/\351\235\242\350\257\225/NONI/JS/JS\345\237\272\347\241\200/DOM\345\222\214BOM.html"
@@ -6,8 +6,8 @@
     DOM和BOM | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              DOM和BOM 
                                              JavaScript的结构 
                                              JavaScript = ECMAscript + BOM + DOM 
                                              ECMAscript：JS的标准，规定了各个浏览器如何执行JS的语法。
                                              DOM：用于操作XML、HTML文档的应用编程接口。给JS提供了访问和操作HTML元素的方法
                                              BOM：浏览器对象模型，是控制浏览器行为的接口。
                                              DOM 
                                              DOM树 
                                              HTML元素所构成的树
                                              DOM操作元素方法 
                                              获取节点的DOM方法： 
                                              1. getElementById(id)：通过元素的id属性获取单个元素节点，返回对象
                                              2. getElementsByTagName(tagName)：通过元素的标签名获取一组元素节点，返回数组
                                              3. getElementsByClassName(className)：通过元素的类名获取一组元素节点，返回数组
                                              4. getElementsByName(name_content)：通过元素的name属性值来获取元素，返回数组
                                              5. querySelector(selector)：通过选择器获取匹配的第一个元素节点，对象
                                              6. querySelectorAll(selector)：通过选择器获取匹配的所有元素节点，数组
                                              获取/设置元素的属性值的DOM方法： 
                                              1. getAttribute(name)：获取元素的指定属性值。
                                              2. setAttribute(name, value)：设置元素的指定属性值。
                                              3. removeAttribute(name)：移除元素的指定属性。
                                              创建节点(Node)的DOM方法： 
                                              1. createElement(tagName)：创建指定标签名的元素节点。
                                              2. createTextNode(text)：创建包含指定文本内容的文本节点。
                                              3. createDocumentFragment()：创建一个空的文档片段节点，可以用来存储和操作一组节点。
                                              增添节点的DOM方法： 
                                              1. appendChild(node)：将一个节点添加到父节点的子节点列表末尾。
                                              2. insertBefore(newNode, referenceNode)：在父节点的子节点列表中，在指定参考节点之前插入新节点。
                                              删除节点的DOM方法： 
                                              1. removeChild(node)：从父节点的子节点列表中移除指定节点。
                                              2. parentNode.removeChild(node)：通过父节点移除指定节点。
                                              DOM常见的一些属性： 
                                              1. innerHTML：元素的HTML内容。
                                              2. textContent：元素及其后代节点的文本内容。
                                              3. className：元素的类名。
                                              4. id：元素的唯一标识符。
                                              5. style：元素的行内样式。
                                              6. parentNode：元素的父节点。
                                              7. childNodes：元素的子节点列表。
                                              8. previousSibling：元素的前一个同级节点。
                                              9. nextSibling：元素的后一个同级节点。
                                              BOM 
                                              定义 
                                              浏览器对象模型，核心对象window，包含DOM。把浏览器作为对象来看待，顶级对象就是window，由一系列相关对象构成，并为每个对象提供方法和属性。
                                              document,location,navigation,screen,history
                                              window对象常见事件 
                                              属性/方法含义
                                              opener当前窗口的父窗口
                                              length窗口中的框架数
                                              document窗口中当前显示的文档对象
                                              alert(string)创建一个警告对话框，显示一条信息
                                              close()关闭窗口
                                              confirm()创建一个需要用户确认的对话框
                                              open(url,name,[options])打开一个新窗口并返回新 window 对象
                                              prompt(text,defaultInput)创建一个对话框要求用户输入信息
                                              setInterval(expression,milliseconds)经过指定时间间隔计算一个表达式
                                              setInterval(function,millis enconds,[arguments])经过指定时间间隔后调用一个函数
                                              setTimeout(expression,milli seconds)在定时器超过后计算一个表达式
                                              setTimeout(expression,milli seconds,[arguments])在定时器超过时后计算一个函数
                                              location对象 
                                              location用于获取或设置URL，能够解析URL，返回对象
                                              window.location = location = document.location
                                              属性/方法内容
                                              host主机名：端口号
                                              hostname主机名
                                              href整个 URL
                                              pathname路径名
                                              port端口号
                                              protocol协议部分
                                              search查询字符串
                                              reload()重载当前 URL
                                              repalce()用新的 URL 替换当前页面
                                              history对象 
                                              与浏览器历史记录交互，包含用户访问过的URL（窗口打开开始记）
                                              属性/方法描述
                                              lengthhistory 对象中的记录数
                                              back()前往浏览器历史条目前一个 URL，类似后退
                                              forward()前往浏览器历史条目下一个 URL，类似前进
                                              go(num)浏览器在 history 对象中向前或向后
                                              BOM中识别客户端浏览器的一个window属性。
                                              属性说明
                                              appName完整的浏览器名称和版本信息
                                              platform浏览器所在的系统平台
                                              plugins浏览器中安装的插件信息的数 组
                                              userAgent浏览器的用户代理字符串
                                              userLanguage操作系统的默认语言
                                              
-    
-    
+    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              DOM和BOM 
                                              JavaScript的结构 
                                              JavaScript = ECMAscript + BOM + DOM 
                                              ECMAscript：JS的标准，规定了各个浏览器如何执行JS的语法。
                                              DOM：用于操作XML、HTML文档的应用编程接口。给JS提供了访问和操作HTML元素的方法
                                              BOM：浏览器对象模型，是控制浏览器行为的接口。
                                              DOM 
                                              DOM树 
                                              HTML元素所构成的树
                                              DOM操作元素方法 
                                              获取节点的DOM方法： 
                                              1. getElementById(id)：通过元素的id属性获取单个元素节点，返回对象
                                              2. getElementsByTagName(tagName)：通过元素的标签名获取一组元素节点，返回数组
                                              3. getElementsByClassName(className)：通过元素的类名获取一组元素节点，返回数组
                                              4. getElementsByName(name_content)：通过元素的name属性值来获取元素，返回数组
                                              5. querySelector(selector)：通过选择器获取匹配的第一个元素节点，对象
                                              6. querySelectorAll(selector)：通过选择器获取匹配的所有元素节点，数组
                                              获取/设置元素的属性值的DOM方法： 
                                              1. getAttribute(name)：获取元素的指定属性值。
                                              2. setAttribute(name, value)：设置元素的指定属性值。
                                              3. removeAttribute(name)：移除元素的指定属性。
                                              创建节点(Node)的DOM方法： 
                                              1. createElement(tagName)：创建指定标签名的元素节点。
                                              2. createTextNode(text)：创建包含指定文本内容的文本节点。
                                              3. createDocumentFragment()：创建一个空的文档片段节点，可以用来存储和操作一组节点。
                                              增添节点的DOM方法： 
                                              1. appendChild(node)：将一个节点添加到父节点的子节点列表末尾。
                                              2. insertBefore(newNode, referenceNode)：在父节点的子节点列表中，在指定参考节点之前插入新节点。
                                              删除节点的DOM方法： 
                                              1. removeChild(node)：从父节点的子节点列表中移除指定节点。
                                              2. parentNode.removeChild(node)：通过父节点移除指定节点。
                                              DOM常见的一些属性： 
                                              1. innerHTML：元素的HTML内容。
                                              2. textContent：元素及其后代节点的文本内容。
                                              3. className：元素的类名。
                                              4. id：元素的唯一标识符。
                                              5. style：元素的行内样式。
                                              6. parentNode：元素的父节点。
                                              7. childNodes：元素的子节点列表。
                                              8. previousSibling：元素的前一个同级节点。
                                              9. nextSibling：元素的后一个同级节点。
                                              BOM 
                                              定义 
                                              浏览器对象模型，核心对象window，包含DOM。把浏览器作为对象来看待，顶级对象就是window，由一系列相关对象构成，并为每个对象提供方法和属性。
                                              document,location,navigation,screen,history
                                              window对象常见事件 
                                              属性/方法含义
                                              opener当前窗口的父窗口
                                              length窗口中的框架数
                                              document窗口中当前显示的文档对象
                                              alert(string)创建一个警告对话框，显示一条信息
                                              close()关闭窗口
                                              confirm()创建一个需要用户确认的对话框
                                              open(url,name,[options])打开一个新窗口并返回新 window 对象
                                              prompt(text,defaultInput)创建一个对话框要求用户输入信息
                                              setInterval(expression,milliseconds)经过指定时间间隔计算一个表达式
                                              setInterval(function,millis enconds,[arguments])经过指定时间间隔后调用一个函数
                                              setTimeout(expression,milli seconds)在定时器超过后计算一个表达式
                                              setTimeout(expression,milli seconds,[arguments])在定时器超过时后计算一个函数
                                              location对象 
                                              location用于获取或设置URL，能够解析URL，返回对象
                                              window.location = location = document.location
                                              属性/方法内容
                                              host主机名：端口号
                                              hostname主机名
                                              href整个 URL
                                              pathname路径名
                                              port端口号
                                              protocol协议部分
                                              search查询字符串
                                              reload()重载当前 URL
                                              repalce()用新的 URL 替换当前页面
                                              history对象 
                                              与浏览器历史记录交互，包含用户访问过的URL（窗口打开开始记）
                                              属性/方法描述
                                              lengthhistory 对象中的记录数
                                              back()前往浏览器历史条目前一个 URL，类似后退
                                              forward()前往浏览器历史条目下一个 URL，类似前进
                                              go(num)浏览器在 history 对象中向前或向后
                                              BOM中识别客户端浏览器的一个window属性。
                                              属性说明
                                              appName完整的浏览器名称和版本信息
                                              platform浏览器所在的系统平台
                                              plugins浏览器中安装的插件信息的数 组
                                              userAgent浏览器的用户代理字符串
                                              userLanguage操作系统的默认语言
                                              
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\351\235\242\350\257\225/NONI/JS/JS\345\237\272\347\241\200/new\346\223\215\344\275\234\347\254\246\345\256\236\347\216\260\345\216\237\347\220\206.html" "b/\351\235\242\350\257\225/NONI/JS/JS\345\237\272\347\241\200/new\346\223\215\344\275\234\347\254\246\345\256\236\347\216\260\345\216\237\347\220\206.html"
index 8752c01..114e774 100644
--- "a/\351\235\242\350\257\225/NONI/JS/JS\345\237\272\347\241\200/new\346\223\215\344\275\234\347\254\246\345\256\236\347\216\260\345\216\237\347\220\206.html"
+++ "b/\351\235\242\350\257\225/NONI/JS/JS\345\237\272\347\241\200/new\346\223\215\344\275\234\347\254\246\345\256\236\347\216\260\345\216\237\347\220\206.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              new操作符的实现原理 
                                              new操作符的定义 
                                              示例1（对象类型和对象实例） 
                                              new操作符可以用来创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。（来自MDN的定义）
                                              简而言之：new可以创建对象实例
                                              使用场景：
                                              js
                                              function newTest(arguments1,arguments2) {	//构造一个函数newTest
+    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              new操作符的实现原理 
                                              new操作符的定义 
                                              示例1（对象类型和对象实例） 
                                              new操作符可以用来创建一个用户定义的对象类型的实例或具有构造函数的内置对象的实例。（来自MDN的定义）
                                              简而言之：new可以创建对象实例
                                              使用场景：
                                              js
                                              function newTest(arguments1,arguments2) {	//构造一个函数newTest
     this.arguments1 = arguments1;
     this.arguments2 = arguments2;
 }
@@ -66,8 +66,8 @@
 console.log(test.arguments1);	//'demo1'
 console.log(test.arguments2);	//'demo2'
 
                                              
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\351\235\242\350\257\225/NONI/JS/JS\345\237\272\347\241\200/\346\211\213\345\206\231call.html" "b/\351\235\242\350\257\225/NONI/JS/JS\345\237\272\347\241\200/\346\211\213\345\206\231call.html"
index addf316..9d9e151 100644
--- "a/\351\235\242\350\257\225/NONI/JS/JS\345\237\272\347\241\200/\346\211\213\345\206\231call.html"
+++ "b/\351\235\242\350\257\225/NONI/JS/JS\345\237\272\347\241\200/\346\211\213\345\206\231call.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              call() 
                                              call()能够改变this指向，执行当前的函数。调用call的函数挂载到传入的第一个参数上，再通过该参数对象来调用‘调用call的函数’，并且能够得到传入其他参数后执行得到的结果。
                                              例如：Fn.call(context, a,b)，函数Fn挂载到context对象上，通过context对象调用函数Fn，并且能够得到传入参数a,b后执行得到的结果
                                              手写 
                                              js
                                              Function.prototype.myCall = function (context) {
+    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              call() 
                                              call()能够改变this指向，执行当前的函数。调用call的函数挂载到传入的第一个参数上，再通过该参数对象来调用‘调用call的函数’，并且能够得到传入其他参数后执行得到的结果。
                                              例如：Fn.call(context, a,b)，函数Fn挂载到context对象上，通过context对象调用函数Fn，并且能够得到传入参数a,b后执行得到的结果
                                              手写 
                                              js
                                              Function.prototype.myCall = function (context) {
   if (context === null || context === undefined) {
     context = window;
   }
@@ -92,8 +92,8 @@
   }
 }
 
                                              
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\351\235\242\350\257\225/NONI/JS/JS\345\237\272\347\241\200/\346\211\213\345\206\231\351\230\262\346\212\226\350\212\202\346\265\201.html" "b/\351\235\242\350\257\225/NONI/JS/JS\345\237\272\347\241\200/\346\211\213\345\206\231\351\230\262\346\212\226\350\212\202\346\265\201.html"
index b853fd8..4ca299f 100644
--- "a/\351\235\242\350\257\225/NONI/JS/JS\345\237\272\347\241\200/\346\211\213\345\206\231\351\230\262\346\212\226\350\212\202\346\265\201.html"
+++ "b/\351\235\242\350\257\225/NONI/JS/JS\345\237\272\347\241\200/\346\211\213\345\206\231\351\230\262\346\212\226\350\212\202\346\265\201.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              防抖 
                                              js
                                              function debounce(fn, delayTime) {
+    
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\351\235\242\350\257\225/NONI/JS/JS\345\237\272\347\241\200/\346\225\260\347\273\204\345\216\237\347\224\237\346\226\271\346\263\225.html" "b/\351\235\242\350\257\225/NONI/JS/JS\345\237\272\347\241\200/\346\225\260\347\273\204\345\216\237\347\224\237\346\226\271\346\263\225.html"
index c000f3d..889d469 100644
--- "a/\351\235\242\350\257\225/NONI/JS/JS\345\237\272\347\241\200/\346\225\260\347\273\204\345\216\237\347\224\237\346\226\271\346\263\225.html"
+++ "b/\351\235\242\350\257\225/NONI/JS/JS\345\237\272\347\241\200/\346\225\260\347\273\204\345\216\237\347\224\237\346\226\271\346\263\225.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              数组原生方法 
                                              一、数组和字符串的转换方法（不改变原数组） 
                                              • toString() ：将数组转换成⼀个字符串；
                                              • join() ：将数组用连接符连接成一个字符串。
                                                js
                                                const arr = [1,2,'b','c']
+    
                                                怀谷
                                                Appearance
                                                 Return to top 
                                                On this page
                                                数组原生方法 
                                                一、数组和字符串的转换方法（不改变原数组） 
                                                • toString() ：将数组转换成⼀个字符串；
                                                • join() ：将数组用连接符连接成一个字符串。
                                                  js
                                                  const arr = [1,2,'b','c']
 const change1 = arr.toString()
 console.log(arr,change1)//(4) [1, 2, 'b', 'c'] '1,2,b,c'
 const change2 = arr.join('')
@@ -75,9 +75,9 @@
 })
 
 console.log(sum)	//10
-
                                                
-    
-    
+
                                              
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\351\235\242\350\257\225/NONI/Vue/diff\347\256\227\346\263\225.html" "b/\351\235\242\350\257\225/NONI/Vue/diff\347\256\227\346\263\225.html"
new file mode 100644
index 0000000..68cdc90
--- /dev/null
+++ "b/\351\235\242\350\257\225/NONI/Vue/diff\347\256\227\346\263\225.html"
@@ -0,0 +1,246 @@
+
+
+  
+    
+    
+    Vue的diff算法 | 怀谷
+    
+    
+    
+    
+    
+    
+  
+  
+  
+  
+    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              Vue的diff算法 
                                              废话 
                                              Vue是一款声明式框架，比起关注过程的命令式框架，在性能消耗上还需要考虑找出差异的消耗，因此声明式的性能消耗要更多一些，如果要减小性能的消耗，就要减小找出差异这块的消耗，这个时候就需要使用diff算法。
                                              关于Vue的声明式，比如说我们在template中的某个标签里使用了插值语法，在dara里定义了相关的数据，那么这个插值语法中的数据就会在视图中渲染出来，这个过程就是使用模板语法来声明式地将数据渲染到DOM上。
                                              定义 
                                              • diff算法是一种在同层级进行比较，在比较过程中会循环地从两边向中间比较的算法。
                                              • 在 Vue 中，作用于虚拟 dom 渲染成真实 dom 的新旧 VNode 节点比较。
                                              • 深度优先，同层比较
                                              原理 
                                              diff 
                                              js
                                              function patch(oldVnode, vnode, hydrating, removeOnly) {
+    if (isUndef(vnode)) { // 没有新节点，直接执行destory钩子函数
+        if (isDef(oldVnode)) invokeDestroyHook(oldVnode)
+        return
+    }
+
+    let isInitialPatch = false
+    const insertedVnodeQueue = []
+
+    if (isUndef(oldVnode)) {
+        isInitialPatch = true
+        createElm(vnode, insertedVnodeQueue) // 没有旧节点，直接用新节点生成dom元素
+    } else {
+        const isRealElement = isDef(oldVnode.nodeType)
+        if (!isRealElement && sameVnode(oldVnode, vnode)) {
+            // 判断旧节点和新节点自身一样，一致执行patchVnode
+            patchVnode(oldVnode, vnode, insertedVnodeQueue, null, null, removeOnly)
+        } else {
+            // 否则直接销毁及旧节点，根据新节点生成dom元素
+            if (isRealElement) {
+
+                if (oldVnode.nodeType === 1 && oldVnode.hasAttribute(SSR_ATTR)) {
+                    oldVnode.removeAttribute(SSR_ATTR)
+                    hydrating = true
+                }
+                if (isTrue(hydrating)) {
+                    if (hydrate(oldVnode, vnode, insertedVnodeQueue)) {
+                        invokeInsertHook(vnode, insertedVnodeQueue, true)
+                        return oldVnode
+                    }
+                }
+                oldVnode = emptyNodeAt(oldVnode)
+            }
+            return vnode.elm
+        }
+    }
+}
+
                                              oldVnode：旧节点
                                              Vnode：传入的新节点
                                              1.判断有无新节点：
                                              • 无，直接触发旧节点的destory钩子
                                              • 有，继续往下
                                              2.判断有无旧节点：
                                              • 无，说明为页面刚初始化的阶段，此时无需比较，直接用新节点生成dom元素
                                              • 有，继续判断新旧节点是否一样
                                                • 一样，调用 patchVnode 处理这两个节点
                                                • 不一样，创建新节点，删除旧节点
                                              patchVnode 
                                              js
                                              function patchVnode (oldVnode, vnode, insertedVnodeQueue, removeOnly) {
+    // 如果新旧节点一致，什么都不做
+    if (oldVnode === vnode) {
+      return
+    }
+
+    // 让vnode.el引用到现在的真实dom，当el修改时，vnode.el会同步变化
+    const elm = vnode.elm = oldVnode.elm
+
+    // 异步占位符
+    if (isTrue(oldVnode.isAsyncPlaceholder)) {
+      if (isDef(vnode.asyncFactory.resolved)) {
+        hydrate(oldVnode.elm, vnode, insertedVnodeQueue)
+      } else {
+        vnode.isAsyncPlaceholder = true
+      }
+      return
+    }
+    // 如果新旧都是静态节点，并且具有相同的key
+    // 当vnode是克隆节点或是v-once指令控制的节点时，只需要把oldVnode.elm和oldVnode.child都复制到vnode上
+    // 也不用再有其他操作
+    if (isTrue(vnode.isStatic) &&
+      isTrue(oldVnode.isStatic) &&
+      vnode.key === oldVnode.key &&
+      (isTrue(vnode.isCloned) || isTrue(vnode.isOnce))
+    ) {
+      vnode.componentInstance = oldVnode.componentInstance
+      return
+    }
+
+    let i
+    const data = vnode.data
+    if (isDef(data) && isDef(i = data.hook) && isDef(i = i.prepatch)) {
+      i(oldVnode, vnode)
+    }
+
+    const oldCh = oldVnode.children
+    const ch = vnode.children
+    if (isDef(data) && isPatchable(vnode)) {
+      for (i = 0; i < cbs.update.length; ++i) cbs.update[i](oldVnode, vnode)
+      if (isDef(i = data.hook) && isDef(i = i.update)) i(oldVnode, vnode)
+    }
+    // 如果vnode不是文本节点或者注释节点
+    if (isUndef(vnode.text)) {
+      // 并且都有子节点
+      if (isDef(oldCh) && isDef(ch)) {
+        // 并且子节点不完全一致，则调用updateChildren
+        if (oldCh !== ch) updateChildren(elm, oldCh, ch, insertedVnodeQueue, removeOnly)
+
+        // 如果只有新的vnode有子节点
+      } else if (isDef(ch)) {
+        if (isDef(oldVnode.text)) nodeOps.setTextContent(elm, '')
+        // elm已经引用了老的dom节点，在老的dom节点上添加子节点
+        addVnodes(elm, null, ch, 0, ch.length - 1, insertedVnodeQueue)
+
+        // 如果新vnode没有子节点，而vnode有子节点，直接删除老的oldCh
+      } else if (isDef(oldCh)) {
+        removeVnodes(elm, oldCh, 0, oldCh.length - 1)
+
+        // 如果老节点是文本节点
+      } else if (isDef(oldVnode.text)) {
+        nodeOps.setTextContent(elm, '')
+      }
+
+      // 如果新vnode和老vnode是文本节点或注释节点
+      // 但是vnode.text != oldVnode.text时，只需要更新vnode.elm的文本内容就可以
+    } else if (oldVnode.text !== vnode.text) {
+      nodeOps.setTextContent(elm, vnode.text)
+    }
+    if (isDef(data)) {
+      if (isDef(i = data.hook) && isDef(i = i.postpatch)) i(oldVnode, vnode)
+    }
+  }
+
                                              代码做了以下操作：
                                              • 找到对应的真实dom，称为el
                                              • 如果都有都有文本节点且不相等，将el文本节点设置为Vnode的文本节点
                                              • 如果oldVnode有子节点而VNode没有，则删除el子节点
                                              • 如果oldVnode没有子节点而VNode有，则将VNode的子节点真实化后添加到el
                                              • 如果两者都有子节点，则执行updateChildren函数比较子节点
                                              updateChildren 
                                              js
                                              function updateChildren (parentElm, oldCh, newCh, insertedVnodeQueue, removeOnly) {
+    let oldStartIdx = 0 // 旧头索引
+    let newStartIdx = 0 // 新头索引
+    let oldEndIdx = oldCh.length - 1 // 旧尾索引
+    let newEndIdx = newCh.length - 1 // 新尾索引
+    let oldStartVnode = oldCh[0] // oldVnode的第一个child
+    let oldEndVnode = oldCh[oldEndIdx] // oldVnode的最后一个child
+    let newStartVnode = newCh[0] // newVnode的第一个child
+    let newEndVnode = newCh[newEndIdx] // newVnode的最后一个child
+    let oldKeyToIdx, idxInOld, vnodeToMove, refElm
+
+    // removeOnly is a special flag used only by <transition-group>
+    // to ensure removed elements stay in correct relative positions
+    // during leaving transitions
+    const canMove = !removeOnly
+
+    // 如果oldStartVnode和oldEndVnode重合，并且新的也都重合了，证明diff完了，循环结束
+    while (oldStartIdx <= oldEndIdx && newStartIdx <= newEndIdx) {
+      // 如果oldVnode的第一个child不存在
+      if (isUndef(oldStartVnode)) {
+        // oldStart索引右移
+        oldStartVnode = oldCh[++oldStartIdx] // Vnode has been moved left
+
+      // 如果oldVnode的最后一个child不存在
+      } else if (isUndef(oldEndVnode)) {
+        // oldEnd索引左移
+        oldEndVnode = oldCh[--oldEndIdx]
+
+      // oldStartVnode和newStartVnode是同一个节点
+      } else if (sameVnode(oldStartVnode, newStartVnode)) {
+        // patch oldStartVnode和newStartVnode， 索引左移，继续循环
+        patchVnode(oldStartVnode, newStartVnode, insertedVnodeQueue)
+        oldStartVnode = oldCh[++oldStartIdx]
+        newStartVnode = newCh[++newStartIdx]
+
+      // oldEndVnode和newEndVnode是同一个节点
+      } else if (sameVnode(oldEndVnode, newEndVnode)) {
+        // patch oldEndVnode和newEndVnode，索引右移，继续循环
+        patchVnode(oldEndVnode, newEndVnode, insertedVnodeQueue)
+        oldEndVnode = oldCh[--oldEndIdx]
+        newEndVnode = newCh[--newEndIdx]
+
+      // oldStartVnode和newEndVnode是同一个节点
+      } else if (sameVnode(oldStartVnode, newEndVnode)) { // Vnode moved right
+        // patch oldStartVnode和newEndVnode
+        patchVnode(oldStartVnode, newEndVnode, insertedVnodeQueue)
+        // 如果removeOnly是false，则将oldStartVnode.eml移动到oldEndVnode.elm之后
+        canMove && nodeOps.insertBefore(parentElm, oldStartVnode.elm, nodeOps.nextSibling(oldEndVnode.elm))
+        // oldStart索引右移，newEnd索引左移
+        oldStartVnode = oldCh[++oldStartIdx]
+        newEndVnode = newCh[--newEndIdx]
+
+      // 如果oldEndVnode和newStartVnode是同一个节点
+      } else if (sameVnode(oldEndVnode, newStartVnode)) { // Vnode moved left
+        // patch oldEndVnode和newStartVnode
+        patchVnode(oldEndVnode, newStartVnode, insertedVnodeQueue)
+        // 如果removeOnly是false，则将oldEndVnode.elm移动到oldStartVnode.elm之前
+        canMove && nodeOps.insertBefore(parentElm, oldEndVnode.elm, oldStartVnode.elm)
+        // oldEnd索引左移，newStart索引右移
+        oldEndVnode = oldCh[--oldEndIdx]
+        newStartVnode = newCh[++newStartIdx]
+
+      // 如果都不匹配
+      } else {
+        if (isUndef(oldKeyToIdx)) oldKeyToIdx = createKeyToOldIdx(oldCh, oldStartIdx, oldEndIdx)
+
+        // 尝试在oldChildren中寻找和newStartVnode的具有相同的key的Vnode
+        idxInOld = isDef(newStartVnode.key)
+          ? oldKeyToIdx[newStartVnode.key]
+          : findIdxInOld(newStartVnode, oldCh, oldStartIdx, oldEndIdx)
+
+        // 如果未找到，说明newStartVnode是一个新的节点
+        if (isUndef(idxInOld)) { // New element
+          // 创建一个新Vnode
+          createElm(newStartVnode, insertedVnodeQueue, parentElm, oldStartVnode.elm)
+
+        // 如果找到了和newStartVnodej具有相同的key的Vnode，叫vnodeToMove
+        } else {
+          vnodeToMove = oldCh[idxInOld]
+          /* istanbul ignore if */
+          if (process.env.NODE_ENV !== 'production' && !vnodeToMove) {
+            warn(
+              'It seems there are duplicate keys that is causing an update error. ' +
+              'Make sure each v-for item has a unique key.'
+            )
+          }
+
+          // 比较两个具有相同的key的新节点是否是同一个节点
+          //不设key，newCh和oldCh只会进行头尾两端的相互比较，设key后，除了头尾两端的比较外，还会从用key生成的对象oldKeyToIdx中查找匹配的节点，所以为节点设置key可以更高效的利用dom。
+          if (sameVnode(vnodeToMove, newStartVnode)) {
+            // patch vnodeToMove和newStartVnode
+            patchVnode(vnodeToMove, newStartVnode, insertedVnodeQueue)
+            // 清除
+            oldCh[idxInOld] = undefined
+            // 如果removeOnly是false，则将找到的和newStartVnodej具有相同的key的Vnode，叫vnodeToMove.elm
+            // 移动到oldStartVnode.elm之前
+            canMove && nodeOps.insertBefore(parentElm, vnodeToMove.elm, oldStartVnode.elm)
+
+          // 如果key相同，但是节点不相同，则创建一个新的节点
+          } else {
+            // same key but different element. treat as new element
+            createElm(newStartVnode, insertedVnodeQueue, parentElm, oldStartVnode.elm)
+          }
+        }
+
+        // 右移
+        newStartVnode = newCh[++newStartIdx]
+      }
+    }
+
                                              while循环主要处理了以下五种情景：
                                              • 当新老 VNode 节点的 start 相同时，直接 patchVnode ，同时新老 VNode 节点的开始索引都加 1
                                              • 当新老 VNode 节点的 end相同时，同样直接 patchVnode ，同时新老 VNode 节点的结束索引都减 1
                                              • 当老 VNode 节点的 start 和新 VNode 节点的 end 相同时，这时候在 patchVnode 后，还需要将当前真实 dom 节点移动到 oldEndVnode 的后面，同时老 VNode 节点开始索引加 1，新 VNode 节点的结束索引减 1
                                              • 当老 VNode 节点的 end 和新 VNode 节点的 start 相同时，这时候在 patchVnode 后，还需要将当前真实 dom 节点移动到 oldStartVnode 的前面，同时老 VNode 节点结束索引减 1，新 VNode 节点的开始索引加 1
                                              • 如果都不满足以上四种情形，那说明没有相同的节点可以复用，则会分为以下两种情况： 
                                                • 从旧的 VNode 为 key 值，对应 index 序列为 value 值的哈希表中找到与 newStartVnode 一致 key 的旧的 VNode 节点，再进行patchVnode，同时将这个真实 dom移动到 oldStartVnode 对应的真实 dom 的前面
                                                • 调用 createElm 创建一个新的 dom 节点放到当前 newStartIdx 的位置
                                              
+    
+    
+    
+  
+
\ No newline at end of file
diff --git "a/\351\235\242\350\257\225/NONI/Vue/v-if\345\222\214v-for\345\220\214\346\227\266\344\275\277\347\224\250\351\227\256\351\242\230.html" "b/\351\235\242\350\257\225/NONI/Vue/v-if\345\222\214v-for\345\220\214\346\227\266\344\275\277\347\224\250\351\227\256\351\242\230.html"
index 1b5ee92..640dfb3 100644
--- "a/\351\235\242\350\257\225/NONI/Vue/v-if\345\222\214v-for\345\220\214\346\227\266\344\275\277\347\224\250\351\227\256\351\242\230.html"
+++ "b/\351\235\242\350\257\225/NONI/Vue/v-if\345\222\214v-for\345\220\214\346\227\266\344\275\277\347\224\250\351\227\256\351\242\230.html"
@@ -6,8 +6,8 @@
     v-if和v-for同时使用问题 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              v-if和v-for同时使用问题 
                                              在vue2的官方文档中提到了不推荐v-if和v-for同时使用，给出的解释是在两者中，v-for具有比v-if更高的优先级（vue2）。
                                              实例 
                                              html
                                              <ul>
+    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              v-if和v-for同时使用问题 
                                              在vue2的官方文档中提到了不推荐v-if和v-for同时使用，给出的解释是在两者中，v-for具有比v-if更高的优先级（vue2）。
                                              实例 
                                              html
                                              <ul>
  <li
   v-for="user in users"
   v-if="user.isActive"
@@ -57,9 +57,9 @@
  </li>
 </ul>
 
-
                                              适用场景 
                                              该方法避免了渲染本应该被隐藏的列表。如果需要根据某个条件动态渲染一组元素时，可以使用v-if指令。
                                              优点 
                                              • 使用v-if指令可以更加灵活地控制元素的显示和隐藏，可以根据需要动态地添加或删除DOM元素。
                                              • 在容器元素上使用v-if可以提高页面性能，因为只有在shouldShowUsers为true时才会渲染列表，而不是在每个列表项上都进行判断。
                                              缺点 
                                              • 在模板中嵌套过多的指令可能会使代码变得难以理解和维护。
                                              总结 
                                              • 在vue2中，不要把v-if 和 v-for 同时用在同一个元素上，会带来性能上的浪费，即每次渲染都会先循环再进行条件的判断。
                                              • 替代方法一，可通过计算属性computed提前过滤掉那些不需要显示的项来实现最终效果。
                                              • 替代方法二，可通过在外层添加v-if判断，内部进行v-for循环的方法来实现最终效果。
                                              
-    
-    
+
                                              适用场景 
                                              该方法避免了渲染本应该被隐藏的列表。如果需要根据某个条件动态渲染一组元素时，可以使用v-if指令。
                                              优点 
                                              • 使用v-if指令可以更加灵活地控制元素的显示和隐藏，可以根据需要动态地添加或删除DOM元素。
                                              • 在容器元素上使用v-if可以提高页面性能，因为只有在shouldShowUsers为true时才会渲染列表，而不是在每个列表项上都进行判断。
                                              缺点 
                                              • 在模板中嵌套过多的指令可能会使代码变得难以理解和维护。
                                              总结 
                                              • 在vue2中，不要把v-if 和 v-for 同时用在同一个元素上，会带来性能上的浪费，即每次渲染都会先循环再进行条件的判断。
                                              • 替代方法一，可通过计算属性computed提前过滤掉那些不需要显示的项来实现最终效果。
                                              • 替代方法二，可通过在外层添加v-if判断，内部进行v-for循环的方法来实现最终效果。
                                              
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\351\235\242\350\257\225/NONI/Vue/vue2\343\200\2013\347\232\204\345\214\272\345\210\253.html" "b/\351\235\242\350\257\225/NONI/Vue/vue2\343\200\2013\347\232\204\345\214\272\345\210\253.html"
new file mode 100644
index 0000000..822d449
--- /dev/null
+++ "b/\351\235\242\350\257\225/NONI/Vue/vue2\343\200\2013\347\232\204\345\214\272\345\210\253.html"
@@ -0,0 +1,27 @@
+
+
+  
+    
+    
+    怀谷 | 怀谷
+    
+    
+    
+    
+    
+    
+  
+  
+  
+  
+    
+    
+    
+    
+  
+
\ No newline at end of file
diff --git "a/\351\235\242\350\257\225/\345\211\215\347\253\257/HTTP/HTTP\347\232\204\344\274\230\345\205\210\347\272\247.html" "b/\351\235\242\350\257\225/\345\211\215\347\253\257/HTTP/HTTP\347\232\204\344\274\230\345\205\210\347\272\247.html"
index e4a1582..94e461a 100644
--- "a/\351\235\242\350\257\225/\345\211\215\347\253\257/HTTP/HTTP\347\232\204\344\274\230\345\205\210\347\272\247.html"
+++ "b/\351\235\242\350\257\225/\345\211\215\347\253\257/HTTP/HTTP\347\232\204\344\274\230\345\205\210\347\272\247.html"
@@ -6,8 +6,8 @@
     强缓存 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              强缓存 
                                              Expires(HTTP/1.0)和Cache-Control(HTTP1.1)，其中Cache-Control优先级高于Expires 位于请求/响应头
                                              Expires 
                                              Expires: Wed, 22 Oct 2018 08:41:00 GMT
-
                                              由于Expires受制于客户端时间，修改客户端时间可能导致缓存失效
                                              Cache-Control 
                                              请求/响应头，缓存控制字段，精确控制缓存策略 这里涉及到的字段是max-age,Cache-Control还有其他字段
                                              协商缓存 
                                              1. 没有 Cache-Control 和 Expires
                                              2. Cache-Control 和 Expires 过期
                                              3. 设置了 no-cache
                                              如果有更新即更新缓存 200 没有缓存则更新浏览器缓存有效期 304
                                              ETag 
                                              对比HTTP1.x 
                                              使用HTTP/1.x，浏览器可以完全控制资源加载顺序。每个连接一次只能支持一个资源请求，服务器会尽快返回请求的内容。浏览器可以通过决定何时请求资源以及打开多少个并行连接来安排请求
                                              1.HTTP 协议老的标准是HTTP/1.0，为了提高系统的效率，HTTP 1.0规定浏览器与服务器只保持短暂的连接，浏览器的每次请求都需要与服务器建立一个TCP连接，服务器完成请求处理后立即断开TCP连接，服务器不跟踪每个客户也不记录过去的请求。即无状态，并且HTTP1的连接无法复用导致每一次请求都会经历三次握手和四次挥手
                                              
-    
-    
+    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              强缓存 
                                              Expires(HTTP/1.0)和Cache-Control(HTTP1.1)，其中Cache-Control优先级高于Expires 位于请求/响应头
                                              Expires 
                                              Expires: Wed, 22 Oct 2018 08:41:00 GMT
+
                                              由于Expires受制于客户端时间，修改客户端时间可能导致缓存失效
                                              Cache-Control 
                                              请求/响应头，缓存控制字段，精确控制缓存策略 这里涉及到的字段是max-age,Cache-Control还有其他字段
                                              协商缓存 
                                              1. 没有 Cache-Control 和 Expires
                                              2. Cache-Control 和 Expires 过期
                                              3. 设置了 no-cache
                                              如果有更新即更新缓存 200 没有缓存则更新浏览器缓存有效期 304
                                              ETag 
                                              对比HTTP1.x 
                                              使用HTTP/1.x，浏览器可以完全控制资源加载顺序。每个连接一次只能支持一个资源请求，服务器会尽快返回请求的内容。浏览器可以通过决定何时请求资源以及打开多少个并行连接来安排请求
                                              1.HTTP 协议老的标准是HTTP/1.0，为了提高系统的效率，HTTP 1.0规定浏览器与服务器只保持短暂的连接，浏览器的每次请求都需要与服务器建立一个TCP连接，服务器完成请求处理后立即断开TCP连接，服务器不跟踪每个客户也不记录过去的请求。即无状态，并且HTTP1的连接无法复用导致每一次请求都会经历三次握手和四次挥手
                                              
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\351\235\242\350\257\225/\345\211\215\347\253\257/flexandgrid.html" "b/\351\235\242\350\257\225/\345\211\215\347\253\257/flexandgrid.html"
index e232dae..1521aed 100644
--- "a/\351\235\242\350\257\225/\345\211\215\347\253\257/flexandgrid.html"
+++ "b/\351\235\242\350\257\225/\345\211\215\347\253\257/flexandgrid.html"
@@ -6,8 +6,8 @@
     flex | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              flex 
                                              Webkit 内核的浏览器，必须加上-webkit前缀。
+    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              flex 
                                              Webkit 内核的浏览器，必须加上-webkit前缀。
 
                                              TIP
                                              flex 的核心的概念就是 容器 和 轴。容器包括外层的 父容器 和内层的 子容器，轴包括 主轴 和 交叉轴
                                              设置子容器沿主轴排列：justify-content 
                                              css
                                              flex-start：起始端对齐
 flex-end：末尾段对齐
 center：居中对齐
@@ -51,8 +51,8 @@
   grid-template-rows: repeat(3, 33.33%);
 }
 
                                              auto-fill 
                                              有时，单元格的大小是固定的，但是容器的大小不确定。如果希望每一行（或每一列）容纳尽可能多的单元格，这时可以使用auto-fill关键字表示自动填充。
                                              fr 关键字 
                                              为了方便表示比例关系，网格布局提供了fr关键字（fraction 的缩写，意为"片段"）。如果两列的宽度分别为1fr和2fr，就表示后者是前者的两倍。
                                              间隔 
                                              grid-row-gap属性设置行与行的间隔（行间距），grid-column-gap属性设置列与列的间隔（列间距）。
                                              
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\351\235\242\350\257\225/\345\211\215\347\253\257/url\345\210\260\351\241\265\351\235\242/\346\200\273\347\253\240.html" "b/\351\235\242\350\257\225/\345\211\215\347\253\257/url\345\210\260\351\241\265\351\235\242/\346\200\273\347\253\240.html"
index 3214c63..cc22984 100644
--- "a/\351\235\242\350\257\225/\345\211\215\347\253\257/url\345\210\260\351\241\265\351\235\242/\346\200\273\347\253\240.html"
+++ "b/\351\235\242\350\257\225/\345\211\215\347\253\257/url\345\210\260\351\241\265\351\235\242/\346\200\273\347\253\240.html"
@@ -6,8 +6,8 @@
     URL面试题目 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              URL面试题目 
                                              面试中有一个高频的面试题就是当输入URL时会发生什么，越详细越好，ok,接下来我们一起来看看
                                              DNS域名解析 
                                              在浏览器输入网址后，首先要经过域名解析，因为浏览器并不能直接通过域名(www.baidu.com)找到对应的服务器，而是要通过 IP 地址(220.114.23.56)
                                              1.1 DNS域名解析
                                              按照顺序为浏览器缓存，系统缓存，路由器缓存，IPS服务器缓存，根域名服务器缓存，顶级域名服务器缓存，主域名服务器缓存
                                              
-    
-    
+    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              URL面试题目 
                                              面试中有一个高频的面试题就是当输入URL时会发生什么，越详细越好，ok,接下来我们一起来看看
                                              DNS域名解析 
                                              在浏览器输入网址后，首先要经过域名解析，因为浏览器并不能直接通过域名(www.baidu.com)找到对应的服务器，而是要通过 IP 地址(220.114.23.56)
                                              1.1 DNS域名解析
                                              按照顺序为浏览器缓存，系统缓存，路由器缓存，IPS服务器缓存，根域名服务器缓存，顶级域名服务器缓存，主域名服务器缓存
                                              
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\351\235\242\350\257\225/\345\211\215\347\253\257/\344\272\213\344\273\266/\344\272\213\344\273\266\345\276\252\347\216\257.html" "b/\351\235\242\350\257\225/\345\211\215\347\253\257/\344\272\213\344\273\266/\344\272\213\344\273\266\345\276\252\347\216\257.html"
index a53c6a0..176543e 100644
--- "a/\351\235\242\350\257\225/\345\211\215\347\253\257/\344\272\213\344\273\266/\344\272\213\344\273\266\345\276\252\347\216\257.html"
+++ "b/\351\235\242\350\257\225/\345\211\215\347\253\257/\344\272\213\344\273\266/\344\272\213\344\273\266\345\276\252\347\216\257.html"
@@ -6,8 +6,8 @@
     EventLoop | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              EventLoop 
                                              宏任务（MacroTask）:
                                              setTimeout、setInterval、setImmediate（浏览器暂时不支持，只有IE10支持，具体可见MDN）、I/O、UI Rendering。
                                              MicroTask（微任务）
                                              Process.nextTick（Node独有）、Promise、Object.observe(废弃)、MutationObserver（具体使用方式查看这里）
                                              Javascript 有一个 main thread 主线程和 call-stack 调用栈(执行栈)，所有的任务都会被放到调用栈等待主线程执行
                                              js
                                              const promise = new Promise((resolve, reject) => {
+    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              EventLoop 
                                              宏任务（MacroTask）:
                                              setTimeout、setInterval、setImmediate（浏览器暂时不支持，只有IE10支持，具体可见MDN）、I/O、UI Rendering。
                                              MicroTask（微任务）
                                              Process.nextTick（Node独有）、Promise、Object.observe(废弃)、MutationObserver（具体使用方式查看这里）
                                              Javascript 有一个 main thread 主线程和 call-stack 调用栈(执行栈)，所有的任务都会被放到调用栈等待主线程执行
                                              js
                                              const promise = new Promise((resolve, reject) => {
   console.log(1);
   setTimeout(() => {
     console.log(2);
@@ -34,8 +34,8 @@
 console.log(6);
 //146235
 
                                              
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\351\235\242\350\257\225/\345\211\215\347\253\257/\344\272\213\344\273\266/\344\272\213\344\273\266\346\234\272\345\210\266.html" "b/\351\235\242\350\257\225/\345\211\215\347\253\257/\344\272\213\344\273\266/\344\272\213\344\273\266\346\234\272\345\210\266.html"
index 12004f1..e3628c9 100644
--- "a/\351\235\242\350\257\225/\345\211\215\347\253\257/\344\272\213\344\273\266/\344\272\213\344\273\266\346\234\272\345\210\266.html"
+++ "b/\351\235\242\350\257\225/\345\211\215\347\253\257/\344\272\213\344\273\266/\344\272\213\344\273\266\346\234\272\345\210\266.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              事件捕获阶段 处于目标阶段 事件冒泡阶段
                                              TIP
                                              JS代码只能执行捕获或者冒泡其中的一个阶段 onclick 和 attachEvent 只能得到冒泡阶段 addEventListener (type, listener[, useCapture]) 第三个参数如果是true，表示在事件捕获阶段调用事件处理程序；如果是false（不写默认就是false），表示在事件冒泡阶段电泳事件处理程序。 在实际开发中，我们很少使用事件捕获(低版本ie不兼容)，我们更关注事件冒泡 有些事件是没有冒泡的，比如onblur、onfocus、onmouseover、onmouseleave
                                              this返回的是绑定事件的DOM元素，e.target返回的是触发事件的对象
                                              事件代理和事件委托 
                                              冒泡阶段 this是可以变化的，但event.target不会变化
                                              target 属性指向的是事件目标，而 currentTarget 属性指向的是正在处理当前事件的对象，它总是指向事件绑定的元素。而 target 指向的可能不是定义时的事件目标。
                                              html
                                                  <div id="HUAIGU">
+    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              事件捕获阶段 处于目标阶段 事件冒泡阶段
                                              TIP
                                              JS代码只能执行捕获或者冒泡其中的一个阶段 onclick 和 attachEvent 只能得到冒泡阶段 addEventListener (type, listener[, useCapture]) 第三个参数如果是true，表示在事件捕获阶段调用事件处理程序；如果是false（不写默认就是false），表示在事件冒泡阶段电泳事件处理程序。 在实际开发中，我们很少使用事件捕获(低版本ie不兼容)，我们更关注事件冒泡 有些事件是没有冒泡的，比如onblur、onfocus、onmouseover、onmouseleave
                                              this返回的是绑定事件的DOM元素，e.target返回的是触发事件的对象
                                              事件代理和事件委托 
                                              冒泡阶段 this是可以变化的，但event.target不会变化
                                              target 属性指向的是事件目标，而 currentTarget 属性指向的是正在处理当前事件的对象，它总是指向事件绑定的元素。而 target 指向的可能不是定义时的事件目标。
                                              html
                                                  <div id="HUAIGU">
         <div>
             dom1
         </div>
@@ -36,8 +36,8 @@
         })
     </script>
 
                                              stopPropagation() 阻止事件冒泡，设置之后，点击该元素时父元素绑定的事件就不会再触发； preventDefault() 阻止默认事件发生； stopImmediatePropagation() 用来阻止监听同一事件的其他事件监听器被调用以及阻止事件冒泡
                                              
-    
-    
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\351\235\242\350\257\225/\345\211\215\347\253\257/\345\256\242\346\210\267\347\253\257\345\255\230\345\202\250.html" "b/\351\235\242\350\257\225/\345\211\215\347\253\257/\345\256\242\346\210\267\347\253\257\345\255\230\345\202\250.html"
index c018817..b6bab60 100644
--- "a/\351\235\242\350\257\225/\345\211\215\347\253\257/\345\256\242\346\210\267\347\253\257\345\255\230\345\202\250.html"
+++ "b/\351\235\242\350\257\225/\345\211\215\347\253\257/\345\256\242\346\210\267\347\253\257\345\255\230\345\202\250.html"
@@ -6,8 +6,8 @@
     cookie 大小(4KB) | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              cookie 大小(4KB) 
                                              当服务器收到 HTTP 请求时，服务器可以在响应头里设置一个 Set-cookie 选项，浏览器接收到响应后会自动保存下 Cookie，之后浏览器对该服务器的每一次请求中都会通过请求头把 Cookie 信息发送给服务器。通过以下 node 版本代码案例（通过 req.cookie 设置 cookie,而不是设置请求头的 Set-cookie字段）当请求了 '/' 路径 Cookie 就会保存如下图信息。后面请求其他 path （如：/login）时在以下代码中都能通过 'req.headers.cookie' 打印出请求携带的 Cookie 信息（即为浏览器保存的 Cookie）。
                                              Cookie是保存在客户端磁盘上的，所以不宜占据太多磁盘空间。同时，Cookie是绑定在特定域名上的。当设定了一个Cookie之后，再给创建它的域名发一个请求时，还会包含该Cookie。所以对Cookie的限制是对每个域来说的。但各个浏览器也有不同： IE6及以下每个域名最多包含20个Cookie； IE7及以上每个域名最多50个Cookie； Firefox每个域名最多50个Cookie； Opera下每个域名最多30个Cookie； Sarafi和Chrome对每个域的Cookie数目没有严格限制。
                                              1.过期时间设置（Expires 字段） 2.设置域（domain），指定 cookie 在哪个域下可以被接受 3.设置路径（path），指定 cookie 在当前主机下哪些路径可以接受 Cookie 4.设置不能通过 javascript 访问 Cookie。（HttpOnly字段） 5.设置一段时间过期。（Max-Age） 6.设置 secure 字段 7.设置 someSite ，它有三个可选值 None、strict、Lax
                                              session 
                                              session是一种服务度机制，类似散列表结构来存储用户数据 浏览器第一次向客户端发送请求时，服务器会自动生成一个session和sessionid sessionid唯一标识这个session 服务器响应时把sessionid发送给浏览器 浏览器第二次向服务器发送请求时就会携带这个sessionid 服务器通过这个id找到对应的session获取用户数据
                                              TIP
                                              session保存在服务器，cookie保存在客户端 session中保存的时对象，cookie保存的是字符串 session不能区分路径，同一个用户访问一个网站期间，所有的session在任何一个地方都可以访问 cookie如果设置路径，则在某些地方不能访问 session需要借助cookie才能正常工作，如果禁用cookie,session则失效 客户端会在发送请求的时候，自动将本地存活的cookie封装在信息头发送给服务器
                                              localstorage and SessionStorage(5101KB) 
                                              失效时间 sessionStorage的失效时间为当前会话是否被关闭, 如果当前会话中存储有key和value,会话关闭数据则消失,所以我们可以得到结论,sessionStorage的失效取决于会话 localStorage的失效时间为用户手动删除,相比sessionStorage的
                                              
-    
-    
+    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              cookie 大小(4KB) 
                                              当服务器收到 HTTP 请求时，服务器可以在响应头里设置一个 Set-cookie 选项，浏览器接收到响应后会自动保存下 Cookie，之后浏览器对该服务器的每一次请求中都会通过请求头把 Cookie 信息发送给服务器。通过以下 node 版本代码案例（通过 req.cookie 设置 cookie,而不是设置请求头的 Set-cookie字段）当请求了 '/' 路径 Cookie 就会保存如下图信息。后面请求其他 path （如：/login）时在以下代码中都能通过 'req.headers.cookie' 打印出请求携带的 Cookie 信息（即为浏览器保存的 Cookie）。
                                              Cookie是保存在客户端磁盘上的，所以不宜占据太多磁盘空间。同时，Cookie是绑定在特定域名上的。当设定了一个Cookie之后，再给创建它的域名发一个请求时，还会包含该Cookie。所以对Cookie的限制是对每个域来说的。但各个浏览器也有不同： IE6及以下每个域名最多包含20个Cookie； IE7及以上每个域名最多50个Cookie； Firefox每个域名最多50个Cookie； Opera下每个域名最多30个Cookie； Sarafi和Chrome对每个域的Cookie数目没有严格限制。
                                              1.过期时间设置（Expires 字段） 2.设置域（domain），指定 cookie 在哪个域下可以被接受 3.设置路径（path），指定 cookie 在当前主机下哪些路径可以接受 Cookie 4.设置不能通过 javascript 访问 Cookie。（HttpOnly字段） 5.设置一段时间过期。（Max-Age） 6.设置 secure 字段 7.设置 someSite ，它有三个可选值 None、strict、Lax
                                              session 
                                              session是一种服务度机制，类似散列表结构来存储用户数据 浏览器第一次向客户端发送请求时，服务器会自动生成一个session和sessionid sessionid唯一标识这个session 服务器响应时把sessionid发送给浏览器 浏览器第二次向服务器发送请求时就会携带这个sessionid 服务器通过这个id找到对应的session获取用户数据
                                              TIP
                                              session保存在服务器，cookie保存在客户端 session中保存的时对象，cookie保存的是字符串 session不能区分路径，同一个用户访问一个网站期间，所有的session在任何一个地方都可以访问 cookie如果设置路径，则在某些地方不能访问 session需要借助cookie才能正常工作，如果禁用cookie,session则失效 客户端会在发送请求的时候，自动将本地存活的cookie封装在信息头发送给服务器
                                              localstorage and SessionStorage(5101KB) 
                                              失效时间 sessionStorage的失效时间为当前会话是否被关闭, 如果当前会话中存储有key和value,会话关闭数据则消失,所以我们可以得到结论,sessionStorage的失效取决于会话 localStorage的失效时间为用户手动删除,相比sessionStorage的
                                              
+    
+    
     
   
 
\ No newline at end of file
diff --git "a/\351\235\242\350\257\225/\345\211\215\347\253\257/\350\267\250\345\237\237.html" "b/\351\235\242\350\257\225/\345\211\215\347\253\257/\350\267\250\345\237\237.html"
index 19cf79d..8fbf7dc 100644
--- "a/\351\235\242\350\257\225/\345\211\215\347\253\257/\350\267\250\345\237\237.html"
+++ "b/\351\235\242\350\257\225/\345\211\215\347\253\257/\350\267\250\345\237\237.html"
@@ -6,8 +6,8 @@
     怀谷 | 怀谷
     
     
-    
-    
+    
+    
     
     
   
   
   
-    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              跨域 
                                              跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的
                                              解决方案如下
                                              jsonp 
                                              利用了 script 不受同源策略的限制
                                              缺点：只能 get 方式，易受到 XSS攻击
                                              CORS（Cross-Origin Resource Sharing）,跨域资源共享 
                                              当使用XMLHttpRequest发送请求时，如果浏览器发现违反了同源策略就会自动加上一个请求头 origin；
                                              后端在接受到请求后确定响应后会在 Response Headers 中加入一个属性 Access-Control-Allow-Origin；
                                              浏览器判断响应中的 Access-Control-Allow-Origin 值是否和当前的地址相同，匹配成功后才继续响应处理，否则报错
                                              缺点：忽略 cookie，浏览器版本有一定要求
                                              代理跨域请求(Nginx) 
                                              前端向发送请求，经过代理，请求需要的服务器资源
                                              缺点：需要额外的代理服务器
                                              基于websocket 
                                              websocket 是 Html5 一种新的协议，基于该协议可以做到浏览器与服务器全双工通信，允许跨域请求
                                              缺点：浏览器一定版本要求，服务器需要支持 websocket 协议
                                              
-    
-    
+    
                                              怀谷
                                              Appearance
                                               Return to top 
                                              On this page
                                              跨域 
                                              跨域，是指浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的
                                              解决方案如下
                                              jsonp 
                                              利用了 script 不受同源策略的限制
                                              缺点：只能 get 方式，易受到 XSS攻击
                                              CORS（Cross-Origin Resource Sharing）,跨域资源共享 
                                              当使用XMLHttpRequest发送请求时，如果浏览器发现违反了同源策略就会自动加上一个请求头 origin；
                                              后端在接受到请求后确定响应后会在 Response Headers 中加入一个属性 Access-Control-Allow-Origin；
                                              浏览器判断响应中的 Access-Control-Allow-Origin 值是否和当前的地址相同，匹配成功后才继续响应处理，否则报错
                                              缺点：忽略 cookie，浏览器版本有一定要求
                                              代理跨域请求(Nginx) 
                                              前端向发送请求，经过代理，请求需要的服务器资源
                                              缺点：需要额外的代理服务器
                                              基于websocket 
                                              websocket 是 Html5 一种新的协议，基于该协议可以做到浏览器与服务器全双工通信，允许跨域请求
                                              缺点：浏览器一定版本要求，服务器需要支持 websocket 协议
                                              
+    
+    
     
   
 
\ No newline at end of file