From 30558afb921ed8d7e6f9fa418a8719ca73552e29 Mon Sep 17 00:00:00 2001
From: smilelc3 <smile@liuchang.men>
Date: Sun, 20 Oct 2024 02:13:16 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=AD=A3HTML?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 js/Hex2Ascii.js                               |  3 -
 js/Hex2Ascii.wasm                             |  3 -
 js/MyLittleTool.js                            |  3 +
 js/MyLittleTool.wasm                          |  3 +
 ...45\345\205\267\351\233\206\345\220\210.md" | 78 +++++++++----------
 5 files changed, 43 insertions(+), 47 deletions(-)
 delete mode 100644 js/Hex2Ascii.js
 delete mode 100644 js/Hex2Ascii.wasm
 create mode 100644 js/MyLittleTool.js
 create mode 100644 js/MyLittleTool.wasm

diff --git a/js/Hex2Ascii.js b/js/Hex2Ascii.js
deleted file mode 100644
index 1191db0..0000000
--- a/js/Hex2Ascii.js
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:07ce2f00157f7fdea07c78a5a3a024a3b1562487595c95b712be3818e485a724
-size 74310
diff --git a/js/Hex2Ascii.wasm b/js/Hex2Ascii.wasm
deleted file mode 100644
index c5dad5e..0000000
--- a/js/Hex2Ascii.wasm
+++ /dev/null
@@ -1,3 +0,0 @@
-version https://git-lfs.github.com/spec/v1
-oid sha256:11b7b359049264353be6404634d589f81474bb6e120ebd3c1c6ed86ff34b5dca
-size 121232
diff --git a/js/MyLittleTool.js b/js/MyLittleTool.js
new file mode 100644
index 0000000..e39a4c2
--- /dev/null
+++ b/js/MyLittleTool.js
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:55e50ed773510409ff7829dfb9bdbd232961a0752e71b338c6ddc5d4048725ce
+size 25664
diff --git a/js/MyLittleTool.wasm b/js/MyLittleTool.wasm
new file mode 100644
index 0000000..13e2bda
--- /dev/null
+++ b/js/MyLittleTool.wasm
@@ -0,0 +1,3 @@
+version https://git-lfs.github.com/spec/v1
+oid sha256:f007671c8cdeb03af1791011c78fcc5e05bacea8d1f781bde98be9d9a4fe3ec7
+size 118703
diff --git "a/markdown/\345\260\217\345\267\245\345\205\267\351\233\206\345\220\210.md" "b/markdown/\345\260\217\345\267\245\345\205\267\351\233\206\345\220\210.md"
index e6ec06f..c620fc9 100644
--- "a/markdown/\345\260\217\345\267\245\345\205\267\351\233\206\345\220\210.md"
+++ "b/markdown/\345\260\217\345\267\245\345\205\267\351\233\206\345\220\210.md"
@@ -3,71 +3,67 @@ title: 小工具集合
 date: 2024-10-20
 ---
 
-
 # 小工具集合
 
-基于项目 ，并使用 wasm 技术实现 JavaScript 调用 C/C++
+基于项目 [smilelc3/MyLittleTool](https://github.com/smilelc3/MyLittleTool)，并使用 [wasm](https://developer.mozilla.org/zh-CN/docs/WebAssembly/C_to_Wasm) 技术实现 `JavaScript` 调用 `C/C++`。
 
 ---
-
+{% raw %}
 <div class="tool-section" id="Hex2Ascii">
-    <h2>16进制转字符串(Hex2Ascii)</h2>
+    <h3>16进制转字符串</h3>
     <input type="text" placeholder="输入16进制，例如: 0x68 0x65 0x6c 0x6c 0x6f" id="inHexStr" />
-    <button onclick="Hex2Ascii('inHexStr', 'outAsciiStr')">提交</button>
+    <button onclick="summit('Hex2Ascii' 'inHexStr', 'outAsciiStr')">提交</button>
     <div class="output" id="outAsciiStr"></div>
 </div>
 
----
+<hr>
 
-<div class="tool-section" id="echo2">
-    <h2>Echo 2</h2>
-    <input type="text" placeholder="输入字符串" id="input2" />
-    <button onclick="submitEcho('input2', 'output2')">提交</button>
-    <div class="output" id="output2"></div>
+<div class="tool-section" id="Ascii2Hex">
+    <h3>字符串转16进制</h3>
+    <input type="text" placeholder="输入字符串" id="inAsciiStr" />
+    <button onclick="summit('Ascii2Hex' 'inAsciiStr', 'outHexStr')">提交</button>
+    <div class="output" id="outHexStr"></div>
 </div>
 
----
+<hr>
 
-<div class="echo-section" id="echo3">
-    <h2>Echo 3</h2>
-    <input type="text" placeholder="输入字符串" id="input3" />
-    <button onclick="submitEcho('input3', 'output3')">提交</button>
-    <div class="output" id="output3"></div>
+<div class="echo-section" id="Linea11Trans">
+    <h3>Linear11 格式转换实数</h3>
+    <input type="text" placeholder="输入Linear11格式数，如：0x00dc" id="inLinear11" />
+    <button onclick="summit('Linea11Trans', 'inLinear11', 'outReal')">提交</button>
+    <div class="output" id="outReal"></div>
 </div>
 
----
+<hr>
 
-<script src="/js/Hex2Ascii.js"></script>
+<script src="/js/MyLittleTool.js"></script>
 <script>
-    let C_Hex2Ascii;
-
+    let C_Hex2Ascii, C_Ascii2Hex, C_Linear11Trans;
     // 等待 wasm 模块加载
     Module.onRuntimeInitialized = async () => {
         C_Hex2Ascii = Module.cwrap('C_Hex2Ascii', 'string', ['string']);
+        C_Ascii2Hex = Module.cwrap('C_Ascii2Hex', 'string', ['string']);
+        C_Linear11Trans = Module.cwrap('C_Linear11Trans', 'string', ['string']);
     };
-
-    function Hex2Ascii(inputId, outputId) {
+    // 调用 wasm 中导出的函数
+    function summit(funcName, inputId, outputId) {
         const input = document.getElementById(inputId).value;
-        const output = C_Hex2Ascii(input);
+        let output;
+        switch (funcName) {
+            case 'Hex2Ascii':
+                output = C_Hex2Ascii(input);
+                break;
+            case 'Ascii2Hex':
+                output = C_Ascii2Hex(input);
+                break;
+            case 'Linea11Trans':
+                output = C_Linear11Trans(input);
+                break;
+        }
         document.getElementById(outputId).innerText = `输出: ${output}`;
     }
 </script>
 <style>
-    body {
-        font-family: Arial, sans-serif;
-        background-color: #f4f4f4;
-        color: #333;
-        margin: 0;
-        padding: 20px;
-        display: flex;
-        flex-direction: column;
-        align-items: center;
-    }
-    h1 {
-        color: #4CAF50;
-    }
-
-
     input[type="text"] {
         width: 100%;
         padding: 10px;
@@ -94,5 +90,5 @@ date: 2024-10-20
         font-weight: bold;
         padding-top: 10px;
     }
-
-</style>
\ No newline at end of file
+</style>
+{% endraw %}
\ No newline at end of file