调整位置

Author: dddssw

.vitepress/config.mts

@@ -68,6 +68,7 @@ export default defineConfig({
         items: [
           { text: "grammar", link: "/javascript/grammar/introduction" },
           { text: "application", link: "/javascript/application/firstFrame" },
+          { text: "Web api", link: "/javascript/Web-Api/ResizeObserver" },
           { text: "算法", link: "/javascript/algorithm" },
           { text: "手写题", link: "/javascript/handlecode" },
         ],
@@ -80,7 +81,7 @@ export default defineConfig({
           { text: "React", link: "/frame/react/start" },
         ],
       },
-      { text: "Web-Api", link: "/Web-Api/ResizeObserver" },
+      // { text: "Web-Api", link: "/Web-Api/ResizeObserver" },
       { text: "pnpm", link: "/pnpm/overview" },
       { text: "vscode", link: "/vscode/extension" },
       {
@@ -209,6 +210,34 @@ export default defineConfig({
           link: "/javascript/algorithm",
         },
       ],
+      "/javascript/Web-Api": [
+        { text: "ResizeObserver", link: "/javascript/Web-Api/ResizeObserver" },
+        { text: "XMLHttpRequest", link: "/javascript/Web-Api/XMLHttpRequest" },
+        { text: "Web Storage API", link: "/javascript/Web-Api/StorageAPI" },
+        { text: "高亮API", link: "/javascript/Web-Api/Highlight" },
+        { text: "同源通信", link: "/javascript/Web-Api/sameOrigin" },
+        { text: "CSS 对象模型（CSSOM）", link: "/javascript/Web-Api/cssom" },
+        { text: "File API", link: "/javascript/Web-Api/file" },
+        { text: "Canvas", link: "/javascript/Web-Api/canvas" },
+        { text: "拖拽API", link: "/javascript/Web-Api/dragAnddrop" },
+        { text: "History API", link: "/javascript/Web-Api/history" },
+        {
+          text: "Intersection Observer API",
+          link: "/Web-Api/intersection",
+        },
+        {
+          text: "web work",
+          link: "/Web-Api/webWork",
+        },
+        {
+          text: "webAssembly",
+          link: "/Web-Api/webAssembly",
+        },
+        {
+          text: "service work",
+          link: "/Web-Api/serviceWork",
+        },
+      ],
       "/rust/": [
         {
           text: "开始",
@@ -261,40 +290,40 @@ export default defineConfig({
           link: "/frame/vue/apis",
         },
       ],
-      "/Web-Api/": [
-        {
-          text: "Web-Api",
-          // collapsed: true,
-          items: [
-            { text: "ResizeObserver", link: "/Web-Api/ResizeObserver" },
-            { text: "XMLHttpRequest", link: "/Web-Api/XMLHttpRequest" },
-            { text: "Web Storage API", link: "/Web-Api/StorageAPI" },
-            { text: "高亮API", link: "/Web-Api/Highlight" },
-            { text: "同源通信", link: "/Web-Api/sameOrigin" },
-            { text: "CSS 对象模型（CSSOM）", link: "/Web-Api/cssom" },
-            { text: "File API", link: "/Web-Api/file" },
-            { text: "Canvas", link: "/Web-Api/canvas" },
-            { text: "拖拽API", link: "/Web-Api/dragAnddrop" },
-            { text: "History API", link: "/Web-Api/history" },
-            {
-              text: "Intersection Observer API",
-              link: "/Web-Api/intersection",
-            },
-            {
-              text: "web work",
-              link: "/Web-Api/webWork",
-            },
-            {
-              text: "webAssembly",
-              link: "/Web-Api/webAssembly",
-            },
-            {
-              text: "service work",
-              link: "/Web-Api/serviceWork",
-            },
-          ],
-        },
-      ],
+      // "/Web-Api/": [
+      //   {
+      //     text: "Web-Api",
+      //     // collapsed: true,
+      //     items: [
+      //       { text: "ResizeObserver", link: "/Web-Api/ResizeObserver" },
+      //       { text: "XMLHttpRequest", link: "/Web-Api/XMLHttpRequest" },
+      //       { text: "Web Storage API", link: "/Web-Api/StorageAPI" },
+      //       { text: "高亮API", link: "/Web-Api/Highlight" },
+      //       { text: "同源通信", link: "/Web-Api/sameOrigin" },
+      //       { text: "CSS 对象模型（CSSOM）", link: "/Web-Api/cssom" },
+      //       { text: "File API", link: "/Web-Api/file" },
+      //       { text: "Canvas", link: "/Web-Api/canvas" },
+      //       { text: "拖拽API", link: "/Web-Api/dragAnddrop" },
+      //       { text: "History API", link: "/Web-Api/history" },
+      //       {
+      //         text: "Intersection Observer API",
+      //         link: "/Web-Api/intersection",
+      //       },
+      //       {
+      //         text: "web work",
+      //         link: "/Web-Api/webWork",
+      //       },
+      //       {
+      //         text: "webAssembly",
+      //         link: "/Web-Api/webAssembly",
+      //       },
+      //       {
+      //         text: "service work",
+      //         link: "/Web-Api/serviceWork",
+      //       },
+      //     ],
+      //   },
+      // ],
       "/configure/": [
         {
           text: "项目配置",

frame/react/start.md

@@ -234,4 +234,19 @@ function Profile() {
 
 捕获事件对于路由或数据分析之类的代码很有用，但你可能不会在应用程序代码中使用它们。
 
-这就相当监听元素的捕获事件
+这就相当监听元素的捕获事件
+
+## react的事件处理
+不会在每一个元素上绑定事件。会把对应的函数添加到一个内部函数映射中，在页面的document上设置一个事件监听器。通过冒泡检查是否有对应的handler
+
+合成事件：统一了浏览器的不一致性。包含传播工作必需的信息
+
+但是创建的合成事件包装器会被垃圾回收。需要占用cpu。为此，react提供了一个合成事件实例池
+
+::: tip
+unknown never
+any的类型安全替代物，操作前需要进行断言或者基于控制流的收缩
+
+用于函数永远不会有返回值或到达其执行路径末端
+:::
+