diff --git a/docs/.vuepress/theme/layouts/Layout.vue b/docs/.vuepress/theme/layouts/Layout.vue
index 1a60a770..b2ad61c5 100644
--- a/docs/.vuepress/theme/layouts/Layout.vue
+++ b/docs/.vuepress/theme/layouts/Layout.vue
@@ -19,6 +19,12 @@
       <slot name="page-top" #top />
       <slot name="page-bottom" #bottom />
     </Page>
+    <footer class="footer">
+    <div class="container">
+      <p class="text-center">© 2024 web全栈体系. All Rights Reserved.（所有文章未经授权禁止转载、摘编、复制或建立镜像，如有违反，追究法律责任。）</p>
+      <p class="text-center"><a href="https://beian.miit.gov.cn" target="_blank">豫ICP备19041317号-1</a></p>
+    </div>
+  </footer>
   </div>
 </template>
 
@@ -138,3 +144,20 @@ export default {
   },
 }
 </script>
+
+<style scoped >
+.footer {
+  background-color: #000;
+  color: #fff;
+  padding: 20px 0;
+}
+
+.container {
+  max-width: 1200px;
+  margin: 0 auto;
+}
+
+.text-center {
+  text-align: center;
+}
+</style>
diff --git a/docs/README.md b/docs/README.md
index 967b3ac0..b5ead7c5 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -24,5 +24,5 @@ features:
   details: 同构项目
 - title: 杂项
   details: react原理、js基础等
-footer:  MAYI | Copyright © 2020-present(版权所有，转载请注来源)
+# footer:  MAYI | Copyright © 2020-present(版权所有，转载请注来源)
 ---
diff --git a/docs/en-US/README.md b/docs/en-US/README.md
index 78696d2a..ffad2d47 100644
--- a/docs/en-US/README.md
+++ b/docs/en-US/README.md
@@ -22,5 +22,5 @@ features:
   details: DSA and approaches to solving these problems 
 - title: Real-life Projects
   details: Production-grade, real-world applications
-footer:  MAYI | Copyright © 2020-present
+# footer:  MAYI | Copyright © 2020-present 
 ---
\ No newline at end of file
diff --git a/examples/sundry/react/build-your-own-react/Didact.js b/examples/sundry/react/build-your-own-react/Didact.js
new file mode 100644
index 00000000..f7f6f55d
--- /dev/null
+++ b/examples/sundry/react/build-your-own-react/Didact.js
@@ -0,0 +1,12 @@
+
+function createElement (){
+
+}
+
+
+
+const Didact ={
+    createElement
+}
+
+export default Didact
\ No newline at end of file
diff --git a/examples/sundry/react/build-your-own-react/index.html b/examples/sundry/react/build-your-own-react/index.html
new file mode 100644
index 00000000..39520814
--- /dev/null
+++ b/examples/sundry/react/build-your-own-react/index.html
@@ -0,0 +1,28 @@
+<!DOCTYPE html>
+<html lang="en">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>build-your-own-react</title>
+  </head>
+  <body>
+    <div id ="root"></div>
+    <script>
+      const element = {
+        type: 'h1',
+        props: {
+          title: 'foo',
+          children: 'Hello',
+        },
+      }
+
+      const root = document.getElementById('root')
+      const node = document.createElement(element.type)
+      node['title'] = element.props.title
+      const text = document.createTextNode(element.props.children)
+    //   text['nodeValue'] = element.props.children
+      node.appendChild(text)
+      root.appendChild(node)
+    </script>
+  </body>
+</html>
