新增全局函式 _Listener 與 Element 函式 _m 和 _p

pardnchiu · Aug 2, 2024 · cb26b22 · cb26b22
1 parent 22d3215
commit cb26b22
Show file tree

Hide file tree

Showing 12 changed files with 290 additions and 385 deletions.
diff --git a/README.md b/README.md
@@ -368,11 +368,10 @@ Improving code maintainability and readability while reducing development comple
         ])
     );
 
-    // 添加 SVG Listener, 轉換 span.svg 至 svg 標籤
-    _SVGListener();
-
-    // 添加 Lazy Listener, Lazy Loading 圖片
-    _LazyListener();
+    _Listener({
+        svg: true, // 添加 SVGListener, 轉換 span.svg 至 svg 標籤
+        lazyload: true // 添加 Lazy Listener, Lazy Loading 圖片
+    });
     ```
     
 - ### 獲取 / Get Element

diff --git a/dist/PDRenderKit.js b/dist/PDRenderKit.js
diff --git a/index.html b/index.html
@@ -56,9 +56,17 @@
         <!-- <span class="loader"></span> -->
         <nav id="nav" style="max-width: 1024px;">
             <a href="https://github.com/pardnchiu" target="_blank">
-                <i class="fa-brands fa-github"></i>
+                <!-- <i class="fa-brands fa-github"></i> -->
+                <!-- svg 插入範例 -->
+                <style>
+                    nav>a>svg {
+                        width: 1.5rem;
+                        height: 1.5rem;
+                    }
+                </style>
+                <span class="svg" src="static/image/github-brands-solid.svg"></span>
             </a>
-            <img class="head" src="https://pardn.io/image/head-s.jpg" alt="邱敬幃 Pardn Chiu" onclick="window.open('https://linkedin.com/in/pardnchiu')">
+            <img class="head lazyload" data-src="https://pardn.io/image/head-s.jpg" alt="邱敬幃 Pardn Chiu" onclick="window.open('https://linkedin.com/in/pardnchiu')">
             <a href="mailto:mail@pardn.ltd">
                 <i class="fa-regular fa-envelope"></i>
             </a>

diff --git a/src/*.ts b/src/*.ts
diff --git a/src/PDRenderKit.js b/src/PDRenderKit.js
diff --git a/src/dom.ts b/src/dom.ts
diff --git a/src/element.ts b/src/element.ts