diff --git "a/\346\226\271\344\275\263\347\272\257/20251110-js\345\265\214\345\205\245\344\270\216\347\273\203\344\271\240.md" "b/\346\226\271\344\275\263\347\272\257/20251110-js\345\265\214\345\205\245\344\270\216\347\273\203\344\271\240.md"
new file mode 100644
index 0000000000000000000000000000000000000000..0ed96bd62082d742dcd4b11ad99aa65c109b9204
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251110-js\345\265\214\345\205\245\344\270\216\347\273\203\344\271\240.md"
@@ -0,0 +1,78 @@
+# 笔记
+```
+嵌入方式
+
+1.行内嵌入
+行间事件：通过HTML元素的事件属性（onclick）直接嵌入Js代码。
+
+<input type="button" value="点击" onclick="fn()">
+<script>
+    function fn() {
+        alert('http：www.mingrisoft.com')
+}   
+ </script>
+
+2.外部嵌入
+外部引入：通过<script src="url"></script>标签引入外部Js文件。
+
+在页面输出
+<script>
+    document.write('千里之行始于足下')
+</script>
+
+页面弹框
+<script>
+    alert('http：www.mingrisoft.com')
+</script>
+
+控制台输出
+<script>
+    console.log('')
+</script>
+
+
+3.内部嵌入
+内嵌脚本：在HTML文档中使用<script>标签直接写入JavaScript代码。
+
+ ```
+
+
+# 练习
+
+```
+  < !DOCTYPE html >
+     <html lang="en">
+    <head>
+    <meta charset="UTF-8">
+     <meta name="viewport" content="width=device-width, initial-scale=1.0">
+         <title>输出老子的名言</title>
+           </head>
+         <body>
+           <script>
+            document.write('千里之行始于足下')
+</script>
+</body>
+
+</html>
+```
+![alt text](./图片/lzmy.png)
+
+```
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>输出明日学院的官网地址</title>
+</head>
+
+<body>
+    <script>
+       alert('http：www.mingrisoft.com')
+    </script>
+</body>
+
+</html>
+```
+![alt text](./图片/mzdz.png)
\ No newline at end of file
diff --git "a/\346\226\271\344\275\263\347\272\257/20251112-\350\277\220\347\256\227\347\254\246\344\270\216\347\273\203\344\271\240.md" "b/\346\226\271\344\275\263\347\272\257/20251112-\350\277\220\347\256\227\347\254\246\344\270\216\347\273\203\344\271\240.md"
new file mode 100644
index 0000000000000000000000000000000000000000..8e9672c1e82ca3b2996ce7a28e2b311de7376d37
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251112-\350\277\220\347\256\227\347\254\246\344\270\216\347\273\203\344\271\240.md"
@@ -0,0 +1,136 @@
+# 笔记
+1.转义字符“\”可以防止引号匹配混乱现象
+
+2.转义字符\n换行
+
+3.可以在声音变量后对变量赋值
+eg：let a；
+   a=1；
+
+4.运算符：
++-*/加减乘除
+%取余
++=
+i++或++i：（i--或--i）
+eg：i=1，i++输出为1，但值为2
+         ++i输出为2，值为2
+
+5.比较运算符
+<> <= >=
+==表面值判断，不涉及数据类型
+===表面值和类型一起判断
+!= 不涉及数据类型
+!== 同时判断表面值和类型
+
+6.赋值运算符
+=
++=
+-=
+*=
+/=
+%=
+
+
+# 练习
+
+```
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+
+<body>
+    <!-- 第一、二题 -->
+
+    <script>
+        document.write('珠穆朗玛峰是世界上海报最高的山峰,它的高度约等于8846.86m <br>')
+        document.write('E:\\javaScript\\Code\\demo' + '<br>')
+    </script>
+    <br>
+    <!-- 第三题 -->
+
+    <script>
+        let els = '俄罗斯是世界上国土面积最大的国家，其面积约为';
+        let area = '17100000㎡';
+        els += area
+        document.write(els)
+    </script>
+    <br>
+    <!-- 第四题 -->
+
+    <script>
+        let information = '个人信息';
+        let name = '姓名：郭靖';
+        let gender = '性别：男';
+        let Age = '年龄：20';
+        let height = '身高：1.77m';
+        let martialarts = '武功：九阴真经、降龙十八掌';
+        document.write('<br>' + information + '<br>' + name + '<br>' + gender + '<br>' + Age + '<br>' + height + '<br>' + martialarts)
+    </script>
+    <br>
+    <!-- 第五题 -->
+
+    <script>
+        let sj = 6500;
+        let zx = 500;
+        let qz = 5000;
+        let zs = 0.03;
+        let sy = sj - zx - qz;
+        let sr = sy * zs;
+        let sjsr = (sj - zx) - sr
+        document.write("该员工实际收入为" + sjsr + "元")
+    </script>
+    <br>
+    <!-- 第六题 -->
+
+    <script>
+        let a = '他强由他强，清风抚山岗';
+        let b = '他横让他横，明月照大江';
+        let c = '他自狠来他自恶，我自一口真气足';
+        let d = '——《九阳神功》';
+        document.write(a + "<br>" + b + "<br>" + c + "<br>" + "<pre>                 " + d)
+    </script>
+
+    <!-- 第七题 -->
+
+    <script>
+        let year = (2024 % 4 === 0 && 2024 % 100 !== 0) || (2024 % 400 === 0);
+        let ayear = year ? 29 : 28;
+        alert("2024年2月有" + ayear + "天")
+    </script>
+
+    <!-- 第八、九、十题 -->
+
+    <script>
+        let deposit = 100000;
+        let rate = 0.0275;
+        let years = 3;
+        let total = deposit + deposit * rate * years;
+        document.write("3年后本息合计为：" + total + "元")
+    </script>
+
+
+    <script>
+        let score = 65;
+        let result = score >= 60 ? "及格" : "不及格";
+        document.write("周星星的英语考试" + result)
+    </script>
+
+
+    <script>
+        let topBase = 30;
+        let bottomBase = 50;
+        let height1 = 30;
+        let area1 = (topBase + bottomBase) * height1 / 2;
+        document.write("这块梯田稻谷面积是" + area1)
+    </script>
+</body>
+
+</html>
+```
+![alt text](./图片/eyejt.png)
+![alt text](./图片/xlt.png)
\ No newline at end of file
diff --git "a/\346\226\271\344\275\263\347\272\257/20251113-\350\277\220\347\256\227\347\254\246\344\270\216\347\273\203\344\271\240.md" "b/\346\226\271\344\275\263\347\272\257/20251113-\350\277\220\347\256\227\347\254\246\344\270\216\347\273\203\344\271\240.md"
new file mode 100644
index 0000000000000000000000000000000000000000..bb7ee80c59206ade7aa4784dd0931dff18b0cb4d
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251113-\350\277\220\347\256\227\347\254\246\344\270\216\347\273\203\344\271\240.md"
@@ -0,0 +1,90 @@
+# 笔记
+1.逻辑运算符：
+&&逻辑与：都真为真
+||逻辑或：一真则真
+!取反（！a<5，当为真结果是假，假取真）
+
+2.条件运算符：
+表达式？结果1：结果2（真左假右）
+
+3.逗号运算符：多个表达式排一起，整个表达式值为最后一个表达式的值
+
+4.typeof运算符：返回数据类型
+# 练习
+```
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>BMI 判定</title>
+</head>
+
+<body>
+第一题：
+     <script>
+        let BMI = 23;
+        if (BMI < 20) {
+            document.write('体重过轻');
+        } else if (BMI >= 20 && BMI < 25) { 
+            document.write('体重适中');
+        } else if (BMI >= 25 && BMI < 30) { 
+            document.write('体重过重');
+        } else if (BMI >= 30 && BMI < 35) { 
+            document.write('肥胖');
+        } else {
+            document.write('非常肥胖');
+        }
+    </script> 
+
+第二题：
+    <select id="year"> </select>
+    <select id="mon"> </select>
+    <script>
+        for (let y = 2000; y <= 2030; y++) {
+            document.getElementById('year').innerHTML += `<option>${y}</option>`;
+        }
+        for (let m = 1; m <= 12; m++) {
+            document.getElementById('mon').innerHTML += `<option>${m.toString().padStart(2, '0')}</option>`;
+        }
+
+//document.getElementById('year')从页面中找到 id 属性值为 year 的元素（这里就是年份下拉框 < select id = "year" >）
+// .innerHTML 获取或设置这个元素的 内部 HTML 内容（比如下拉框里的 < option > 选项都是它的内部内容）
+// +=「累加赋值」运算符，意思是 在原有内容后面追加新内容（而不是覆盖掉原来的选项）
+//   <option>${y}</option>	要追加的新 HTML 片段：
+//把变量 m（数字类型）转换成「字符串类型  因为 padStart 是字符串的方法，数字不能直接用
+</script>
+
+第三题：
+<script>
+        // 外层行数（1-10）
+        for (let i = 1; i <= 10; i++) {
+            let row = '';
+            // 内层列数（1-10）
+            for (let j = 1; j <= 10; j++) {
+                let num = (i - 1) * 10 + j;
+                row += num.toString().padStart(3, ' ');
+            }
+            // 输出当前行，加<br>换行
+            document.write(row + '<br>');
+        }
+    </script> 
+
+第四题：
+  <script>
+        for (let a = 1; a <= 4; a++){
+            for (let b = 1; b <= 10; b++){
+                if (a == 3 && b == 5 || a == 3 && b == 6) { document.write('<span style="padding:0 5px;">已出售</span>')}
+                else{
+                    document.write('<span style="padding:0 5px;">'+a+"排"+b+"座"+'</span>')
+                }
+            }
+        document.write("<br>")
+    }
+    </script>
+
+</body>
+</html>
+```
+![alt text](./图片/stzj.png)
\ No newline at end of file
diff --git "a/\346\226\271\344\275\263\347\272\257/20251114-\345\276\252\347\216\257\347\273\203\344\271\240.md" "b/\346\226\271\344\275\263\347\272\257/20251114-\345\276\252\347\216\257\347\273\203\344\271\240.md"
new file mode 100644
index 0000000000000000000000000000000000000000..970b2a187f2d1480a32c7b57db62f7026a36f308
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251114-\345\276\252\347\216\257\347\273\203\344\271\240.md"
@@ -0,0 +1,158 @@
+```
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+    <!-- 循环出最小数 -->
+    <script>
+        let a = 26;
+        let b = 17;
+        let c = 10;
+        let d = 20;
+        let n = a;
+        if (n > b) {
+            n = b;
+        }
+        if (n > c) {
+            n = c
+        }
+        if (n > d) {
+            n = d
+        }
+        document.write(n);
+    </script>
+
+
+    <!-- 判断空气污染程度 -->
+    <script>
+        let i = 56;
+        if (i >= 0 && i <= 100) {
+            document.writeln('空气质量良好')
+        } else if (i >= 101 && i <= 200) {
+            document.writeln('空气质量轻度污染')
+
+        } else if (i >= 201 && i <= 300) {
+            document.writeln('空气质量中度污染')
+
+        } else if (i > 300) {
+            document.writeln('空气质量重度污染')
+
+        } 
+    </script>
+
+
+    <!-- 判断当前季节 -->
+    <script>
+        let mon = 11;
+        switch (mon) {
+            case 1:
+                document.write('1月份是冬季')
+                break;
+            case 2:
+                document.write('2月份是冬季')
+                break;
+            case 3:
+                document.write('3月份是春季')
+                break;
+            case 4:
+                document.write('4月份是春季')
+                break;
+            case 5:
+                document.write('5月份是春季')
+                break;
+            case 6:
+                document.write('6月份是夏季')
+                break;
+            case 7:
+                document.write('7月份是夏季')
+                break;
+            case 8:
+                document.write('8月份是夏季')
+                break;
+            case 9:
+                document.write('9月份是秋季')
+                break;
+            case 10:
+                document.write('10月份是秋季')
+                break;
+            case 11:
+                document.write('11月份是秋季')
+                break;
+            case 12:
+                document.write('12月份是冬季')
+                break;
+        }
+    </script>
+
+
+    <!-- 基础工资三千，每年加五十，加五年，循环输出 -->
+    <script>
+        let gz = 3000;
+        let gl = 50;
+        let nx = 5;
+        let year = 1;
+        do {
+            gz += gl
+            document.write(`第${year}年工资：${gz}元<br>`);
+            year++;
+        } while (year <= nx)
+    </script>
+
+
+    <!-- 鸡兔同笼问题：35头，94脚 -->
+    <script>
+        let totalHeads = 35; // 总头数
+        let totalFeet = 94;  // 总脚数
+        // 用for循环遍历鸡的可能数量（鸡最少0只，最多35只）
+        for (let chicken = 0; chicken <= totalHeads; chicken++) {
+            let rabbit = totalHeads - chicken; // 兔的数量 = 总头数 - 鸡的数量
+            let calculatedFeet = chicken * 2 + rabbit * 4; // 计算当前数量下的总脚数
+            // 验证脚数是否符合已知条件
+            if (calculatedFeet === totalFeet) {
+                document.writeln(`鸡的数量：${chicken} 只`);
+                document.write(`兔的数量：${rabbit} 只`);
+                break;
+            }
+        } 
+    </script>
+
+
+    <!-- 一到一千六十五的倍数之和 -->
+    <script>
+        let sum = 0;
+        for (i = 1; i <= 1000; i++) {
+            if (i % 65 !== 0) {
+                continue;
+            }
+            sum += i;
+        }
+        document.writeln(sum)
+    </script>
+
+
+
+    <!-- 输出为使用的空座 -->
+    <script>
+        for (e = 1; e <= 3; e++) {
+            for (q = 1; q <= 3; q++) {
+                if (
+                    (e == 1 && q === 3) ||
+                    (e == 3 && q == 2)
+                ) {
+                    continue;
+                }
+                document.write(`第${e}排第${q}个  `);
+            }
+            document.write('<br>')
+        }
+    </script>
+
+</body>
+</html>
+```
+![alt text](./图片/xh.png)
\ No newline at end of file
diff --git "a/\346\226\271\344\275\263\347\272\257/20251117-\345\207\275\346\225\260.md" "b/\346\226\271\344\275\263\347\272\257/20251117-\345\207\275\346\225\260.md"
new file mode 100644
index 0000000000000000000000000000000000000000..7fe36b5e2e3cce8ced8a58f0a6a88f6c9d6ca2d6
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251117-\345\207\275\346\225\260.md"
@@ -0,0 +1,56 @@
+# 笔记-循环
+
+1.循环语句
+for（）{}
+while（）{}
+do{}while（）
+
+——————break终止循环；continue终止这次循环开始下一轮循环——————
+
+2.判断语句
+if（）{}
+
+if（）{}else{}
+
+if（）{}else if（）{}else{}
+
+Switch（）{
+    值1：执行；break；
+    值2：执行；break；
+    ...
+}
+
+# 笔记-函数
+传统函数：function 函数名(){}
+匿名函数：let a =function（）{}
+箭头函数：let a =（）=>{}
+
+# 练习
+1.
+```
+    <script>
+        address("广东", "揭阳", "普宁", "流沙西街道");
+        function address(province, city, district, detail) {
+            let full = province + "省" + city + "市" + district + "市" + detail;
+            document.writeln(full);
+        }
+    </script>
+```
+2.
+```
+    <script>
+        // 定义获取绝对值的函数
+        function Value(num) {
+            if (num < 0) {
+                return -num; // 负数的绝对值是它的相反数
+            } else {
+                return num; // 非负数的绝对值是自身
+            }
+        }
+
+        // 输出-30的绝对值
+        document.write(Value(-30)); 
+    </script>
+
+```
+![alt text](./图片/hst.png)
\ No newline at end of file
diff --git "a/\346\226\271\344\275\263\347\272\257/20251119-\345\206\205\347\275\256\345\207\275\346\225\260.md" "b/\346\226\271\344\275\263\347\272\257/20251119-\345\206\205\347\275\256\345\207\275\346\225\260.md"
new file mode 100644
index 0000000000000000000000000000000000000000..e19cb4a7350a440cc66e31fae05d34cdbb86f3d0
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251119-\345\206\205\347\275\256\345\207\275\346\225\260.md"
@@ -0,0 +1,220 @@
+# 笔记
+内置函数
+parseInt（）：将字符转成整型
+
+parseFloat（）：将字符转成浮点型
+
+isNaN（）：判断一个数值是否为NaN
+
+isFinite（）：判断一个数值是否有限
+
+eval（）：计算表达式的总值
+示例
+result = eval("2 + 3 * 4")
+print(result) # 输出: 14
+
+encodeURI():将字符串进行编码
+
+decodeURI（）：对已编码的字符串进行解码 
+# 练习
+
+```
+<script>
+        let year = 2024;
+        let month = 6;
+        function getmonth(year, month) {
+            if (month === 6) {
+                return 30;
+            }
+        }
+        let day = getmonth(year, month);
+        alert(`${year}年${month}月有${day}天`)
+    </script>
+```
+![alt text](./图片/ymxs.png)
+````
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=  , initial-scale=1.0">
+    <title>Document</title>
+</head>
+
+<body>
+    <!-- 第一题 -->
+    <script>
+        function dx() {
+            let a = 9;
+            let b = 10;
+            if (a > b) {
+                return a + "大于" + b;
+            } else {
+                return a + "小于" + b;
+            }
+        }
+        document.writeln(dx())
+    </script>
+
+    <!-- 第二题 -->
+    <script>
+        function bet(num1, num2, num3) {
+            let min = num1;
+            if (num2 < min) {
+                min = num2;
+            }
+            if (num3 < min) {
+                min = num3;
+            }
+            return min;
+        }
+        document.writeln(bet(10, 5, 8)); 
+    </script>
+
+
+    <!-- 第三题 -->
+    <script>
+        function ze(cs, xh, fz) {
+            return cs + xh + fz;
+        }
+        //判断优惠的函数（嵌套调用 ze）
+        function check(cs, xh, fz) {
+            let total = ze(cs, xh, fz);
+            console.log(`顾客总消费：${total} 元`);
+            if (total >= 500) {
+                let price = total * 0.9;
+                return `满足优惠条件！折后总价：${price.toFixed(2)} 元（原价：${total} 元）`;//toFixed(2)：将折后价保留 2 位小数
+            } else {
+                return `未满足优惠条件，当前总金额：${total} 元`;
+            }
+        }
+        let result = check(199, 156, 165);
+        document.writeln(result);
+    </script>
+
+
+    <!-- 第四题 -->
+    <script>
+
+        function score(chinese, math, english, science) {
+            return chinese + math + english + science;
+        }
+
+        function graduate(chinese, math, english, science) {
+            let totalScore = score(chinese, math, english, science);
+            if (totalScore >= 550) {
+                return `恭喜！总分数 ${totalScore} 分达到本科线，可以报考本科院校。`;
+            } else {
+                return `很遗憾！总分数 ${totalScore} 分未达到本科线`
+            }
+        }
+
+        let result2 = graduate(108, 115, 126, 237);
+        document.writeln(result2);
+    </script>
+
+
+    <!-- 第五题 -->
+    <script>
+        let username = "mr";
+        let password = "mrsoft";
+
+        let checkLogin = function (username, password) {
+            if (username === username && password === password) {
+                return "登录成功！";
+            } else {
+                return "用户名或密码错误，登录失败！";
+            }
+        };
+
+        let result1 = checkLogin("mr", "mrsoft");
+        document.write(result1);
+    </script>
+
+
+    <!-- 第六题 -->
+    <script>
+        // 用括号把匿名函数包起来，就会把它变成一个「函数表达式（可以理解为 “把函数当成一个值”）。
+        // 函数表达式可以没有名字，而且后面加()就能立刻执行：
+        (function () {
+            let count = 0; // 计数用于控制换行
+            let output = ''; // 存储输出内容
+
+            for (let i = 1; i < 1000; i++) {
+                // 同时被3和5整除（即被15整除）
+                if (i % 15 === 0) {
+                    output += i + ' ';
+                    count++;
+                    // 每7个数字换行
+                    if (count % 7 === 0) {
+                        output += '<br>';
+                    }
+                }
+            }
+            document.write(output);
+        })();
+    </script>
+  
+
+    <!-- 第七题 -->
+    <script>
+        function createTable(rows, cols, width, height, borderColor) {
+            let table = document.createElement('table');
+            table.style.cssText = `border-collapse: collapse`;
+            // cssText: 可以让你用一个字符串来一次性设置多个 CSS 样式
+            for (let i = 1; i <= rows; i++) {
+                let tr = table.insertRow();
+                for (let j = 1; j <= cols; j++) {
+                    const td = tr.insertCell();
+                    td.style.cssText = `border: 1px solid ${borderColor}; padding: 10px; `;
+                }
+            }
+            document.body.appendChild(table);
+        }
+        // appendChild(table):在（body）的末尾添加一个子元素
+        // 这里的子元素就是我们刚刚在内存中精心构建好的 table 元素
+        createTable(5, 6, "80%", "300px", "red");
+    </script>
+
+
+    <!-- 第八题 -->
+    <script>
+        let age = 20;
+        function getAge(age) {
+            if (age >= 0 && age <= 6) return "童年";
+            if (age >= 7 && age <= 17) return "少年";
+            if (age >= 18 && age <= 40) return "青年";
+            if (age >= 41 && age <= 65) return "中年";
+            if (age >= 66) return "老年";
+
+        }
+        let res = getAge(age);
+        document.writeln(res);
+    </script>
+
+
+    <!-- 第九题 -->
+    <script>
+        function generateSequence(n) {
+            if (n < 2) return "";
+            let result = "11";
+            if (n === 2) return result;
+            let currentNumber = 2;
+            for (let i = 0; i < n - 3; i++) {
+                result += currentNumber
+                currentNumber++;
+            }
+            return result;
+        }
+        document.write(`n=2：${generateSequence(2)}<br>`);
+        document.write(`n=3：${generateSequence(3)}<br>`);
+        document.write(`n=5：${generateSequence(5)}<br>`);
+        document.write(`n=6：${generateSequence(6)}<br>`);
+        document.write(`n=10：${generateSequence(10)}<br>`);
+    </script>
+
+</body>
+</html>
+````
+![alt text](./图片/hszt.png)
\ No newline at end of file
diff --git "a/\346\226\271\344\275\263\347\272\257/20251120-\345\257\271\350\261\241.md" "b/\346\226\271\344\275\263\347\272\257/20251120-\345\257\271\350\261\241.md"
new file mode 100644
index 0000000000000000000000000000000000000000..50cc3b1a075cbb5c44502e51b0d351b91812b345
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251120-\345\257\271\350\261\241.md"
@@ -0,0 +1,168 @@
+# 笔记
+1.对象的创建：
+let name={
+    属性：值，
+    属性2：值二，
+    ...
+    属性n：值
+}
+
+2.添加属性
+name.属性=“”
+
+3.删除属性
+delete name.属性
+
+4.遍历
+for(name in 函数名){}
+
+5.内部对象
+Math属性
+Date属性
+Event响应事件
+
+# 练习
+```
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+
+
+     <script>
+        function random(length) {
+            let result = '';
+            for (let i = 0; i < length; i++) {
+                // 生成 1-6 的随机整数并拼接到结果中
+                result += Math.floor(Math.random() * 6) + 1;
+            }
+            return result;
+        }
+
+        let randomCode = random(6);
+        document.writeln(randomCode); 
+    </script> 
+
+
+
+
+     <script>
+        let birthDate = new Date(1996, 5, 9); // 注意：JS中月份是0-11，6月对应5
+        let now = new Date();
+// 当 Date 函数不带任何参数时，会自动创建代表当前日期和时间（精确到毫秒的对象。
+
+        // 计算时间差（毫秒数）
+        let timeDiff = now - birthDate;
+
+        // 计算天、时、分、秒
+        let days = Math.floor(timeDiff / (1000 * 60 * 60 * 24));
+        let remainingAfterDays = timeDiff % (1000 * 60 * 60 * 24);
+
+        let hours = Math.floor(remainingAfterDays / (1000 * 60 * 60));
+        let remainingAfterHours = remainingAfterDays % (1000 * 60 * 60);
+
+        let minutes = Math.floor(remainingAfterHours / (1000 * 60));
+        let remainingAfterMinutes = remainingAfterHours % (1000 * 60);
+        
+        let seconds = Math.floor(remainingAfterMinutes / 1000);
+
+        document.writeln(`${days}>>>>>${hours}>>>>>${minutes}>>>>>${seconds}`);
+    </script> 
+
+
+
+
+<script>
+    let startDateStr = "20230501";
+    let endDateStr = "20230601";
+
+    // 2. 解析开始日期
+    let startYear = parseInt(startDateStr.substring(0, 4));
+    // substring从字符串的第 0 个位置开始，截取 4 个字符”。
+    // parseInt(...)：这个函数的作用是把一个字符串转换成一个整数
+    let startMonth = parseInt(startDateStr.substring(4, 6)) - 1;//月份从0开始
+    let startDay = parseInt(startDateStr.substring(6, 8));
+    let startDate = new Date(startYear, startMonth, startDay);
+
+    // 3. 解析结束日期
+    let endYear = parseInt(endDateStr.substring(0, 4));
+    let endMonth = parseInt(endDateStr.substring(4, 6)) - 1;
+    let endDay = parseInt(endDateStr.substring(6, 8));
+    let endDate = new Date(endYear, endMonth, endDay);
+
+    // 4. 计算并输出间隔小时数
+    let hoursDifference = (endDate.getTime() - startDate.getTime()) / (1000 * 60 * 60);
+    document.writeln(hoursDifference); 
+</script> 
+
+
+
+
+<script>
+    var todayStr = "20220507";      // 假设今天的日期
+    var examDateStr = "20230607";   // 高考的日期
+
+    var todayYear = parseInt(todayStr.substring(0, 4));
+    var todayMonth = parseInt(todayStr.substring(4, 6)) - 1; // 月份要减1
+    var todayDay = parseInt(todayStr.substring(6, 8));
+    var today = new Date(todayYear, todayMonth, todayDay);
+
+    var examYear = parseInt(examDateStr.substring(0, 4));
+    var examMonth = parseInt(examDateStr.substring(4, 6)) - 1; // 月份要减1
+    var examDay = parseInt(examDateStr.substring(6, 8));
+    var examDate = new Date(examYear, examMonth, examDay);
+
+    var daysDifference = (examDate.getTime() - today.getTime()) / (1000 * 60 * 60 * 24);
+    
+    // 使用 Math.floor() 确保结果是整数天数
+    document.writeln("从 " + today.toLocaleDateString() + " 到 " + examDate.toLocaleDateString() + " 还有 " + Math.floor(daysDifference) + " 天。");
+</script> 
+
+
+
+
+<script>
+let day=new Date()
+console.log(Date())
+let year = day.getFullYear();
+let month = day.getMonth() + 1; 
+let date = day.getDate();
+let ymd = `${year}年${month}月${date}日`;
+document.writeln(ymd);
+</script>
+
+
+
+</body>
+</html>
+```
+![alt text](./图片/sjc.png)
+
+```
+ <script>
+    // 整个页面的鼠标点击事件
+document.addEventListener('click', function(event) {
+  // 通过 event.button 判断鼠标按键
+  let buttonText;
+  switch(event.button) {
+    case 0:
+      buttonText = '左键';
+      break;
+    
+    case 1:
+      buttonText = '右键';
+      break;
+  }
+  
+  // 弹出对话框显示结果
+  alert('刚刚单击了鼠标' + buttonText);
+});
+
+</script> 
+```
+![alt text](./图片/sbzj.png)
\ No newline at end of file
diff --git "a/\346\226\271\344\275\263\347\272\257/20251121-\346\225\260\347\273\204.md" "b/\346\226\271\344\275\263\347\272\257/20251121-\346\225\260\347\273\204.md"
new file mode 100644
index 0000000000000000000000000000000000000000..89837953b661e8162c3ebcc2da6e341eb8f0ac47
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251121-\346\225\260\347\273\204.md"
@@ -0,0 +1,92 @@
+# 笔记
+数组：
+1.创建：ame=[1，2，3，...n]
+2.添加：name.push('尾部添加新的元素')
+3.删除最后一个:name.pop()
+4.删除第一个 :name.shift（）
+5.输出索引值：name[索引值]
+6.遍历
+
+
+# 练习
+```
+<!-- 获取包含当前包含星期日期 -->
+     <script>
+        function getDate() {
+            let d = new Date();
+            let w = ['日', '一', '二', '三', '四', '五', '六'];
+            let week = `星期${w[d.getDay()]}`
+            return `${d.getFullYear()}年${d.getMonth() + 1}月${d.getDate()}日 ${week}`;
+        }
+        document.write(getDate());
+    </script>
+```
+![alt text](./图片/xq.png)
+
+```
+<!-- 获取元素最大值 -->
+    <script>
+        Array.prototype.getMax = function () {
+            // 直接初始化最大值为第一个元素
+            let max = this[0];
+            // 循环遍历数组，逐个对比找最大值
+            for (let i = 1; i < this.length; i++) {
+                // 如果当前元素比max大，就更新max
+                if (this[i] > max) {
+                    max = this[i];
+                }
+            }
+            return max;
+        };
+        let numArr = [5, 7, 6, 3, 9, 2];
+        document.writeln('最大值是：', numArr.getMax()); 
+    </script>
+```
+![alt text](./图片/zdz.png)
+
+```
+<!-- 获取第二个到倒数第二个 -->
+    <script>
+        let a = [1, 2, 3, 4, 5, 6];
+        let res = a.slice(1, 5);
+        document.write(res);
+    </script>
+```
+![alt text](./图片/wws.png)
+
+```
+<!-- 输出列出途径站 -->
+    <script>
+        let stations = ['长春站', '昌图西', '铁岭西', '沈阳北', '绥中北', '北京'];
+        document.write('（长春站→北京）：' + stations.join(' → ') + '<br>');
+
+        // slice(0) 是为了复制原数组，避免修改原数组
+        let reverseStations = stations.slice(0).reverse();
+        document.write('（北京→长春站）：' + reverseStations.join(' → '));
+    </script>
+```
+![alt text](./图片/tjz.png)
+
+```
+<!-- 手机销量排行榜 -->
+    <script>
+        let phoneBrands = [
+            { name: "vivo", share: 19.2 },
+            { name: "iphone", share: 18.0 },
+            { name: "oppo", share: 17.5 },
+            { name: "荣耀", share: 16.7 },
+            { name: "小米", share: 13.9 }
+        ];
+
+        let sortedBrands = phoneBrands.slice().sort((a, b) => b.share - a.share);//排序
+
+        let displayText = "排名\t品牌\t市场份额\n";
+        sortedBrands.forEach((brand, i) => {
+            displayText += `${i + 1}\t${brand.name}\t${brand.share}%\n`;//索引值为0，所以+1
+        });
+        let preTag = document.createElement("pre");
+        preTag.textContent = displayText;
+        document.body.appendChild(preTag);  
+    </script> 
+```
+![alt text](./图片/sjph.png)
diff --git "a/\346\226\271\344\275\263\347\272\257/20251124-string\345\257\271\350\261\241.md" "b/\346\226\271\344\275\263\347\272\257/20251124-string\345\257\271\350\261\241.md"
new file mode 100644
index 0000000000000000000000000000000000000000..5303ffc083569b98b1140387fab190b5c34dd75f
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251124-string\345\257\271\350\261\241.md"
@@ -0,0 +1,170 @@
+# 笔记
+slice(start, end)：截取字符串中 start 到 end（不含 end）的部分，返回新字符串
+trim()：去除字符串首尾的空白字符
+split(separator, limit)：按指定分隔符（separator）分割字符串，imit 用于限制返回数组的最大长度
+concat（）：拼接多个字符串
+# 练习
+```
+<!-- 检索书名为四个字在 -->
+<script>
+ let bookList = [
+      "《雪山飞狐》",
+      "《连城诀》",
+      "《天龙八部》",
+      "《射雕英雄传》",
+      "《神雕侠侣》",
+      "《倚天屠龙记》",
+      "《笑傲江湖》",
+      "《鹿鼎记》",
+      "《书剑恩仇录》",
+      "《碧血剑》"
+    ];
+
+    // 2. 筛选四个字的书 .filter(...)：数组的 “筛选方法”—— 它会挨个遍历数组里的每一本书 
+
+    // function(book)：这个是 “筛选规则函数”，filter 遍历的时候，会把当前的书传给这个函数
+
+    let fourCharBooks = bookList.filter(function(book) {
+      // 先去掉书名里的《和》   .replace替换功能  把书名符号都换成空字符串  
+      let pureBookName = book.replace(/《|》/g, "");
+      // 只保留纯文字是4个字的书
+      return pureBookName.length === 4;
+    });
+
+    // 如果有符合条件的书，就换行显示出来
+    if (fourCharBooks.length > 0) {
+        document.write(fourCharBooks.join("<br>"));
+    } else {
+      showBox.textContent = "暂无四个字的书籍";
+    }
+</script>
+
+
+
+<!-- 找出含0431手机号 -->
+<script>
+  let phoneList = [
+      "1330431****",   
+      "1567766****",   
+      "1304316****",   
+      "1526567****",   
+      "1580433****",   
+      "139****0431"
+    ];
+
+    // 2. 筛选“含有 0431”的手机号
+    let phoneWith0431 = phoneList.filter(function(phone) {
+      let has0431 = /0431/g.test(phone); 
+    //   用 test() 检查当前手机号（phone）里有没有 0431
+      return has0431; 
+    });
+
+    if (phoneWith0431.length > 0) {
+      document.write("找到以下含 0431 的手机号：<br>");
+      document.write(phoneWith0431.join("<br>")); 
+    } else {
+      document.write("暂无含有 0431 的手机号");
+    }
+</script>
+
+
+<!-- 截取qq邮箱在qq号 -->
+<script>
+    let qqEmail = "4006****66@qq.com"; 
+    // 2. 使用 substr 截取 QQ 号
+    // substr(开始索引, 截取长度)
+    // QQ邮箱格式固定：QQ号@qq.com，所以从索引0开始，截取到"@"符号前
+    let qqNumber = qqEmail.substr(0, qqEmail.indexOf("@"));
+    
+    document.write("QQ邮箱：", qqEmail);
+    document.write("截取的QQ号：", qqNumber);
+    </script>
+
+
+
+<!-- 判断邮箱格式是否正确 -->
+<script>
+    let email = "abc@sina.com";
+    
+    // 2. 核心验证逻辑（基于 @ 和 . 的位置判断）
+    function isEmailValid(email) {
+      // 步骤1：判断是否包含 @ 和 . （两者都必须存在）
+      let atIndex = email.indexOf("@"); // 获取 @ 的位置索引
+      let dotIndex = email.lastIndexOf("."); // 获取最后一个 . 的位置索引（避免多个.的情况）
+    
+      // 步骤2：验证关键条件（所有条件必须同时满足）
+      let conditions = [
+        atIndex > 0, // @ 不能在开头
+        dotIndex > atIndex + 1, // . 必须在 @ 后面，且中间有内容
+        dotIndex < email.length - 1, // . 不能在最后
+        email.indexOf("@") === email.lastIndexOf("@") // 只能有一个 @     第一次出现的位置和最后一次出现的位置是同一个位置
+      ];
+    
+      return conditions.every(cond => cond);
+    }
+    
+    // 3. 执行验证并输出结果
+    if (isEmailValid(email)) {
+        document.write(`邮箱 ${email} 格式正确，是有效地址！`);
+    } else {
+        document.write(`邮箱 ${email} 格式错误，不是有效地址！`);
+    }
+    </script>
+
+
+
+<!-- 生成六位随机数字符 -->
+<script>
+    // 1. 允许的字符：0-9 + 大写A-G
+    let allowedChars = "0123456789ABCDEFG";
+    
+    // 2. 用split拆成数组（方便按索引取字符）
+    let charsArray = allowedChars.split("");
+    
+    // 3. 生成6位随机字符（核心函数）
+    function getRandomCode() {
+      let result = ""; // 存最终结果
+      let codeLength = 6; // 要生成的位数
+    
+      for (let i = 0; i < codeLength; i++) {
+        let randomIndex = Math.floor(Math.random() * charsArray.length);
+         result += charsArray[randomIndex];   // randomIndex（随机索引）
+      }
+    
+      return result;
+    }
+    
+    let randomCode = getRandomCode();
+    document.write ("随机6位字符："+ randomCode);
+    </script>
+
+
+<!-- 四位分节 -->
+
+<script>
+    let longNumber = "13625966";
+    // 从右往左每4位加一个逗号
+    function formatNumber(numStr) {
+      let result = ""; 
+      let count = 0; // 计数：记录已经遍历了多少位数字
+    
+      // 从字符串末尾开始遍历（关键：从右往左数）
+      for (let i = numStr.length - 1; i >= 0; i--) {
+        result = numStr[i] + result; // 把当前数字加到结果前面
+        count++; // 每加一个数字，计数+1
+    
+        // 每满4位，且不是最后一位（避免末尾多逗号），就加一个逗号
+        if (count % 4 === 0 && i !== 0) {
+          result = "," + result;
+        }
+      }
+    
+      return result;
+    }
+    
+    let formattedNum = formatNumber(longNumber);
+    document.write("分格后：", formattedNum); 
+    </script>
+
+```
+![alt text](./图片/dxlxt.png)
\ No newline at end of file
diff --git "a/\346\226\271\344\275\263\347\272\257/20251126-\346\255\243\345\210\231.md" "b/\346\226\271\344\275\263\347\272\257/20251126-\346\255\243\345\210\231.md"
new file mode 100644
index 0000000000000000000000000000000000000000..e44059b273849e5dc2f5b11b8d9cd31a1e3215d5
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251126-\346\255\243\345\210\231.md"
@@ -0,0 +1,16 @@
+# 笔记
+g：全局匹配
+i：忽略大小写
+str.replace(regexp, replacement)：替换匹配项
+```
+let str = "abac123abc";
+// 1. 无 g 修饰符：只替换第一个匹配项
+str.replace(/a/, "x"); // "xbac123abc"（仅第一个 "a" 换为 "x"）
+
+// 2. 加 g 修饰符：全局替换所有匹配项
+str.replace(/a/g, "x"); // "xbxc123xbc"（所有 "a" 换为 "x"）
+
+// 3. 加 i 修饰符：忽略大小写替换
+const str2 = "AbcA123";
+str2.replace(/a/gi, "x"); // "xbcx123"（不管 A/a 都替
+```
\ No newline at end of file
diff --git "a/\346\226\271\344\275\263\347\272\257/20251127-\345\274\202\345\270\270\345\244\204\347\220\206.md" "b/\346\226\271\344\275\263\347\272\257/20251127-\345\274\202\345\270\270\345\244\204\347\220\206.md"
new file mode 100644
index 0000000000000000000000000000000000000000..a1316767ee8150a302b99d508aadcdd6bc2c8914
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251127-\345\274\202\345\270\270\345\244\204\347\220\206.md"
@@ -0,0 +1,143 @@
+# 笔记
+```
+基本结构
+try {
+  // 可能发生异常的代码（核心执行逻辑）
+} catch (error) {
+  // 异常发生时执行（捕获错误，处理异常）
+} finally {
+  // 无论是否发生异常，都会执行（可选，用于清理资源）
+}
+```
+error.message：错误描述
+error.name：错误类型
+
+throw 异常值：主动抛出异常
+throw new Error("错误")
+
+new Error("错误")：创建一个包含错误信息的对象
+# 练习
+```
+  <!-- 第一题 -->
+  <script>
+    let testStr = "我喜欢JavaScript";
+    try {
+      let wrongResult = testStr.subStr(2, -3); // start=2（合法），length=-3（非法）
+      // 若没报错（理论上不会执行到这）
+    } catch (error) {
+      // 3. 捕获异常后
+      alert("对象不支持此方法");
+
+    }
+  </script>
+```
+![alt text](./图片/bzc.png)
+
+```
+    <!-- 第二题 -->
+  <script>
+    let testStr1 = "我喜欢JavaScript";
+    try {
+      let wrongResult = testStr1.subStr(2, -3); // start=2（合法），length=-3（非法）
+      // 若没报错（理论上不会执行到这）
+    } catch (error) {
+      // 3. 捕获异常后
+      alert("错误类型:" + error.name);
+      alert("错误信息:" + error.message);
+    }
+  </script>
+  ```
+![alt text](./图片/cwlx.png)
+![alt text](./图片/xxcw.png)
+
+```
+  <!-- 第三题 -->
+
+ <form id="myForm">
+    用户名：<input type="text" id="username" placeholder="输入用户名"><br><br>
+    密码：<input type="password" id="password" placeholder="输入密码"><br><br>
+    <button type="submit">提交</button>
+  </form>
+  <script>
+    myForm.addEventListener('submit', function (e) {
+      e.preventDefault();
+      try {
+        // 通过 id 获取输入框元素
+        let username = document.getElementById('username').value.trim();
+        let password = document.getElementById('password').value.trim();
+
+        // 1. 验证用户名（正则规则：4-16位，只能包含字母、数字、下划线）
+        let usernameReg = /^[a-zA-Z0-9_]{4,16}$/;
+        if (!usernameReg.test(username)) {
+          throw new Error('用户名格式错误！\n要求：4-16位，仅支持字母、数字、下划线');
+        }
+
+        // 2. 验证密码（正则规则：6-20位，必须同时包含字母和数字）
+        let passwordReg = /^(?=.*[a-zA-Z])(?=.*\d)[a-zA-Z\d]{6,20}$/;
+        if (!passwordReg.test(password)) {
+          throw new Error('密码格式错误！\n要求：6-20位，必须同时包含字母和数字');
+        }
+
+        // 所有验证通过
+        alert('注册信息验证通过！即将提交~');
+
+      } catch (error) {
+        // 会捕获所有错误
+        alert('错误：' + error.message);
+      }
+    });
+  </script> 
+```
+![alt text](./图片/gscw.png)
+
+```
+  <!-- 第四题 -->
+
+  <input type="text" id="numInput" placeholder="输入1-5"><br><br>
+
+  <!-- 查找按钮 -->
+  <button id="searchBtn">查找对应字母</button><br><br>
+
+  <!-- 结果框：显示对应的ABCDE -->
+  对应字母：<input type="text" id="resultInput" readonly placeholder="结果显示"><br><br>
+
+  <script>
+    // 1. 准备字母数组（索引0对应A，1对应B...）
+    let letterArr = ['A', 'B', 'C', 'D', 'E'];
+
+    // 2. 获取页面元素
+    let numInput = document.getElementById('numInput'); // 数字输入框
+    let resultInput = document.getElementById('resultInput'); // 结果显示框
+    let searchBtn = document.getElementById('searchBtn'); // 查找按钮
+
+    // 3. 给查找按钮绑定点击事件
+    searchBtn.addEventListener('click', function () {
+      try {
+        // 4. 获取输入值
+        let inputValue = numInput.value.trim();
+
+
+        //5. 正则说明：^[1-5]$ 表示只能是1、2、3、4、5中的一个，且不能有其他字符
+        let numReg = /^[1-5]$/;
+        if (!numReg.test(inputValue)) {
+          // 验证失败：抛出异常（触发catch）
+          throw new Error('请输入1-5的数字');
+        }
+
+        // 6. 验证通过：将输入的字符串转为数字，计算数组索引
+        let index = Number(inputValue) - 1;
+
+        // 7. 从数组中获取对应字母，显示到结果框
+        resultInput.value = letterArr[index];
+
+
+      } catch (error) {
+        // 8. 捕获异常
+        alert(error.message);
+
+      }
+    });
+  </script>
+```
+![alt text](./图片/czdy.png)
+![alt text](./图片/czys.png)
\ No newline at end of file
diff --git "a/\346\226\271\344\275\263\347\272\257/20251128-\344\272\213\344\273\266.md" "b/\346\226\271\344\275\263\347\272\257/20251128-\344\272\213\344\273\266.md"
new file mode 100644
index 0000000000000000000000000000000000000000..c80c44984fb1ead98e5ddb1fd6a6cff40d65b02c
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251128-\344\272\213\344\273\266.md"
@@ -0,0 +1,265 @@
+# 笔记
+```
+鼠标事件
+click	鼠标单击元素
+dblclick	鼠标双击元素
+mouseover	鼠标移入元素（含子元素）
+mouseout	鼠标移出元素（含子元素）
+mousemove	鼠标在元素内移动
+```
+```
+键盘事件
+keydown	按下键盘按键（任意键）
+keyup	松开键盘按键
+input	输入框内容变化
+```
+```
+表单事件
+submit	提交表单
+change	表单元素值改变且失去焦点
+focus	元素获得焦点
+```
+```
+窗口事件
+load	页面所有资源加载完成
+DOMContentLoaded	DOM 结构加载完成（无需等资源）
+resize	窗口大小改变
+scroll	页面或元素滚动
+```
+addEventListener 绑定
+元素.addEventListener(事件名, 处理函数, 事件流配置)
+[标准绑定方式，支持同一事件绑定多个处理函数，还能控制事件流（冒泡 / 捕获）。]
+
+e.preventDefault()	阻止事件的默认行为（如阻止表单提交）
+e.stopPropagation()	阻止事件冒泡（避免父元素触发相同事件）
+e.key	键盘事件中，获取按下的按键名称
+
+# 练习
+
+```
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+
+<body>
+    <!-- 第一题 -->
+    <style>
+        #myImg {
+            width: 150px;
+            height: 200px;
+            background-size: contain;
+        }
+    </style>
+    <img src="./OIP-C.webp" id="myImg" alt="丁禹兮">
+    <button onclick="toggleBorder()">切换边框</button>
+
+    <script>
+        // 获取图片元素
+        let img = document.getElementById('myImg');
+        // 切换边框的函数
+        function toggleBorder() {
+            // 如果有边框，就去掉；没有就加上
+            if (img.style.border) {
+                img.style.border = '';
+            } else {
+                img.style.border = '4px solid #333'; // 4px 灰色边框
+            }
+        }
+    </script>
+
+
+    <!-- 第二题 -->
+
+    <div>
+        <h3>题目：中国国球是（）？</h3>
+        <p>A. 篮球 B. 兵乓球 C. 羽毛球 D. 排球</p>
+        <p id="tip">请按键盘上的 A/B/C/D 键选择答案</p>
+        <p id="result"></p> <!-- 显示答对/答错结果 -->
+    </div>
+
+    <script>
+        // 正确答案 + 结果显示元素
+        let correctAns = "B"; // 正确答案是B
+        let resultDom = document.getElementById("result");
+
+        // 监听整个页面的键盘按下事件
+        document.addEventListener("keydown", function (e) {
+            // e.key 就是你按下的键盘按键
+            let yourChoice = e.key.toUpperCase(); // 转大写，避免区分大小写
+
+            // 只处理 A/B/C/D 这4个键
+            if (yourChoice === "A" || yourChoice === "B" || yourChoice === "C" || yourChoice === "D") {
+                if (yourChoice === correctAns) {
+                    resultDom.innerText = `你按了 ${yourChoice} 键，回答正确！`;
+                    resultDom.style.color = "green";
+                } else {
+                    resultDom.innerText = `你按了 ${yourChoice} 键，回答错误～ 正确答案是 ${correctAns}`;
+                    resultDom.style.color = "red";
+                }
+            } else {
+                // 按了其他键，提示只能按A-D
+                resultDom.innerText = "请按键盘上的 A/B/C/D 键作答！";
+                resultDom.style.color = "orange";
+            }
+        });
+    </script>
+
+
+    <!-- 第三题 -->
+
+    <p id="dateTime"></p>
+    <script>
+        // 页面加载完成后执行
+        window.addEventListener("load", function () {
+            // 获取当前日期时间
+            let now = new Date();
+            // toLocaleString()把时间转换成当前地区习惯的字符串格式
+            let dateTimeStr = now.toLocaleString();
+            // 把日期时间显示到页面上
+            document.getElementById("dateTime").innerText = "当前日期时间：" + dateTimeStr;
+        });
+    </script>
+
+
+
+    <!-- 第四题 -->
+
+    <p id="windowSize"></p>
+    <script>
+        // 监听窗口大小改变事件（window.onresize）
+        window.onresize = function () {
+            // 获取窗口的宽度和高度(调整大小时)
+            let width = window.innerWidth;
+            let height = window.innerHeight;
+            // 把宽高显示到页面上
+            document.getElementById("windowSize").innerText = `窗口宽度：${width}px，高度：${height}px`;
+        };
+
+        // 页面加载时先显示一次初始宽高
+        window.onload = function () {
+            let width = window.innerWidth;
+            let height = window.innerHeight;
+            document.getElementById("windowSize").innerText = `窗口宽度：${width}px，高度：${height}px`;
+        };
+    </script>
+
+
+
+    <!-- 第五题 -->
+
+    <div style="padding: 20px;">
+        <input type="text" class="input-box" placeholder="文本框1"><br><br>
+        <input type="text" class="input-box" placeholder="文本框2"><br><br>
+        <input type="text" class="input-box" placeholder="文本框3">
+    </div>
+    <style>
+        .input-box {
+            border: 1px solid #ccc;
+            /* 默认灰色边框 */
+            padding: 5px;
+        }
+
+        /* 选中时的样式 */
+        .input-box.active {
+            border: 2px solid #409EFF;
+            /* 选中时蓝色边框 */
+        }
+    </style>
+
+    <script>
+        window.addEventListener("load", function () {
+            // 获取所有文本框元素
+            const inputBoxes = document.querySelectorAll(".input-box");
+
+            // 给每个文本框绑定“获得焦点”事件
+            for (let i = 0; i < inputBoxes.length; i++) {
+                // 给当前循环到的文本框绑定“获得焦点”事件
+                inputBoxes[i].addEventListener("focus", function () {
+                    for (let j = 0; j < inputBoxes.length; j++) {
+                        inputBoxes[j].classList.remove("active");
+                    }
+                    // 给当前获得焦点的文本框添加active样式
+                    this.classList.add("active");
+                });
+                // 绑定“失去焦点”事件（blur）
+                inputBoxes[i].addEventListener("blur", function () {
+                    this.classList.remove("active");
+                });
+            }
+        });
+    </script>
+
+
+    <!-- 第六题 -->
+
+
+    <div>
+        <label>选择年份：</label>
+        <select id="yearSelect">
+            <option value="2000">2000</option>
+            <option value="2001">2001</option>
+            <option value="2002">2002</option>
+            <option value="2003">2003</option>
+        </select>
+
+        <label>选择月份：</label>
+        <select id="monthSelect">
+            <option value="01">01</option>
+            <option value="02">02</option>
+            <option value="03">03</option>
+        </select>
+
+        <button id="showBtn">显示出生年月</button>
+    </div>
+    <script>
+        // 页面加载完成后绑定按钮点击事件
+        window.addEventListener("load", function () {
+            let showBtn = document.getElementById("showBtn");
+            let yearSelect = document.getElementById("yearSelect");
+            let monthSelect = document.getElementById("monthSelect");
+            // 点击按钮时触发
+            showBtn.onclick = function () {
+                // 获取选中的年和月
+                let selectedYear = yearSelect.value;
+                let selectedMonth = monthSelect.value;
+                document.writeln(`出生年月：${selectedYear}年${selectedMonth}月`);
+            };
+        });
+    </script>
+
+    <!-- 第七题 -->
+
+
+    <form id="loginForm">
+        <label>用户名：</label>
+        <input type="text" name="username" placeholder="请输入用户名"><br>
+
+        <label>密码：</label>
+        <input type="password" name="password" placeholder="请输入密码"><br>
+
+        <button type="submit">登录</button>
+        <button type="reset" id="resetBtn">重置</button>
+    </form>
+    <script>
+        // 页面加载完成后绑定表单的onreset事件
+        window.addEventListener("load", function () {
+            let loginForm = document.getElementById("loginForm");
+            // 监听表单的reset事件
+            loginForm.onreset = function () {
+                let isConfirm = confirm("确定要重置登录信息吗？");
+                // 如果用户取消，阻止表单重置；确认则允许重置
+                return isConfirm;
+            };
+        });
+    </script>
+
+</body>
+</html>
+```
+![alt text](./图片/dyx1.png)
+![alt text](./图片/dyx2.png)
\ No newline at end of file
diff --git "a/\346\226\271\344\275\263\347\272\257/20251201-\347\274\226\350\276\221\344\272\213\344\273\266.md" "b/\346\226\271\344\275\263\347\272\257/20251201-\347\274\226\350\276\221\344\272\213\344\273\266.md"
new file mode 100644
index 0000000000000000000000000000000000000000..0efcf7df645102aec8187b0c017cf436556d8574
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251201-\347\274\226\350\276\221\344\272\213\344\273\266.md"
@@ -0,0 +1,239 @@
+# 笔记
+```
+复制：onbeforcopy复制到剪切板触发  oncopy复制页面内容触发
+剪切：onbeforecut   oncut
+粘贴：onbeforepaste  onpaste
+选择：onseletc 文本选中「完成后」 onselectstart 元素的文本开始被选中前触发的事件「开始前」
+```
+```
+拖放事件
+dragstart 用户开始拖拽元素时
+drag  拖拽过程中持续触发
+dragenter  拖拽元素进入目标容器时
+dragover  拖拽元素在目标容器内悬停时
+dragleave 拖拽元素离开目标容器时
+drop  用户在目标容器内释放鼠标时
+```
+# 练习
+```
+<!-- 窗口显示拖放事件描述 -->
+  <style>
+        .draggable-box {
+            width: 150px;
+            height: 150px;
+            background: #42b983;
+            line-height: 150px;
+        }
+
+        .draggable-img {
+            width: 150px;
+            height: 150px;
+            object-fit: cover;
+
+        }
+    </style>
+</head>
+<body>
+    <!-- 需加 draggable="true" 才允许拖动） -->
+    <div class="draggable-box" draggable="true">
+        <img src="./OIP-C.webp" alt="可拖动图片" class="draggable-img" draggable="true">
+    </div>
+    <script>
+        let originalTitle;
+
+        // 页面加载完成初始化
+        window.onload = function () {
+            originalTitle = document.title;
+
+            // ondragover：拖动元素经过窗口时
+            document.ondragover = function (e) {
+                e.preventDefault(); 
+                document.title = '元素正在窗口上方拖动';
+            };
+
+            // ondragleave：拖动元素离开窗口时
+            document.ondragleave = function () {
+                document.title = '元素已离开窗口区域';
+                setTimeout(function () {
+                    if (document.title.includes('ondragleave')) {
+                        document.title = originalTitle;
+                    }
+                }, 500);
+            };
+
+            // ondrop：在窗口内释放拖动元素时
+            document.ondrop = function (e) {    
+                e.preventDefault(); 
+                document.title = '元素已在窗口内释放';
+                setTimeout(function () {
+                    document.title = originalTitle;
+                }, 1000);
+            };
+        };
+    </script>
+```
+![alt text](./图片/ckxs.png)
+```
+<!-- 把文字拖到盒子 -->
+    <style>
+        #target {
+            width: 300px;
+            height: 200px;
+            border: 2px solid #333;
+        }
+    </style>
+</head>
+<body>
+    <div id="draggable" draggable="true">拖拽我到矩形里</div>
+    <div id="target"></div>
+    <script>
+        let draggable = document.getElementById('draggable');
+        let target = document.getElementById('target');
+
+        // 拖拽开始
+        draggable.ondragstart = function() {
+            this.style.color = 'red';
+        };
+
+        // 拖拽结束
+        draggable.ondragend = function() {
+            this.style.color = 'black';
+        };
+
+        // 进入目标区域
+        target.ondragenter = function(e) {
+            e.preventDefault();
+            this.style.backgroundColor = '#eee';
+        };
+
+        // 在目标区域移动（必须阻止默认）
+        target.ondragover = function(e) {
+            e.preventDefault();
+        };
+
+        // 离开目标区域
+        target.ondragleave = function() {
+            this.style.backgroundColor = 'red';
+        };
+
+        //释放拖拽
+        target.ondrop = function(e) {
+            e.preventDefault();
+            this.style.backgroundColor = 'yellow';
+            // 1. 将文本添加到目标区域
+            this.innerText = draggable.innerText;
+            // 2. 隐藏原始文本
+            draggable.style.display = 'none';
+        };
+    </script>
+```
+![alt text](./图片/tzwz1.png)
+![alt text](./图片/tzwz2.png)
+```
+<!-- 鼠标移到文本身上变大变色 -->
+    <style>
+        #hoverText {
+            cursor: pointer; /* 鼠标悬浮时显示手型 */
+            transition: all 0.2s; /* 变化过渡 */
+        }
+    </style>
+</head>
+<body>
+    <div id="hoverText">鼠标移到我身上看看</div>
+    <script>
+        let hoverText = document.getElementById('hoverText');
+        // 1. 鼠标移到文字上
+        hoverText.onmouseover = function() {
+            this.style.fontSize = '30px'; 
+            this.style.color = '#2ecc71'; // 
+        };
+
+        // 2. 鼠标离开文字
+        hoverText.onmouseout = function() {
+            this.style.fontSize = ''; // 恢复默认字体大小
+            this.style.color = ''; // 恢复默认文字颜色
+        };
+    </script>
+```
+![alt text](./图片/bdbs.png)
+```
+<!-- 模拟开灯和关灯效果 -->
+<style>
+        body {
+            margin: 50px;
+            transition: background-color 0.3s; /* 背景切换过渡，体验更平滑 */
+        }
+        #lightBtn {
+            font-size: 18px;
+            cursor: pointer;
+            border: none;
+            border-radius: 4px;
+            background-color: #3498db;
+            color: white;
+        }
+    </style>
+</head>
+<body>
+    <button id="lightBtn">关灯</button>
+    <script>
+        // （默认开灯）
+        let lightBtn = document.getElementById('lightBtn');
+        let isLightOn = true; // true=开灯（白背景），false=关灯（黑背景）
+        lightBtn.onclick = function() {
+            // 切换灯光状态（取反）
+            isLightOn = !isLightOn;
+
+            if (isLightOn) {
+                // 开灯状态：背景变白，按钮文字变“关灯”
+                document.body.style.backgroundColor = 'white';
+                this.innerText = '关灯';
+            } else {
+                // 关灯状态：背景变黑，按钮文字变“开灯”
+                document.body.style.backgroundColor = 'black';
+                this.innerText = '开灯';
+            }
+        };
+    </script>
+```
+![alt text](./图片/gdxg.png)
+```
+<!-- 鼠标按下就增加背景色等，移开恢复原形 -->
+<style>
+        #testBtn {
+            padding: 12px 24px;
+            font-size: 18px;
+            cursor: pointer;
+            border: 1px solid #ccc;
+            border-radius: 4px;
+            background-color: #fff; /* 初始白色背景 */
+            color: #333; /* 初始深色文字 */
+            transition: all 0.1s; /* 过渡效果，变化更顺滑 */
+        }
+    </style>
+</head>
+<body>
+    <button id="testBtn">测试按钮</button>
+
+    <script>
+        // 用let定义核心变量：获取按钮元素
+        let testBtn = document.getElementById('testBtn');
+
+        // 1. 鼠标按下事件（mousedown）：触发按钮状态变化
+        testBtn.onmousedown = function() {
+            this.style.backgroundColor = '#2ecc71'; // 绿色背景
+            this.style.color = '#fff'; // 白色文字
+        };
+
+        // 2. 鼠标松开事件（mouseup）：恢复初始状态
+        testBtn.onmouseup = function() {
+            this.style.backgroundColor = ''; 
+            this.style.color = ''; 
+        };
+
+        // 补充：鼠标离开按钮区域时也恢复（避免按下后移开不松开的情况）
+        testBtn.onmouseleave = function() {
+            this.style.backgroundColor = '';
+            this.style.color = '';
+        };
+    </script>
+```
diff --git "a/\346\226\271\344\275\263\347\272\257/20251203-doc\345\257\271\350\261\241.md" "b/\346\226\271\344\275\263\347\272\257/20251203-doc\345\257\271\350\261\241.md"
new file mode 100644
index 0000000000000000000000000000000000000000..585f63c10831efe95a4b05d78070fb215986bcfb
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251203-doc\345\257\271\350\261\241.md"
@@ -0,0 +1,183 @@
+# 笔记
+```
+document.title 获取 / 设置页面标题
+document.URL  获取当前页面完整 URL
+document.body  获取 <body> 元素,可直接操作其样式和内容
+
+getElementById() 根据元素 id 属性查询
+getElementsByTagName()	 根据标签名查询
+getElementsByClassName() 根据元素 class 属性查询
+querySelector()  CSS 选择器查询（第一个匹配）
+createElement()  创建新的 HTML 元素
+appendChild()  将子元素添加到父元素的末尾
+replaceChild()	用新元素替换父元素中的某个子元素
+removeChild()  从父元素中删除指定子元素
+```
+# 练习
+```
+<!-- 背景色与前景互换颜色 -->
+  <!-- 交互按钮 -->
+  <button onclick="swapColors()">互换颜色</button>
+
+  <script>
+    // 初始记录默认颜色
+    let defaultBg = document.body.style.backgroundColor || '#ffffff'; // 默认为白色
+    let defaultFg = document.body.style.color || '#000000'; // 默认为黑色
+
+    // 颜色互换核心函数
+    function swapColors() {
+      // 临时存储当前背景色
+      let currentBg = document.body.style.backgroundColor || defaultBg;
+      // 临时存储当前前景色
+      let currentFg = document.body.style.color || defaultFg;
+      
+      // 互换赋值
+      document.body.style.backgroundColor = currentFg;
+      document.body.style.color = currentBg;
+    }
+  </script>
+```
+```
+<!-- 输出当前文档名称 -->
+     <button onclick="getDocName()">获取文档名称（中文）</button>
+      <p id="result"></p>
+      <script>
+        function getDocName() {
+          // 1. 提取编码后的文档名
+          let encodedDocName = document.URL.split('/').pop().split(/[?#]/)[0];
+          
+          // 2. 解码成中文
+          let docName = decodeURIComponent(encodedDocName);
+          
+          // 显示结果
+          document.getElementById('result').textContent = `当前文档名称：${docName}`;
+        }
+      </script>
+```
+```
+<!-- 逐个添加文字 -->
+  <script>
+    // 1. 定义要逐个添加的文字内容
+    let textList = ["逐", "个", "添", "加", "的", "文", "字"];
+    // 2. 记录当前添加到第几个文字
+    let currentIndex = 0;
+    // （每次点击只加一个文字）
+    function addSingleText() {
+      // 判断：如果还没加完所有文字，才继续添加
+      if (currentIndex < textList.length) {
+        // 获取当前要添加的单个文字
+        let singleText = textList[currentIndex];
+        
+        // 创建文本节点（承载单个文字）
+        let textNode = document.createTextNode(singleText);
+        
+        // 把单个文字节点插入容器（文字会连续排列）
+        document.getElementById('textContainer').appendChild(textNode);
+        currentIndex++;
+      } else {
+        alert("所有文字都已添加完毕！");
+      }
+    }
+  </script>
+```
+```
+<!-- 选择主题时，背景色和文本颜色一起更换 -->
+  <!-- 下拉框：选择主题（onchange触发切换函数） -->
+  <select onchange="changeTheme(this.value)">
+    <option value="default">默认主题</option>
+    <option value="dark">深色主题</option>
+    <option value="light">浅色主题</option>
+    <option value="classic">古典主题</option>
+  </select>
+  <div>
+    <p>行路难·其一</p>
+    <p>〔唐代〕李白</p>
+    <p>金樽清酒斗十千，玉盘珍羞直万钱。</p>
+    <p>停杯投箸不能食，拔剑四顾心茫然。</p>
+    <p>欲渡黄河冰塞川，将登太行雪满山。</p>
+    <p>闲来垂钓碧溪上，忽复乘舟梦日边。</p>
+    <p>行路难！行路难！多歧路，今安在？</p>
+    <p>长风破浪会有时，直挂云帆济沧海。</p>
+  </div>
+
+  <script>
+    // 每个主题同时包含 背景色(bg) 和 文本色(text)
+    let themeConfig = {
+      default: { bg: '#ffffff', text: '#333333' },  // 白背景+深文字
+      dark: { bg: '#2c3e50', text: '#ecf0f1' },     // 深蓝灰背景+浅灰文字
+      light: { bg: '#f8f9fa', text: '#2d3436' },    // 淡灰背景+深黑文字
+      classic: { bg: '#f5f0e6', text: '#8b4513' }   // 米黄背景+棕文字
+    };
+
+    // 切换主题函数：同时设置背景色和文本色
+    function changeTheme(themeName) {
+      // 从配置中获取当前主题的 背景色 和 文本色
+      let theme = themeConfig[themeName];
+      // 同时设置 body 的背景色和文本色
+      document.body.style.backgroundColor = theme.bg;
+      document.body.style.color = theme.text;
+    }
+  </script>
+```
+```
+<!-- 点击链接可打开图片，点击关闭可关闭图片 -->
+    <!-- 超链接触发点 -->
+    <div onclick="openModal()" style="cursor:pointer;color:blue;text-decoration:underline;">点击打开图片</div>
+
+    <!-- 弹窗核心结构 -->
+    <div id="imgModal"
+        style="position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);display:none;justify-content:center;align-items:center;">
+        <div style="position:relative;">
+            <!-- 图片（自适应） -->
+            <img src="https://picsum.photos/800/600" style="max-width:90vw;max-height:80vh;">
+            <!-- 关闭按钮 -->
+            <button onclick="closeModal()"
+                style="position:absolute;top:-20px;right:-20px;background:red;color:white;border:none;padding:5px 10px;cursor:pointer;">关闭</button>
+        </div>
+    </div>
+    <script>
+        // 控制函数
+        function openModal() {
+            document.getElementById('imgModal').style.display = 'flex';
+        }
+        function closeModal() {
+            document.getElementById('imgModal').style.display = 'none';
+        }
+        document.getElementById('imgModal').onclick = (e) => e.target === e.currentTarget && closeModal();
+    </script>
+```
+```
+ <!-- 添加头像按钮 -->
+  <button onclick="addAvatar()">添加用户头像</button>
+
+  <!-- 存放头像的容器（动态添加的头像会放在这里） -->
+  <div id="avatarContainer" style="margin-top:20px;"></div>
+  <script>
+    // 头像图片地址
+    let avatarUrls = [
+      'https://picsum.photos/id/64/100/100', // 头像1
+      'https://picsum.photos/id/65/100/100', // 头像2
+      'https://picsum.photos/id/66/100/100'  // 头像3
+    ];
+
+    // 动态添加头像函数
+    function addAvatar() {
+      // 1. （从头像地址数组中随机选出一个地址）
+      let randomUrl = avatarUrls[Math.floor(Math.random() * avatarUrls.length)];
+      
+      // 2. 创建图片元素
+      let avatarImg = document.createElement('img');
+      
+      // 3. 设置图片属性：地址、尺寸、间距
+      avatarImg.src = randomUrl;
+      avatarImg.alt = "用户头像";
+      avatarImg.style.width = "100px";
+      avatarImg.style.height = "100px";
+      avatarImg.style.margin = "0 10px 10px 0"; 
+      avatarImg.style.borderRadius = "50%"; 
+      
+      // 4. 把图片添加到页面的容器中
+      document.getElementById('avatarContainer').appendChild(avatarImg);
+    }
+  </script>
+```
\ No newline at end of file
diff --git "a/\346\226\271\344\275\263\347\272\257/20251204-\346\226\207\346\241\243\345\257\271\350\261\241.md" "b/\346\226\271\344\275\263\347\272\257/20251204-\346\226\207\346\241\243\345\257\271\350\261\241.md"
new file mode 100644
index 0000000000000000000000000000000000000000..38e86ff1fbd3b4b17e03d6619055b3366cf9215c
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251204-\346\226\207\346\241\243\345\257\271\350\261\241.md"
@@ -0,0 +1,453 @@
+ # 笔记 
+```
+节点属性:
+nodeType 标识节点类型
+nodeName  节点名称
+nodeValue  节点值
+childNodes 获取当前节点的所有子节点
+firstChild  获取第一个子节点
+lastChild  获取最后一个子节点
+nextSibling  获取下一个兄弟节点
+previousSibling   获取上一个兄弟节点
+parentNode  获取当前节点的父节点
+```
+```
+节点创建等:
+createElement  创建元素节点
+createTextNode  创建文本节点
+appendChild  将子节点添加到父节点的子节点末尾
+insertBefore(new,ref)  将 new插入到 ref之前,没有则替换
+removeChild  从父节点中删除指定子节点
+replaceChild() 可替换节点啊
+```
+```
+获取元素：
+getElementById  全局获取单个唯一 ID 元素
+getElementsByClassName  全局 / 局部获取批量 Class 元素  
+querySelector 获取第一个匹配 CSS 选择器的元素
+querySelectorAll  复杂选择器 / 批量静态元素 遍历
+```
+```
+innerHTML  动态插入
+innerText  仅操作纯文字
+outerHTML 替换整个元素
+``` 
+# 练习
+
+ ```
+ <!-- 添加指定颜色文字 -->
+<input type="text" id="t">
+<select id="c">
+    <option value="red">红</option>
+    <option value="blue">蓝</option>
+    <option value="green">绿</option>
+</select>
+<button onclick="add()">添加</button>
+<div id="res"></div>
+<script>
+    function add() {
+        let text = document.getElementById('t').value;
+        let color = document.getElementById('c').value;
+        let res = document.getElementById('res');
+        res.innerHTML += `<span style="color:${color}">${text}</span> `;
+        document.getElementById('t').value = ''; 
+    }
+</script>
+``` 
+
+```
+<!-- 为歌曲添加歌名 -->
+<input type="text" id="songInput" placeholder="输入歌名">
+<button onclick="showSongName()">确认</button>
+<div id="songName" style="font-size:20px; font-weight:bold; margin:10px 0;"></div>
+<div id="lyrics" style="line-height:1.8;">
+    夜空中最亮的星<br>
+    能否听清<br>
+    那仰望的人<br>
+    心底的孤独和叹息<br>
+    夜空中最亮的星<br>
+    能否记起<br>
+    曾与我同行<br>
+    消失在风里的身影
+</div>
+<script>
+    let correctName = "夜空中最亮的星";
+    function showSongName() {
+        let inputName = document.getElementById('songInput').value.trim();
+        let nameArea = document.getElementById('songName');
+        // 校验并展示
+        if (inputName === correctName) {
+            nameArea.innerText = correctName; // 正确则显示歌名
+            document.getElementById('songInput').value = ''; // 清空输入框
+        }
+    }
+</script>
+``` 
+```
+<!-- 删除编号对应影片 -->
+
+<!-- 输入编号删除的区域 -->
+<input type="text" id="delNum" placeholder="输入编号删除影片">
+<button onclick="deleteMovie()">删除</button>
+<!-- 电影列表展示区 -->
+<ul id="movieList">
+    <li>1. 热辣滚烫</li>
+    <li>2. 飞驰人生3</li>
+    <li>3. 哪吒之魔童闹海</li>
+    <li>4. 唐探1900</li>
+</ul>
+<script>
+    function deleteMovie() {
+        // 1. 获取输入的编号和电影列表元素
+        let delNum = document.getElementById('delNum').value.trim();
+        let movieList = document.getElementById('movieList');
+        let movieItems = movieList.getElementsByTagName('li');
+
+        // 2. 校验编号是否为有效数字
+        if (isNaN(delNum) || delNum < 1 || delNum > movieItems.length) {
+            alert('请输入有效的影片编号！');
+            document.getElementById('delNum').value = '';
+            return;
+        }
+
+        // 3. 根据编号删除对应影片（编号从1开始，数组索引从0开始，需减1）
+        let index = delNum - 1;
+        movieList.removeChild(movieItems[index]);
+
+        // 4. 重新更新所有影片的编号
+        updateMovieNumbers();
+
+        // 5. 清空输入框
+        document.getElementById('delNum').value = '';
+    }
+
+    // 更新影片编号
+    function updateMovieNumbers() {
+        let movieItems = document.getElementById('movieList').getElementsByTagName('li');
+        // 遍历所有影片，重新设置编号
+        for (let i = 0; i < movieItems.length; i++) {
+            // 提取原文本中编号后的影片名（去掉原编号）
+            let movieName = movieItems[i].innerText.replace(/^\d+\. /, '');
+            movieItems[i].innerText = `${i + 1}. ${movieName}`;
+        }
+    }
+</script>
+```
+```
+<!-- 移动两个列表指定元素 -->
+    <style>
+        .category {
+            margin: 20px;
+            padding: 10px;
+            border: 1px solid #ccc;
+            width: 200px;
+            display: inline-block;
+            vertical-align: top;
+        }
+        h3 {
+            margin-top: 0;
+        }
+        ul {
+            list-style: none;
+            padding-left: 10px;
+        }
+        li {
+            margin: 5px 0;
+            transition: all 0.5s ease;
+        }
+        .wrong {
+            color: red;
+            font-weight: bold;
+        }
+        .correct {
+            color: green;
+        }
+    </style>
+</head>
+<body>
+    <button id="moveBtn" style="margin: 20px;">点击开始移动元素</button>
+    <div class="category">
+        <h3>蔬菜列表</h3>
+        <ul id="vegetableList">
+            <li>西红柿</li>
+            <li>黄瓜</li>
+            <li id="wrongFruit" class="wrong">香蕉</li>
+            <li>胡萝卜</li>
+        </ul>
+    </div>
+    <div class="category">
+        <h3>水果列表</h3>
+        <ul id="fruitList">
+            <li>苹果</li>
+            <li>橙子</li>
+            <li id="wrongVegetable" class="wrong">菠菜</li>
+            <li>草莓</li>
+        </ul>
+    </div>
+    <script>
+        function moveFood() {
+            let wrongFruit = document.getElementById('wrongFruit');
+            let wrongVegetable = document.getElementById('wrongVegetable');
+            let fruitList = document.getElementById('fruitList');
+            let vegetableList = document.getElementById('vegetableList');
+            // 第一步：先移动香蕉
+            setTimeout(() => {
+                fruitList.appendChild(wrongFruit);
+                wrongFruit.classList.remove('wrong');
+                wrongFruit.classList.add('correct');
+            }, 1000);
+            setTimeout(() => {
+                vegetableList.appendChild(wrongVegetable);
+                wrongVegetable.classList.remove('wrong');
+                wrongVegetable.classList.add('correct');
+            }, 2000);
+            // 禁用按钮，避免重复执行
+            document.getElementById('moveBtn').disabled = true;
+            document.getElementById('moveBtn').textContent = '移动完成';
+        }
+        // 点击按钮触发移动
+        let moveBtn = document.getElementById('moveBtn');
+        moveBtn.onclick = moveFood;
+    </script>
+```
+```
+<!-- 判断选择是否正确 -->
+    <style>
+        .quiz { margin: 20px; }
+        .options { margin: 10px 0; }
+        button { margin-top: 10px; padding: 5px 15px; }
+        #result { margin-top: 10px; font-weight: bold; }
+    </style>
+</head>
+<body>
+    <div class="quiz">
+        <h4>金庸《射雕英雄传》中，郭靖的降龙十八掌师从谁？</h4>
+        <div class="options">
+            <input type="radio" name="answer" value="1" id="opt1">
+            <label for="opt1">洪七公</label><br>
+            <input type="radio" name="answer" value="2" id="opt2">
+            <label for="opt2">黄药师</label><br>
+            <input type="radio" name="answer" value="3" id="opt3">
+            <label for="opt3">周伯通</label>
+        </div>
+        <button id="submitBtn">提交答案</button>
+        <div id="result"></div>
+    </div>
+    <script>
+        function checkAnswer() {
+            let correctAnswer = "1"; // 正确答案是洪七公（value=1）
+            let selectedOpt = document.querySelector('input[name="answer"]:checked');
+            let resultBox = document.getElementById('result');
+            // 判断是否选择选项
+            if (!selectedOpt) {
+                resultBox.textContent = "请先选择一个选项！";
+                resultBox.style.color = "orange";
+                return;
+            }
+            // 判断对错并提示
+            if (selectedOpt.value === correctAnswer) {
+                resultBox.textContent = "回答正确！";
+                resultBox.style.color = "green";
+            } else {
+                resultBox.textContent = "回答错误，正确答案是：洪七公";
+                resultBox.style.color = "red";
+            }
+        }
+        // 绑定按钮点击事件
+        let submitBtn = document.getElementById('submitBtn');
+        submitBtn.onclick = checkAnswer;
+    </script>
+```
+```
+<!-- 修改超链接的文本和地址 -->
+    <style>
+        .container {
+            margin: 20px;
+        }
+
+        button {
+            margin-left: 10px;
+            padding: 5px 10px;
+        }
+
+        a {
+            margin-right: 10px;
+        }
+    </style>
+</head>
+
+<body>
+    <div class="container">
+        <a id="myLink" href="https://www.baidu.com">百度</a>
+        <button id="modifyBtn">修改超链接</button>
+    </div>
+    <script>
+        function modifyLink() {
+            let link = document.getElementById('myLink');
+            // 通过prompt获取用户输入的新地址和新文本
+            let newHref = prompt('请输入新的超链接地址（如https://www.github.com）：');
+            let newText = prompt('请输入新的超链接显示文本：');
+            if (newHref && newText) {
+                // 修改超链接的地址和文本
+                link.href = newHref;
+                link.textContent = newText;
+                alert('超链接修改成功！');
+            } else {
+                alert('地址和文本不能为空，请重新修改！');
+            }
+        }
+        let modifyBtn = document.getElementById('modifyBtn');
+        modifyBtn.onclick = modifyLink;
+    </script>
+```
+```
+<!-- 添加图片 -->
+
+    <style>
+        .container { margin: 20px; }
+        #imgBox { margin-top: 10px; }
+        #imgBox img { width: 200px; height: auto; margin: 5px; border: 1px solid #ccc; }
+        button { padding: 5px 10px; }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <button id="addImgBtn">点击添加图片</button>
+        <div id="imgBox"></div>
+    </div>
+    <script>
+        let imgSrc = "https://picsum.photos/200/150"; 
+        function addImage() {
+            let imgBox = document.getElementById('imgBox');
+            // 用innerHTML拼接添加图片标签（每次点击追加一张）
+            imgBox.innerHTML += `<img src="${imgSrc}" alt="添加的图片">`;
+        }
+
+        // 绑定按钮点击事件
+        let addImgBtn = document.getElementById('addImgBtn');
+        addImgBtn.onclick = addImage;
+    </script>
+```
+```
+<!-- 点击链接将粗体文本改成斜体 -->
+    <style>
+        .container { margin: 20px; }
+        span { margin-right: 10px; }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <span id="text" style="font-weight: bold;">一生只爱一人</span>
+        <!-- 独立的触发超链接 -->
+        <a href="javascript:void(0)" id="btnLink">点击将文本改为斜体</a>
+    </div>
+    <script>
+        function changeStyle() {
+            let text = document.getElementById('text');
+            text.style.fontWeight = "normal"; // 取消粗体
+            text.style.fontStyle = "italic";  // 设置斜体
+        }
+        let btnLink = document.getElementById('btnLink');
+        btnLink.onclick = changeStyle;
+    </script>
+```
+```
+<!-- 年月日的联动 -->
+    <style>
+        .date-select {
+            margin: 20px;
+        }
+
+        select {
+            margin: 0 5px;
+            padding: 2px 5px;
+        }
+    </style>
+</head>
+<body>
+    <div class="date-select">
+        <!-- 年下拉框 -->
+        <select id="yearSelect"></select>
+        <!-- 月下拉框 -->
+        <select id="monthSelect"></select>
+        <!-- 日下拉框 -->
+        <select id="daySelect"></select>
+    </div>
+    <script>
+        let yearSelect = document.getElementById('yearSelect');
+        let monthSelect = document.getElementById('monthSelect');
+        let daySelect = document.getElementById('daySelect');
+        // 1. 初始化年份（生成2000-2025年选项）
+        function initYear() {
+            for (let i = 2000; i <= 2025; i++) {
+                yearSelect.innerHTML += `<option value="${i}">${i}年</option>`;
+            }
+        }
+        // 2. 初始化月份（固定12个月）
+        function initMonth() {
+            monthSelect.innerHTML = ''; // 清空原有选项
+            for (let i = 1; i <= 12; i++) {
+                monthSelect.innerHTML += `<option value="${i}">${i}月</option>`;
+            }
+        }
+        // 3. 根据年、月计算天数并初始化日期
+        function initDay(year, month) {
+            daySelect.innerHTML = ''; // 清空原有选项
+            // 计算当月天数（处理2月平闰年）
+            let dayCount = new Date(year, month, 0).getDate();
+            // 生成日期选项
+            for (let i = 1; i <= dayCount; i++) {
+                daySelect.innerHTML += `<option value="${i}">${i}日</option>`;
+            }
+        }
+
+        // 4. 联动核心函数：年份/月份变化时更新日期
+        function handleDateChange() {
+            let selectedYear = yearSelect.value;
+            let selectedMonth = monthSelect.value;
+            initDay(selectedYear, selectedMonth);
+        }
+        // 初始化执行
+        initYear();
+        initMonth();
+        initDay(yearSelect.value, monthSelect.value); // 初始显示当年当月天数
+        // 绑定联动事件：年份改变时更新月、日；月份改变时更新日
+        yearSelect.onchange = function () {
+            initMonth(); // 年份变，月份重置为1-12
+            handleDateChange(); // 更新日期
+        };
+        monthSelect.onchange = handleDateChange;
+    </script>
+```
+```
+<!-- 选择下拉框相对应的表情图片 -->
+    <style>
+        .container { margin: 20px; }
+        #emojiShow { margin-top: 10px; width: 50px; height: 50px; }
+        select { padding: 2px 5px; }
+    </style>
+</head>
+<body>
+    <div class="container">
+        <select id="emojiSelect">
+            <option value="https://picsum.photos/50/50?random=1">笑脸</option>
+            <option value="https://picsum.photos/50/50?random=2">哭脸</option>
+            <option value="https://picsum.photos/50/50?random=3">生气</option>
+            <option value="https://picsum.photos/50/50?random=4">开心</option>
+        </select>
+        <img id="emojiShow" src="" alt="选中的表情">
+    </div>
+    <script>
+        let emojiSelect = document.getElementById('emojiSelect');
+        let emojiShow = document.getElementById('emojiShow');
+        function changeEmoji() {
+            // 获取选中选项的value（即图片地址）
+            let selectedSrc = emojiSelect.value;
+            // 设置显示图片的src
+            emojiShow.src = selectedSrc;
+        }
+        // 初始化：默认显示第一个表情
+        changeEmoji();
+        emojiSelect.onchange = changeEmoji;
+    </script>
+```
diff --git "a/\346\226\271\344\275\263\347\272\257/20251205-win\345\257\271\350\261\241.md" "b/\346\226\271\344\275\263\347\272\257/20251205-win\345\257\271\350\261\241.md"
new file mode 100644
index 0000000000000000000000000000000000000000..048c90f27c4d69beb6a267c2d0f48fb8e2ad9c8f
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251205-win\345\257\271\350\261\241.md"
@@ -0,0 +1,414 @@
+# 笔记
+window.resizeTo(w,h)  调整窗口大小
+confirm(message)   弹出确认框
+setTimeout(fn, delay)  延迟 delay 毫秒执行函数（一次性）
+setInterval(fn, interval)   每隔 interval 毫秒执行函数（循环）
+clearInterval(timer)   清除 setInterval 定时器
+
+# 练习
+```
+<!--1. 点击播放弹出登录提醒 -->
+
+ <div>
+        <h1 style="color: rgb(24, 233, 94);">消散对白（节选）</h1>
+     <h3 style="color: cadetblue;">丁禹兮</h3>  
+        <p></p>原諒我真的不太會告別</p>
+        <p> 也沒想過有這一天</p>
+        <p> 以為你隨口承諾的永遠</p>
+        <p>就可以敵過時間</p>
+        <p>可你眼中深情的對白 如煙花短暫</p>
+        <p> 新鮮感終歸不是愛</p>
+        <p>回憶在倒帶要怎麼釋懷?</p>
+        <p> 說著放下卻陷入無限循環</p>
+        <p> 可你眼中無情的對白 淚都流乾</p>
+        <p>卻不說答案</p>
+        <p> 順其自然 隨冷風消散</p>
+        <p> 可過了這麼久你怎麼還是我的短板</p>
+    </div>
+    <input type="button" value="播放" class="play-btn">
+    <script>
+        // 播放按钮元素
+        let playBtn = document.querySelector('.play-btn');
+
+        function checkLoginAndPlay() {
+            let isLogin = false;
+
+            // 未登录则弹出警告对话框
+            if (!isLogin) {
+                alert('请先登录账号，再播放歌曲！');
+                // 阻止默认播放行为（如果按钮有默认行为）
+                event.preventDefault();
+                return false;
+            }
+
+        }
+        playBtn.addEventListener('click', checkLoginAndPlay);
+    </script>
+``` 
+![alt text](./图片/xsdb.png)
+```
+<!--2. 模拟退出登录，弹出确认对话框  -->
+
+    <a href="javascript:;" class="logout-link">退出登录</a>
+    <script>
+        // 获取退出登录链接元素
+        let logoutLink = document.querySelector('.logout-link');
+        // 处理退出登录逻辑
+        function handleLogout() {
+            let isConfirm = confirm('你确定退出登录吗？');
+            // 点击「确定」时执行退出登录逻辑
+            if (isConfirm) {
+                // 1. 模拟退出登录
+                // 2. 跳转至登录页
+                window.location.href = '/login.html';
+            }
+        }
+        logoutLink.addEventListener('click', handleLogout);
+    </script>
+```
+
+```
+<!--3. 打开影片详情页 -->
+
+
+  <!-- 影视片列表 -->
+  <div class="movie-list">
+    <!-- 影片1：绑定自定义data属性存影片ID -->
+    <div class="movie-item">
+        <img src="./OIP-C.webp" alt="长乐曲" class="detail-img" data-movie-id="1001">
+    </div>
+    <!-- 影片2 -->
+    <div class="movie-item">
+        <img src="./OIP-C (1).webp" alt="十年一品温如言" class="detail-img" data-movie-id="1002">
+    </div>
+</div>
+<script>
+    // 获取所有影片详情图片
+    let detailImgs = document.querySelectorAll('.detail-img');
+
+    // 处理图片点击，打开指定大小/位置的详情页
+    function openMovieDetail(event) {
+        // 1. 获取当前点击图片对应的影片ID（从data属性取）
+        let movieId = this.dataset.movieId;
+        // 2. 定义新窗口的大小和位置（可自定义）
+        let winWidth = 800;    // 详情页窗口宽度
+        let winHeight = 600;   // 详情页窗口高度
+        // 计算窗口位置：居中显示（基于当前屏幕）
+        let winLeft = (screen.width - winWidth) / 2;
+        let winTop = (screen.height - winHeight) / 2;
+
+        // 3. 配置窗口参数：width/height/left/top 控制大小和位置
+        let windowParams = `width=${winWidth},height=${winHeight},left=${winLeft},top=${winTop}`;
+        // 4. 打开新窗口：传入影片ID到详情页，指定大小和位置
+        window.open(
+            `movie-detail.html?id=${movieId}`, // 详情页路径 + 影片ID参数
+            '_blank', // 新窗口打开
+            windowParams // 窗口大小/位置配置
+        );
+        // 阻止图片默认点击行为 
+        event.preventDefault();
+    }
+    // 5. 为所有影片图片绑定点击事件
+    detailImgs.forEach(function (img) {
+        img.addEventListener('click', openMovieDetail);
+    });
+</script>
+```
+```
+<!--4. 自动关闭广告窗口 -->
+
+      <style>
+        /* 广告弹窗核心样式 */
+        #adPopup {
+          position: fixed;    /* 固定定位，不随滚动移动 */
+          top: 50%;           /* 垂直居中 */
+          left: 50%;          /* 水平居中 */
+          transform: translate(-50%, -50%); /* 精准居中 */
+          width: 500px;       /* 弹窗宽度 */
+          height: 300px;      /* 弹窗高度 */
+          background: #fff;   /* 背景色 */
+          border: 1px solid #ddd;
+          border-radius: 8px; /* 圆角 */
+          z-index: 9999;      /* 置顶显示 */
+          padding: 20px;
+          box-sizing: border-box;
+          display: none;      /* 初始隐藏 */
+        }
+        /* 倒计时提示样式 */
+        .countdown {
+          position: absolute;
+          bottom: 10px;
+          right: 20px;
+          color: #999;
+          font-size: 14px;
+        }
+      </style>
+    </head>
+    <body>
+      <!-- 广告弹窗容器 -->
+      <div id="adPopup">
+        <h2>广告内容标题</h2>
+        <p>这里是广告的具体内容</p>
+        <div class="countdown">广告将在 <span id="countNum">5</span> 秒后自动关闭</div>
+      </div>
+      <script>
+        // 弹窗显示 + 5秒自动关闭
+        window.onload = function() {
+          const adPopup = document.getElementById('adPopup');
+          const countNum = document.getElementById('countNum');
+          let countdown = 5; // 倒计时秒数
+          // 1. 显示广告弹窗
+          adPopup.style.display = 'block';
+          // 2. 倒计时 + 自动关闭核心定时器
+          const timer = setInterval(() => {
+            countdown--;          // 每秒倒计时减1
+            countNum.textContent = countdown; // 更新显示
+            
+            // 3. 倒计时结束，关闭弹窗
+            if (countdown <= 0) {
+              clearInterval(timer); // 清除定时器
+              adPopup.style.display = 'none'; // 隐藏弹窗
+            }
+          }, 1000); 
+        };
+      </script>
+```
+![alt text](./图片/gg.png)
+```
+<!-- 下降的窗口 -->
+
+  <button id="openWinBtn">打开新窗口</button>
+  <script>
+    function initWindowMove() {
+      let openBtn = document.getElementById('openWinBtn');
+          openBtn.addEventListener('click', function() {
+        // 窗口基础参数
+        let winWidth = 300;
+        let winHeight = 200;
+        let winLeft = (screen.width - winWidth) / 2;
+        let winTop = 0; // 初始顶部位置
+        // 打开新窗口
+        let newWindow = window.open(
+          '', 
+          '_blank',
+          'width=' + winWidth + ',height=' + winHeight + ',left=' + winLeft + ',top=' + winTop
+        );
+        // 移动参数
+        let moveStep = 5; // 每次移动像素
+        let targetLeft = 0; // 左下角水平目标
+        let targetTop = screen.height - winHeight; // 左下角垂直目标
+
+        // 定时器实现动态移动
+        let moveTimer = setInterval(function() {
+          // 逐步调整位置
+          if (winLeft > targetLeft) {
+            winLeft -= moveStep;
+          }
+          if (winTop < targetTop) {
+            winTop += moveStep;
+          }
+          // 边界限制
+          winLeft = Math.max(winLeft, targetLeft);
+          winTop = Math.min(winTop, targetTop);
+          // 更新窗口位置
+          newWindow.moveTo(winLeft, winTop);
+          // 到达目标停止移动
+          if (winLeft === targetLeft && winTop === targetTop) {
+            clearInterval(moveTimer);
+          }
+        }, 10);
+      });
+    }
+    // 初始化执行
+    initWindowMove();
+  </script>
+```
+```
+<!-- 简单计时器 -->
+
+  <!-- 计时显示输入框 -->
+  <input type="text" id="timerInput" value="0" readonly style="width: 100px; font-size: 18px;">
+  <!-- 控制按钮 -->
+  <button id="startBtn">开始计时</button>
+  <button id="pauseBtn">暂停计时</button>
+  <script>
+    function initTimer() {
+      let timerInput = document.getElementById('timerInput');
+      let startBtn = document.getElementById('startBtn');
+      let pauseBtn = document.getElementById('pauseBtn');
+      let timer = null; // 存储定时器
+      let seconds = 0;  // 计时秒数
+      // 开始计时函数
+      function startTimer() {
+        // 先清除已有定时器，防止重复点击加速
+        clearInterval(timer);
+        // 启动定时器，每秒计时+1
+        timer = setInterval(function() {
+          seconds++;
+          timerInput.value = seconds; // 更新输入框显示
+        }, 1000);
+      }
+      // 暂停计时函数
+      function pauseTimer() {
+        clearInterval(timer); // 清除定时器，暂停计时
+      }
+
+      // 绑定按钮点击事件
+      startBtn.addEventListener('click', function() {
+        startTimer();
+      });
+
+      pauseBtn.addEventListener('click', function() {
+        pauseTimer();
+      });
+    }
+
+    // 初始化计时器
+    initTimer();
+  </script>
+```
+```
+<!-- 计算两个一位数相加并判断对错 -->
+    <script>
+        // 定义答题函数
+        function startQuiz() {
+            // 随机生成两个 0-9 的一位数
+            let num1 = Math.floor(Math.random() * 10);
+            let num2 = Math.floor(Math.random() * 10);
+            let correctAnswer = num1 + num2;
+
+            // 弹出提示对话框让用户答题
+            let userAnswer = prompt(`${num1} + ${num2} = ?`, "");
+
+            // 处理用户关闭弹窗或点击取消的情况
+            if (userAnswer === null) {
+                let isQuit = confirm("你确定要退出答题吗？");
+                if (isQuit) {
+                    alert("答题结束，再见！");
+                    return;
+                } else {
+                    startQuiz(); // 重新开始答题
+                    return;
+                }
+            }
+
+            // 将用户输入转换为数字（处理非数字输入）
+            userAnswer = Number(userAnswer);
+
+            // 验证答案并给出提示
+            if (isNaN(userAnswer)) {
+                alert("请输入有效的数字！");
+            } else if (userAnswer === correctAnswer) {
+                alert("回答正确！🎉");
+            } else {
+                alert(`回答错误！❌ 正确答案是：${correctAnswer}`);
+            }
+
+            // 询问是否继续答题
+            let continueQuiz = confirm("是否继续答题？");
+            if (continueQuiz) {
+                startQuiz(); // 继续答题
+            } else {
+                alert("答题结束，再见！"); // 结束答题
+            }
+        }
+
+        // 程序入口：页面加载后自动开始答题
+        startQuiz();
+    </script>
+```
+```
+<!-- 回答问题并判断对错 -->
+        <h1>2024年奥运会举办城市问答</h1>
+        <div id="result" class="result"></div>
+        <script>
+            // 正确答案
+            let correctAnswers = ['巴黎', 'paris', 'Paris'];
+
+            // 页面加载后自动弹出答题对话框
+            window.onload = function () {
+                askQuestion();
+            };
+
+            // 提问并处理答案的函数
+            function askQuestion() {
+                // 弹出输入对话框
+                let userAnswer = prompt('请问2024年奥运会在哪个城市举办？', '');
+
+                // 获取页面上显示结果的元素
+                let resultElement = document.getElementById('result');
+
+                // 处理关闭/取消对话框的情况
+                if (userAnswer === null) {
+                    resultElement.textContent = '你取消了答题，2024年奥运会举办城市是：巴黎';
+                    resultElement.className = 'result incorrect';
+                    resultElement.style.display = 'block';
+                    return;
+                }
+                userAnswer = userAnswer.trim();
+                if (correctAnswers.includes(userAnswer)) {
+                    resultElement.textContent = `🎉 回答正确！2024年奥运会确实在巴黎举办。`;
+                    resultElement.className = 'result correct';
+                } else {
+                    resultElement.textContent = `❌ 回答错误！正确答案是：巴黎（你输入的是：${userAnswer}）。`;
+                    resultElement.className = 'result incorrect';
+                }
+                // 显示结果区域
+                resultElement.style.display = 'block';
+            }
+        </script>
+```
+```
+<!-- 循环轮播显示图片 -->
+    <style>
+        /* 简单样式，让图片显示更直观 */
+        .img-container {
+            width: 400px;
+            height: 600px;
+            margin: 20px auto;
+            border: 1px solid #ccc;
+        }
+        .img-container img {
+            width: 100%;
+            height: 100%;
+            object-fit: cover;
+        }
+    </style>
+</head>
+<body>
+    <div class="img-container">
+        <img id="carouselImg" src="" alt="轮播图片">
+    </div>
+
+    <script>
+        // 1. 定义图片列表（替换成你自己的图片路径）
+        let imgList = [
+            "w700d1q75cms.jpg",
+            "R-C.jpg",
+            "q.jpeg",
+            "w700d1q75cms (1).jpg",
+            "OIP-C.webp"
+        ];
+        
+        // 2. 获取图片DOM元素
+        let imgElement = document.getElementById("carouselImg");
+        
+        // 3. 定义当前显示的图片索引
+        let currentIndex = 0;
+
+        // 4. 切换图片
+        function changeImage() {
+            // 设置当前图片的src
+            imgElement.src = imgList[currentIndex];
+            
+            // 更新索引：到最后一张后回到0
+            currentIndex = (currentIndex + 1) % imgList.length;
+        }
+
+        // 5. 初始化显示第一张图片
+        changeImage();
+        
+        // 6. 每隔1秒执行一次切换函数
+        setInterval(changeImage, 1000);
+    </script>
+```
\ No newline at end of file
diff --git "a/\346\226\271\344\275\263\347\272\257/20251208-\346\265\217\350\247\210\345\231\250\345\257\271\350\261\241.md" "b/\346\226\271\344\275\263\347\272\257/20251208-\346\265\217\350\247\210\345\231\250\345\257\271\350\261\241.md"
new file mode 100644
index 0000000000000000000000000000000000000000..26add3205af62adfa2e8a2d7c82c0e9d8e644df5
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251208-\346\265\217\350\247\210\345\231\250\345\257\271\350\261\241.md"
@@ -0,0 +1,13 @@
+# 笔记
+```
+location方法：
+assign（）：跳转新页面
+reload（）：重新载入当前页面
+```
+
+```
+history方法：
+back（）:退回前一页
+forward（）：重新进入下一页
+go（）：进入指定的网友
+```
diff --git "a/\346\226\271\344\275\263\347\272\257/20251210-style\345\257\271\350\261\241.md" "b/\346\226\271\344\275\263\347\272\257/20251210-style\345\257\271\350\261\241.md"
new file mode 100644
index 0000000000000000000000000000000000000000..f6b19c78716de62149fd3273271c8c220f0611d8
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251210-style\345\257\271\350\261\241.md"
@@ -0,0 +1,240 @@
+<!-- 文字变大且随机颜色 -->
+```
+    <div id="text">
+    <p>此情可待成追忆</p>
+    <p>只是当时已惘然</p>
+</div>
+    <input type="button"  id="enlargeBtn" value="变大且随机颜色">
+    <script>
+        // 初始化变量
+        let fontSize = 16; // 初始字体大小
+        let textEle = document.getElementById('text');
+        let btnEle = document.getElementById('enlargeBtn');
+
+        //  放大文本并设置随机颜色
+        function enlargeText() {
+            // 增大2像素
+            fontSize += 2;
+            textEle.style.fontSize = `${fontSize}px`;
+
+            let r = Math.floor(Math.random() * 256);
+            let g = Math.floor(Math.random() * 256);
+            let b = Math.floor(Math.random() * 256);
+            textEle.style.color = `rgb(${r}, ${g}, ${b})`;
+        }
+
+        btnEle.onclick = enlargeText;
+    </script>
+```
+<!-- 鼠标事件，给图片添加边框和去除 -->
+```
+    <style>
+        #targetImg {
+            width: 500px;
+            height: 500px;
+            object-fit: cover;
+        }
+    </style>
+    <img id="targetImg" src="./2.jpeg" alt="丁禹兮">
+
+    <script>
+        let imgEle = document.getElementById('targetImg');
+        // 鼠标移入添加边框
+        function addBorder() {
+            // 设置5px 双实线 边框
+            imgEle.style.border = '5px double green';
+        }
+
+        // 鼠标移出移除边框
+        function removeBorder() {
+            imgEle.style.border = 'none';
+        }
+        // 绑定鼠标移入/移出事件
+        imgEle.onmouseover = addBorder; // 移入触发
+        imgEle.onmouseout = removeBorder; // 移出触发
+    </script>
+
+```
+<!-- 鼠标移到菜单上，菜单项向右滑出 -->
+```
+    <ul class="nav" id="navContainer">
+        <li class="nav-item">
+            <div class="main-title">产品管理</div>
+            <ul class="menu-items">
+                <li>添加产品</li>
+                <li>编辑产品</li>
+                <li>删除产品</li>
+            </ul>
+        </li>
+        <li class="nav-item">
+            <div class="main-title">订单管理</div>
+            <ul class="menu-items">
+                <li>待付款订单</li>
+                <li>已完成订单</li>
+            </ul>
+        </li>
+    </ul>
+
+    <style>
+        .nav {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+            width: 260px;
+        }
+        .nav-item {
+            margin: 2px 0;
+            /* 主菜单间距，避免垂直重叠 */
+            cursor: pointer;
+        }
+        .main-title {
+            height: 50px;
+            line-height: 50px;
+            padding-left: 15px;
+            background: #f8f8f8;
+        }
+        .menu-items {
+            list-style: none;
+            padding: 0;
+            margin: 0;
+            padding-left: 15px;
+            /* 初始位置 */
+            transition: padding-left 0.3s ease;
+            background: #fff;
+            border-left: 1px solid #eee;
+        }
+
+        .menu-items li {
+            height: 45px;
+            line-height: 45px;
+            padding-left: 5px;
+            /* 子项内间距，避免文字挤边 */
+        }
+    </style>
+
+    <script>
+        let navItems = document.getElementsByClassName('nav-item');
+        let  INIT_PADDING = 15, HOVER_PADDING = 40;
+        //  - 滑入
+        function slideIn() {
+            const items = this.querySelector('.menu-items');
+            if (items) items.style.paddingLeft = `${HOVER_PADDING}px`;
+        }
+        //  - 滑出
+        function slideOut() {
+            const items = this.querySelector('.menu-items');
+            if (items) items.style.paddingLeft = `${INIT_PADDING}px`;
+        }
+        // 绑定事件
+        for (let i = 0; i < navItems.length; i++) {
+            navItems[i].onmouseover = slideIn;
+            navItems[i].onmouseout = slideOut;
+        }
+    </script>
+```
+<!-- 拖拽图片可在页面随意摆放 -->
+```
+<style>
+        * {
+            margin: 0;
+            padding: 0;
+            box-sizing: border-box;
+        }
+
+        body {
+            min-height: 100vh;
+            background-color: #f5f5f5;
+        }
+
+        .draggable-img {
+            position: absolute;
+            width: 200px;
+            height: auto;
+            cursor: move;
+            /* 禁止图片选中 */
+            user-select: none;
+            transition: transform 0.2s ease;
+            /* 层级，避免图片重叠时被遮挡 */
+            z-index: 10;
+        }
+    </style>
+</head>
+<body>
+    <img src="./xm1.webp" class="draggable-img" >
+    <img src="./xm2.jpg" class="draggable-img" >
+    <img src="./xm3.webp" class="draggable-img" >
+
+    <script>
+        // 获取所有可拖动的图片元素
+        let imgElements = document.querySelectorAll('.draggable-img');
+        
+        // 初始化图片：随机旋转角度 + 初始位置
+        function initImages() {
+            imgElements.forEach(function(img, index) {
+                // 随机旋转角度（-30 到 30 度之间）
+                let rotateDeg = Math.random() * 60 - 30;
+                img.style.transform = `rotate(${rotateDeg}deg)`;
+                
+                // 初始位置：错开排列，避免重叠在一起
+                let initLeft = 50 + index * 220 + 'px';
+                let initTop = 50 + index * 50 + 'px';
+                img.style.left = initLeft;
+                img.style.top = initTop;
+                
+                // 为每张图片绑定拖动事件
+                bindDragEvent(img);
+            });
+        }
+
+        // 绑定拖动事件的传统函数
+        function bindDragEvent(img) {
+            // 声明变量存储拖动时的偏移量
+            let offsetX, offsetY;
+            
+            // 鼠标按下事件（开始拖动）
+            img.addEventListener('mousedown', function(e) {
+                // 阻止默认行为，避免浏览器的默认拖拽
+                e.preventDefault();
+                
+                // 计算鼠标相对于图片左上角的偏移量
+                offsetX = e.clientX - img.offsetLeft;
+                offsetY = e.clientY - img.offsetTop;
+                
+                // 提升当前拖动图片的层级，避免被其他图片遮挡
+                img.style.zIndex = 20;
+                
+                // 鼠标移动事件（拖动过程）
+                document.addEventListener('mousemove', moveHandler);
+                
+                // 鼠标松开事件（结束拖动）
+                document.addEventListener('mouseup', upHandler);
+            });
+
+            // 鼠标移动的处理函数
+            function moveHandler(e) {
+                // 计算图片的新位置：鼠标坐标 - 偏移量
+                let newLeft = e.clientX - offsetX + 'px';
+                let newTop = e.clientY - offsetY + 'px';
+                
+                // 更新图片的left和top属性
+                img.style.left = newLeft;
+                img.style.top = newTop;
+            }
+
+            // 鼠标松开的处理函数
+            function upHandler() {
+                // 移除移动和松开事件，结束拖动
+                document.removeEventListener('mousemove', moveHandler);
+                document.removeEventListener('mouseup', upHandler);
+                
+                // 恢复层级
+                img.style.zIndex = 10;
+            }
+        }
+
+        // 页面加载完成后初始化图片
+        window.onload = function() {
+            initImages();
+        };
+    </script>
+```
\ No newline at end of file
diff --git "a/\346\226\271\344\275\263\347\272\257/20251211-form\345\257\271\350\261\241.md" "b/\346\226\271\344\275\263\347\272\257/20251211-form\345\257\271\350\261\241.md"
new file mode 100644
index 0000000000000000000000000000000000000000..bdf6e6ac2f8e8d0eac2500c491d4560aa979a875
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251211-form\345\257\271\350\261\241.md"
@@ -0,0 +1,194 @@
+
+```
+  <script>
+        function checkTicketCode() {
+            let correctCode = "99632570063166";
+            let inputCode = prompt("请输入电影票兑换码：");
+            if (inputCode === correctCode) {
+                alert("兑换码验证成功！取票成功，祝您观影愉快～");
+                return true;
+            } else {
+                alert("兑换码错误！取票失败，请核对后重新输入。");
+                return false;
+            }
+        }
+        let isSuccess = checkTicketCode();
+        document.writeln("取票结果：", isSuccess ? "成功" : "失败");
+    </script>
+```
+
+
+<!-- 调整多行文本的高度 -->
+
+```
+<textarea id="textArea" style="width: 300px; resize: none; overflow: auto;" rows="5">
+           无题·相见时难别亦难
+               李商隐
+    相见时难别亦难，东风无力百花残。
+    春蚕到死丝方尽，蜡炬成灰泪始干。
+    晓镜但愁云鬓改，夜吟应觉月光寒。
+    蓬山此去无多路，青鸟殷勤为探看。
+    </textarea>
+<button onclick="TextAreaHeight('expand')">增高</button>
+<button onclick="TextAreaHeight('shrink')">降低</button>
+<script>
+    function TextAreaHeight(type) {
+        let textArea = document.getElementById('textArea');
+        // 每次调整的步长
+        let step = 50;
+        // 获取当前高度
+        let currentHeight = textArea.offsetHeight;//获取文本框的实际高度
+        // 高度调整逻辑
+        if (type === 'expand') {
+            textArea.style.height = (currentHeight + step) + 'px';
+        } else if (type === 'shrink') {
+            // 限制最小高度，避免缩到看不见
+            let minHeight = 100;
+            textArea.style.height = Math.max(currentHeight - step, minHeight) + 'px';
+        }
+    }
+</script>
+```
+
+<!-- 限制选择的个数 -->
+```
+<div>
+    <input type="checkbox" class="course-checkbox" onclick="checkCourseCount()"> 语文
+    <input type="checkbox" class="course-checkbox" onclick="checkCourseCount()"> 数学
+    <input type="checkbox" class="course-checkbox" onclick="checkCourseCount()"> 英语
+    <input type="checkbox" class="course-checkbox" onclick="checkCourseCount()"> 物理
+    <input type="checkbox" class="course-checkbox" onclick="checkCourseCount()"> 化学
+    <input type="checkbox" class="course-checkbox" onclick="checkCourseCount()"> 生物
+    <input type="checkbox" class="course-checkbox" onclick="checkCourseCount()"> 历史
+    <input type="checkbox" class="course-checkbox" onclick="checkCourseCount()"> 地理
+    <input type="checkbox" class="course-checkbox" onclick="checkCourseCount()"> 政治
+  </div>
+
+  <script>
+  function checkCourseCount() {
+    let courseCheckboxes = document.getElementsByClassName('course-checkbox');
+    // 统计已选中的课程数
+    let selectedCount = 0;
+    // 3. 遍历所有复选框，统计选中数量
+    for (let i = 0; i < courseCheckboxes.length; i++) {
+      if (courseCheckboxes[i].checked) { // 复选框被选中时
+        selectedCount++; // 选中数+1
+      }
+    }
+    // 校验逻辑：超过6门时提示，并取消最后一次选中
+    let maxCount = 6; // 最大可选课程数
+    if (selectedCount > maxCount) {
+      alert(`最多只能选${maxCount}门课程！`); 
+      // 取消最后点击的这个复选框
+      event.target.checked = false;
+    }
+  }
+  </script>
+```
+
+<!-- 判断选项是否有被选并且判断对错 -->
+```
+    <div>
+        <input type="radio" name="answer" value="A"> A. 错误答案<br>
+        <input type="radio" name="answer" value="B"> B. 正确答案<br>
+        <input type="radio" name="answer" value="C"> C. 错误答案<br>
+        <button onclick="checkAnswer()">提交</button>
+    </div>
+    <script>
+        function checkAnswer() {
+            let answerOptions = document.getElementsByName('answer');
+            // 存储用户选中的答案
+            let selectedAnswer = null;
+            // 遍历选项，找到用户选中的答案
+            for (let i = 0; i < answerOptions.length; i++) {
+                if (answerOptions[i].checked) {
+                    selectedAnswer = answerOptions[i].value;
+                    break; 
+                }
+            }
+            let correctAnswer = "B"; 
+            if (!selectedAnswer) { // 未选择答案
+                alert("请选择正确答案！");
+            } else if (selectedAnswer === correctAnswer) { 
+                alert("回答正确！");
+            } else {   
+                alert("答案不对，请重新选择！");
+            }
+        }
+    </script>
+```
+
+<!-- 复选框的全选和全不选和反选 -->
+```
+    <div>
+        <button onclick="operateHobby('all')">全选</button>
+        <button onclick="operateHobby('none')">全不选</button>
+        <button onclick="operateHobby('reverse')">反选</button>
+        <div style="margin-top: 10px;">
+            <input type="checkbox" class="hobby-checkbox"> 阅读<br>
+            <input type="checkbox" class="hobby-checkbox"> 运动<br>
+            <input type="checkbox" class="hobby-checkbox"> 听歌<br>
+            <input type="checkbox" class="hobby-checkbox"> 摄影<br>
+            <input type="checkbox" class="hobby-checkbox"> 绘画<br>
+        </div>
+    </div>
+    <script>
+        function operateHobby(type) {
+            let hobbyCheckboxes = document.getElementsByClassName('hobby-checkbox');
+            // 遍历所有复选框，根据类型执行对应操作
+            for (let i = 0; i < hobbyCheckboxes.length; i++) {
+                let checkbox = hobbyCheckboxes[i]; // 当前遍历的复选框
+                switch (type) {
+                    case 'all': // 全选：所有复选框设为选中
+                        checkbox.checked = true;
+                        break;
+                    case 'none': // 全不选：所有复选框设为未选中
+                        checkbox.checked = false;
+                        break;
+                    case 'reverse': // 反选：选中变未选，未选变选中
+                        checkbox.checked = !checkbox.checked;
+                        break;
+                }
+            }
+        }
+    </script>
+```
+<!-- 省份与城市联动 -->
+```
+    <select id="province" onchange="changeCity()">
+        <option value="">请选择省份</option>
+        <option value="bj">北京市</option>
+        <option value="sh">上海市</option>
+        <option value="gd">广东省</option>
+    </select>
+    <select id="city">
+        <option value="">请选择城市</option>
+    </select>
+    <script>
+        let cityData = {
+            "bj": ["北京市"],
+            "sh": ["上海市"],
+            "gd": ["广州市", "深圳市"]
+        };
+        function changeCity() {
+            // 获取省份下拉框和城市下拉框元素
+            let provinceSelect = document.getElementById("province");
+            let citySelect = document.getElementById("city");
+            // 获取当前选中的省份值
+            let selectedProvince = provinceSelect.value;
+            // 清空原有城市选项
+            citySelect.innerHTML = "<option value=''>请选择城市</option>";
+            // 根据选中省份加载对应城市
+            if (selectedProvince) { // 选中了有效省份
+                let cities = cityData[selectedProvince]; // 获取该省的城市列表
+                // 遍历城市列表，添加到城市下拉框
+                for (let i = 0; i < cities.length; i++) {
+                    let option = document.createElement("option"); // 创建新选项
+                    option.value = cities[i]; // 设置选项值
+                    option.textContent = cities[i]; // 设置选项显示文字
+                    citySelect.appendChild(option); // 把选项添加到城市下拉框
+                }
+            }
+        }
+    </script>
+```
\ No newline at end of file
diff --git "a/\346\226\271\344\275\263\347\272\257/20251212-json.md" "b/\346\226\271\344\275\263\347\272\257/20251212-json.md"
new file mode 100644
index 0000000000000000000000000000000000000000..d75d341c899ace3aaad30566444b00c1954b017b
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251212-json.md"
@@ -0,0 +1,10 @@
+# JSON 基本语法规则
+1.数据以键值对（key: value） 形式存在，键必须用双引号包裹；
+2.键值对之间用逗号分隔，最后一个键值对后不能加逗号；
+3.整体数据要么是对象（{}），要么是数组（[]）（这是 JSON 仅有的两种顶层结构）；
+4.不支持注释（// 或 /* */）；
+5.支持 字符串 数字  布尔值  数组   数组  null ；不支持函数、日期对象（需转为字符串）。
+
+# 序列化和反序列
+JS 对象 → 字符串 ：使用 JSON.stringify()，将 JavaScript 对象 / 数组转为 JSON 格式的字符串
+字符串 → JS 对象 ：使用 JSON.parse()，将 JSON 格式的字符串转为 JavaScript 对象 / 数组
\ No newline at end of file
diff --git "a/\346\226\271\344\275\263\347\272\257/20251215-\347\254\224\350\256\260.md" "b/\346\226\271\344\275\263\347\272\257/20251215-\347\254\224\350\256\260.md"
new file mode 100644
index 0000000000000000000000000000000000000000..37021fba597184df8b34105415790ce46ed2f288
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251215-\347\254\224\350\256\260.md"
@@ -0,0 +1,3 @@
+var	函数作用域 / 全局作用域
+let	块级作用域（{}内）
+const	块级作用域（专门声明常量）
\ No newline at end of file
diff --git "a/\346\226\271\344\275\263\347\272\257/20251217-\345\210\200\344\271\220\347\254\246 .md" "b/\346\226\271\344\275\263\347\272\257/20251217-\345\210\200\344\271\220\347\254\246 .md"
new file mode 100644
index 0000000000000000000000000000000000000000..ac11cfc36d14f1b65b401ec0b86e47ea6ea55e31
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251217-\345\210\200\344\271\220\347\254\246 .md"	
@@ -0,0 +1,18 @@
+$是 jQuery 提供的 “元素选择器函数”，是前端开发里 jQuery 框架的标志性语法
+```
+let d4 = $('#d4'); → 等价于用原生 JS 写document.getElementById('d4')
+```
+
+```
+方法：
+hide()	隐藏匹配的元素
+show()	显示匹配的元素
+toggle()	切换元素的显示 / 隐藏状态
+```
+```
+<!-- 第一步：引入jQuery库（CDN或本地文件） -->
+<script src="https://code.jquery.com/jquery-3.7.1.min.js"></script>
+<!-- 第二步：执行jQuery代码（此时$已被定义） -->
+
+<!-- 原生JS代码的位置可在jQuery库前/后，只要不依赖jQuery -->
+```
diff --git "a/\346\226\271\344\275\263\347\272\257/20251218-jQ\345\212\250\347\224\273.md" "b/\346\226\271\344\275\263\347\272\257/20251218-jQ\345\212\250\347\224\273.md"
new file mode 100644
index 0000000000000000000000000000000000000000..6977aa7d58b467e53cf271151eb33210f1b1ef1e
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251218-jQ\345\212\250\347\224\273.md"
@@ -0,0 +1,17 @@
+fadeIn()	淡入显示元素（从透明到不透明）
+fadeOut()	淡出隐藏元素（从不透明到透明）
+fadeToggle()	切换淡入 / 淡出状态
+```
+// 淡入后执行回调
+$('.box').fadeIn(500, function() {
+  alert('淡入动画完成！');
+});
+```
+
+```
+text()	获取 / 设置元素文本内容（纯文本）
+html()	获取 / 设置元素 HTML 内容（含标签）
+val()	获取 / 设置表单元素的值
+```
+
+![alt text](./图片/JQdh.JPG)
\ No newline at end of file
diff --git "a/\346\226\271\344\275\263\347\272\257/20251219-z.md" "b/\346\226\271\344\275\263\347\272\257/20251219-z.md"
new file mode 100644
index 0000000000000000000000000000000000000000..3feadd0e198ddf2260712d75d51a239c97870db7
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251219-z.md"
@@ -0,0 +1 @@
+![alt text](./图片/z.png)
\ No newline at end of file
diff --git "a/\346\226\271\344\275\263\347\272\257/20251222-\347\273\203\344\271\240.md" "b/\346\226\271\344\275\263\347\272\257/20251222-\347\273\203\344\271\240.md"
new file mode 100644
index 0000000000000000000000000000000000000000..c10b849e732edd5113fc6d51e4bc13d0da49780e
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251222-\347\273\203\344\271\240.md"
@@ -0,0 +1,53 @@
+        <!-- 题目描述： 声明一个变量 name，赋值为你的名字，再声明一个常量 SCHOOL，赋值为"某某职业学院"，最后输出这两个值
+        输出示例： "张三" "某某职业学院" -->
+
+    <script>
+        let name = "张三";
+        const SCHOOL = "某某职业学院";
+        document.writeln(name, SCHOOL);
+    </script>
+```
+    <!-- 题目描述： 判断给定的变量 value 是什么数据类型，并返回类型名称的字符串
+    输入示例： 123 -->
+
+    <script>
+        let value = 123;
+        document.writeln(typeof (value));
+    </script>
+```
+    <!-- 题目描述： 创建一个变量 age，初始值为 18，然后将其修改为 20，最后输出修改后的值 -->
+    <script>
+        let age = 18;
+        age = 20;
+        document.writeln(age);
+    </script>
+``` 
+    <!--  题目描述： 声明三个变量分别存储一个学生的姓名（字符串）、年龄（数字）、是否及格（布尔值），然后分别输出这三个变量的值和类型
+    输出示例： 姓名: "李四", 类型: string 年龄: 19, 类型: number 及格: true, 类型: boolean -->
+
+    <script>
+        let stuName = "李四";
+        let stuAge = 19;
+        let isPass = true;
+        // 分别输出 变量值 + 数据类型，严格匹配示例格式
+        document.writeln(`姓名: "${stuName}", 类型: ${typeof stuName}`);
+        document.writeln(`年龄: ${stuAge}, 类型: ${typeof stuAge}`);
+        document.writeln(`及格: ${isPass}, 类型: ${typeof isPass}`);
+    </script>
+
+```
+    <!-- 完成如下任务
+    题目描述： 将字符串 "123" 转换为数字类型，将数字 456 转换为字符串类型，并分别返回它们的值和类型
+   输出示例： 转换后的数字: 123, 类型: number 转换后的字符串: "456", 类型: string -->
+
+    <script>
+        let strNum = "123";
+        let num = 456;
+        // 字符串转数字
+        let toNum = Number(strNum);
+        // 数字转字符串
+        let toStr = String(num);
+        document.write(`转换后的数字: ${toNum}, 类型: ${typeof toNum}<br>`);
+        document.write(`转换后的字符串: "${toStr}", 类型: ${typeof toStr}<br><br>`);
+    </script>
+```
\ No newline at end of file
diff --git "a/\346\226\271\344\275\263\347\272\257/20251224-\347\273\203\344\271\240 .md" "b/\346\226\271\344\275\263\347\272\257/20251224-\347\273\203\344\271\240 .md"
new file mode 100644
index 0000000000000000000000000000000000000000..880991c3604b52c34c36b86f0778aa8acdb9e039
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251224-\347\273\203\344\271\240 .md"	
@@ -0,0 +1,92 @@
+   ```
+    <!-- 题目描述： 比较两个变量 a 和 b，返回 a 是否大于 b、是否等于 b、是否不等于 b 的布尔值结果
+    
+输入示例： 5, 3
+输出示例： { 大于: true, 等于: false, 不等于: true } -->
+
+    <script>
+        let a = 5;
+        let b = 3;
+        document.writeln("大于:" + (a > b ? true : false))
+        document.writeln((a == b ? true : false))
+        document.writeln((a != b ? true : false))
+    </script>
+```
+```
+<!-- 题目描述： 给定三个变量 x = "5", y = 5, z = "5"，使用 == 和 === 分别比较 x 和 y、x 和 z，理解并返回比较结果
+输出示例： x == y: true, x === y: false x == z: true, x === z: true -->
+    <script>
+        let x = "5";
+        let y = 5;
+        let z = "5";
+        document.writeln((x == y ? true : false))
+        document.writeln((x === y ? true : false))
+
+        document.writeln((x == z ? true : false))
+        document.writeln((x === z ? true : false))
+    </script>
+```
+
+```
+    <!-- 题目描述： 使用逻辑运算符（&&、||、!）判断：年龄在18-60岁之间且有驾照的人可以开车
+   输入示例： age = 25, hasLicense = true
+   输出示例： true (可以开车) -->
+
+    <script>
+        let k = 25;
+        let has = true;
+        if (age < 18 && age > 60) {
+
+            document.writeln((!has))
+        } else {
+            document.writeln(has)
+        }
+    </script>
+
+```
+    <!-- 
+    题目描述： 理解隐式类型转换，计算各种表达式的结果
+    输入示例： "5" + 3, "5" - 3, true + 1, "10" * "2"
+    输出示例： "53", 2, 2, 20 -->
+    <script>
+        let resAdd = "5" + 3;
+        let resSub = "5" - 3;
+        let resBool = true + 1;
+        let resMul = "10" * "2";
+        document.write(`${resAdd}, ${resSub}, ${resBool}, ${resMul}`); 
+    // 输出：53, 2, 2, 20
+    </script>
+```
+
+    <!-- 题目描述： 使用位运算符进行简单计算（如取整、判断奇偶）
+     输入示例： 5.8, 7
+    输出示例： ~~5.8 = 5 (取整) 7 & 1 = 1 (判断奇偶，结果为1表示奇数) -->
+    <script>
+        let num1 = 5.8;
+        let num2 = 7;
+        let intRes = ~~num1;        // 位运算双波浪号 快速取整
+        let oddRes = num2 & 1;      // 位运算&1 判断奇偶
+        document.write(intRes, oddRes);
+    </script>
+```
+    <!-- 题目描述： 使用一元运算符进行类型转换（+, -, !）
+    输入示例： +"123", -"45", !!"hello" -->
+    <script>
+        let res1 = +"123";    // 一元+：字符串转数字
+        let res2 = -"45";     // 一元-：字符串转数字并取负数
+        let res3 = !!"hello"; // 两次一元!：转布尔值(true/false)
+        document.write(res1 + ", " + res2 + ", " + res3);
+        </script>
+
+```
+
+ // 题目描述： 使用三元运算符和短路求值进行条件赋值
+  // 输入示例： score = 85
+    <script>
+        let score = 85;
+        let userName = "";
+        const level = score >= 60 ? '及格' : '不及格';
+        const name1 = userName || '游客';
+        document.write(level, name1);
+    </script>
+```
diff --git "a/\346\226\271\344\275\263\347\272\257/20251225-\347\273\203\344\271\240 .md" "b/\346\226\271\344\275\263\347\272\257/20251225-\347\273\203\344\271\240 .md"
new file mode 100644
index 0000000000000000000000000000000000000000..ab500a205412323ce42cb9e905b51b0c94f678ee
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251225-\347\273\203\344\271\240 .md"	
@@ -0,0 +1,112 @@
+    <!-- 题目描述： 给定一个分数 score，判断成绩等级：90分以上为"优秀"，80-89分为"良好"，60-79分为"及格"，60分以下为"不及格" -->
+```
+  <script>
+        let score = 85;
+        let grade;
+        if (score >= 90) {
+            grade = "优秀";
+        } else if (score >= 80) {
+            grade = "良好";
+        } else if (score >= 60) {
+            grade = "及格";
+        } else {
+            grade = "不及格";
+        }
+        document.write(`${grade}`); // 输出："良好"
+    </script>
+```
+
+
+    <!-- 题目描述： 使用 for 循环计算 1 到 n 的累加和 -->
+```
+   <script>
+        // 输入示例：100
+        let n = 100;
+        let sum = 0;
+        for (let i = 1; i <= n; i++) {
+            sum += i; // 等价 sum = sum + i
+        }
+        document.write(sum); 
+    </script>
+```
+
+
+    <!-- 题目描述： 遍历数组 arr，输出所有偶数 -->
+```
+    <script>
+        let arr = [1, 2, 3, 4, 5, 6, 7, 8];
+        let evenArr = []; // 存放筛选后的偶数
+        for (let i = 0; i < arr.length; i++) {
+            if (arr[i] % 2 === 0) {
+                evenArr.push(arr[i]);
+            }
+        }
+        document.write(evenArr); 
+    </script>
+```
+
+
+
+
+    <!-- 题目描述： 判断给定数字 num 是否为质数 -->
+```
+    <script>
+        let num = 17;
+        let isPrime = true;
+        if (num <= 1) {
+            isPrime = false;
+        } else {
+            for (let i = 2; i < num; i++) {
+                if (num % i === 0) {
+                    isPrime = false;
+                    break;
+                }
+            }
+        }
+        if (isPrime) {
+            document.writeln(num + "是质数");
+        } else {
+            document.writeln(num + "不是质数");
+        }
+    </script>
+
+```
+
+
+    <!-- 题目描述： 使用 while 循环找出小于 n 的所有3的倍数 -->
+```
+    <script>
+        let maxNum = 20;
+        let mul3Arr = [];
+        let current = 3;
+        while (current < maxNum) {
+            mul3Arr.push(current);
+            current += 3;
+        }
+        document.write(mul3Arr); 
+    </script>
+```
+
+```
+<!-- 题目描述： 使用 switch 语句根据星期几输出不同的信息 -->
+
+```
+    <script>
+        let dayOfWeek = 1;
+        let dayInfo = "";
+        switch (dayOfWeek) {
+            case 1:
+            case 2:
+            case 3:
+            case 4:
+            case 5:
+                dayInfo = "今天是工作日要上班";
+                break; 
+            case 6:
+            case 7:
+                dayInfo = "今天是休息日不用上班";
+                break;
+        }
+        document.write(`${dayInfo}`); 
+    </script>
+```
\ No newline at end of file
diff --git "a/\346\226\271\344\275\263\347\272\257/20251226-\347\273\203\344\271\240 .md" "b/\346\226\271\344\275\263\347\272\257/20251226-\347\273\203\344\271\240 .md"
new file mode 100644
index 0000000000000000000000000000000000000000..f133940596a591eccc72508d53f5ea7b1fbe4e54
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20251226-\347\273\203\344\271\240 .md"	
@@ -0,0 +1,88 @@
+    <!-- 题目描述： 使用 for...of 循环遍历数组 -->
+ ```
+    <script>
+        let fruits = ['苹果', '香蕉', '橙子'];
+        for (let fruit of fruits) {
+            document.write(fruit);
+        }
+    </script>
+```
+
+    <!-- 题目描述： 使用 for...in 循环遍历对象的属性 -->
+```
+    <script>
+        let person = { name: "张三", age: 20, city: "北京" };
+        for (let key in person) {
+            document.write(`${key}: ${person[key]}  `);
+        }
+    </script>
+```
+
+    <!-- 题目描述： 使用 break 和 continue 控制循环流程
+    输入示例： 查找数组中第一个大于50的数，跳过所有负数 -->
+
+```
+    <script>
+        let nums = [-10, 25, -5, 30, 66, 40, 78];
+        let targetNum = null;
+        for (let i = 0; i < nums.length; i++) {
+            if (nums[i] < 0) {
+                continue;
+            }
+            if (nums[i] > 50) {
+                targetNum = nums[i];
+                break;
+            }
+        }
+        document.write(`跳过负数后，第一个大于50的数：${targetNum}`); 
+    </script>
+```
+
+ ```
+  <!-- 题目描述： 使用嵌套循环打印九九乘法表 -->
+
+    <script>
+        for (let i = 1; i <= 9; i++) {
+            for (let j = 1; j <= i; j++) {
+                document.write(`${j}×${i}=${i * j} `);
+            }
+            document.write("<br>");
+        }
+    </script>
+```
+
+
+```
+<!-- 题目描述： 使用条件运算符和 if-else 对比，实现同样的逻辑 -->
+
+    <script>
+        let age = 18;
+        let status1 = age >= 18 ? '成年' : '未成年';
+        // 方式2：if-else 结构清晰，适合复杂逻辑
+        let status2 = "";
+        if (age >= 18) {
+            status2 = '成年';
+        } else {
+            status2 = '未成年';
+        }
+        document.write(status1);
+        document.write(status2);
+    </script>
+```
+题目描述： 实现一个简单的猜数字游戏，使用循环和条件判断
+```
+    <script>
+        let randomNum= Math.floor(Math.random() * 100) + 1;
+        while (true) {
+            let guess = Number(prompt("请输入1-100之间的数字："));
+            if (guess > randomNum) {
+                alert("太大了，再小点！");
+            } else if (guess < randomNum) {
+                alert("太小了，再大点！");
+            } else {
+                alert("恭喜你，猜对了！");
+                break;
+            }
+        }
+    </script>
+```
\ No newline at end of file
diff --git "a/\346\226\271\344\275\263\347\272\257/20260104-\347\254\224\350\256\260.md" "b/\346\226\271\344\275\263\347\272\257/20260104-\347\254\224\350\256\260.md"
new file mode 100644
index 0000000000000000000000000000000000000000..d57394777d790b88809f1661d6aca39f96f96184
--- /dev/null
+++ "b/\346\226\271\344\275\263\347\272\257/20260104-\347\254\224\350\256\260.md"
@@ -0,0 +1,92 @@
+题目描述： 使用 getElementById 获取 id 为 "title" 的元素，并在控制台输出该元素
+```
+ <h1 id="title">欢迎学习JavaScript</h1>
+<script>
+        let titleElement = document.getElementById("title");
+        console.log(titleElement);
+
+</script>
+```
+题目描述： 理解 DOM 树结构，访问元素的父节点、子节点和兄弟节点
+```
+<div id="parent">
+    <p id="child1">段落1</p>
+    <p id="child2">段落2</p>
+</div>
+<script>
+    // 1. 获取child1元素
+    let child1 = document.getElementById("child1");
+    
+    // 2. 获取child1的父节点（div#parent）
+    let parentNode = child1.parentNode;
+    console.log("child1的父节点：", parentNode);
+    
+    // 3. 获取child1的下一个兄弟节点（p#child2）
+    let nextSibling = child1.nextElementSibling; // 优先用ElementSibling（过滤文本/注释节点）
+    console.log("child1的下一个兄弟节点：", nextSibling);
+
+    // 拓展：获取父节点的所有子节点（Element类型）
+    let childNodes = parentNode.children;
+    console.log("parent的所有子节点：", childNodes);
+</script>
+```
+题目描述： 获取 id 为 "content" 的 div 元素，将其文本内容修改为 "新的内容"
+```
+<div id="content">原始内容</div>    
+<script>
+    // 获取id为content的div元素
+    let contentDiv = document.getElementById("content");
+    // 修改文本内容
+    contentDiv.textContent = "新的内容";
+</script>
+```
+获取 id 为 "link" 的 a 标签，修改其 href 属性为 "https://www.example.com"，并修改文本为 "访问示例网站"
+```
+<a id="link" href="#">链接</a>
+    <script>
+        // 获取id为link的a标签
+        let link = document.getElementById("link");
+        // 修改href属性
+        link.href = "https://www.example.com";
+        // 修改文本内容
+        link.textContent = "访问示例网站";
+    </script> 
+```
+题目描述： 获取 id 为 "box" 的 div，为其添加 class "highlight"，并设置背景色为黄色
+```
+<div id="box">这是一个盒子</div>
+    <script>
+        // 获取id为box的div
+        let box = document.getElementById("box");
+        // classList.add() 用于添加类名（不会覆盖原有类名）
+        box.classList.add("highlight");
+        // 设置背景色（行内样式）
+        box.style.backgroundColor = "yellow";
+    </script>
+```
+获取和设置表单元素的值（input, textarea, select）
+```
+<input type="text" id="username" value="旧值">
+    <select id="city">
+        <option value="bj">北京</option>
+        <option value="sh" selected>上海</option> 
+    </select>
+    <textarea id="desc">默认文本</textarea>
+    <script>
+        let usernameInput = document.getElementById('username');
+        console.log('input原始值：', usernameInput.value); 
+        usernameInput.value = '新值'; 
+        console.log('input修改后值：', usernameInput.value); 
+
+        let citySelect = document.getElementById('city');
+        document.write('select原始值：', citySelect.value);
+        citySelect.value = 'bj'; // 设置选中北京
+        console.log('select修改后值：', citySelect.value); 
+
+        // 3. 操作textarea
+        let descTextarea = document.getElementById('desc');
+        console.log('textarea原始值：', descTextarea.value); // 输出：默认文本
+        descTextarea.value = '修改后的文本'; // 设置新文本
+        console.log('textarea修改后值：', descTextarea.value); // 输出：修改后的文本
+    </script>
+```
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/JQdh.JPG" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/JQdh.JPG"
new file mode 100644
index 0000000000000000000000000000000000000000..01ff2c807895ea66856e5bdc8246a23f6325a604
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/JQdh.JPG" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/bdbs.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/bdbs.png"
new file mode 100644
index 0000000000000000000000000000000000000000..8ba45c19c35f4dc069776191def4846af00c4991
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/bdbs.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/bzc.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/bzc.png"
new file mode 100644
index 0000000000000000000000000000000000000000..837033b1e98a484b8aa0aa6d4adb31ebf02363f7
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/bzc.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/ckxs.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/ckxs.png"
new file mode 100644
index 0000000000000000000000000000000000000000..c374acafe1ce796466a5a8ffde1c218a58dd19a7
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/ckxs.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/cwlx.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/cwlx.png"
new file mode 100644
index 0000000000000000000000000000000000000000..4a98a4219317b44ceef1b52c71dff84def76db18
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/cwlx.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/czdy.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/czdy.png"
new file mode 100644
index 0000000000000000000000000000000000000000..00781b777406bb0e8631abce93cc6fddc3d9d080
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/czdy.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/czys.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/czys.png"
new file mode 100644
index 0000000000000000000000000000000000000000..16f450282c1fe965069772b9b9f58d3ffaab75ac
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/czys.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/dxlxt.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/dxlxt.png"
new file mode 100644
index 0000000000000000000000000000000000000000..2a105303d98f62f6d56ea334e698bc8001ffa558
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/dxlxt.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/dyx1.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/dyx1.png"
new file mode 100644
index 0000000000000000000000000000000000000000..2e79b8d9472bd2e0c61bf83fc18b6c145ac927a5
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/dyx1.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/dyx2.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/dyx2.png"
new file mode 100644
index 0000000000000000000000000000000000000000..9b7410ef8b20213abdd49a373c805d2dea94b11b
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/dyx2.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/eyejt.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/eyejt.png"
new file mode 100644
index 0000000000000000000000000000000000000000..8728a8959b12918d4c585d89609231060a63e458
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/eyejt.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/gdxg.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/gdxg.png"
new file mode 100644
index 0000000000000000000000000000000000000000..2808d25ecac999de3d80506832831fc1e29e0be5
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/gdxg.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/gg.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/gg.png"
new file mode 100644
index 0000000000000000000000000000000000000000..f3496a3c3f7cdb19e3fca8647ecc91dd354950eb
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/gg.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/gscw.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/gscw.png"
new file mode 100644
index 0000000000000000000000000000000000000000..aa1fffd7369ecd7af7575c175e02cfe1523f98f1
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/gscw.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/hst.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/hst.png"
new file mode 100644
index 0000000000000000000000000000000000000000..eea3e69a3e5ea74c736f54bfaa62c8ce6642e55b
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/hst.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/hszt.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/hszt.png"
new file mode 100644
index 0000000000000000000000000000000000000000..c3523c56ac99c0aad606602e06a732dd7afd30df
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/hszt.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/lzmy.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/lzmy.png"
new file mode 100644
index 0000000000000000000000000000000000000000..9106cfb113d20e26190b7c12f3306084ef338828
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/lzmy.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/mzdz.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/mzdz.png"
new file mode 100644
index 0000000000000000000000000000000000000000..73cf0c22972cad44b9924655175082393bc01ce1
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/mzdz.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/sbzj.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/sbzj.png"
new file mode 100644
index 0000000000000000000000000000000000000000..151f72f63bbd4122760ac2405fd6e725d04cfca0
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/sbzj.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/sjc.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/sjc.png"
new file mode 100644
index 0000000000000000000000000000000000000000..525b6258161ff393bc2830111533e7766295f3f8
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/sjc.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/sjph.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/sjph.png"
new file mode 100644
index 0000000000000000000000000000000000000000..11a188d20133837dc86bfecb326b26dac117bda8
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/sjph.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/stzj.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/stzj.png"
new file mode 100644
index 0000000000000000000000000000000000000000..4f652f70fb12d6d72c2663d6b51d1723ed9ae3a0
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/stzj.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/tjz.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/tjz.png"
new file mode 100644
index 0000000000000000000000000000000000000000..f97e500d4adf3ea3fe0fd3082df2b93ba17650bd
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/tjz.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/tzwz1.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/tzwz1.png"
new file mode 100644
index 0000000000000000000000000000000000000000..b7ade322c61cae0d22cf7da8c4aba075d161b88a
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/tzwz1.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/tzwz2.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/tzwz2.png"
new file mode 100644
index 0000000000000000000000000000000000000000..74571cd49e61484e0f5e8440fdd410680c7600a3
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/tzwz2.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/wws.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/wws.png"
new file mode 100644
index 0000000000000000000000000000000000000000..1f9e3749721f4b902251cca06110c3e106ecf930
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/wws.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/xh.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/xh.png"
new file mode 100644
index 0000000000000000000000000000000000000000..635b6c4d17a999e93c13a5f8a31d1193fca90496
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/xh.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/xlt.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/xlt.png"
new file mode 100644
index 0000000000000000000000000000000000000000..c84f9cc9b1ecf7ca7af0ed4624f3803343f39279
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/xlt.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/xq.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/xq.png"
new file mode 100644
index 0000000000000000000000000000000000000000..2fa28e080d3d7a2bb7901d06dd5e64edf9744d1a
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/xq.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/xsdb.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/xsdb.png"
new file mode 100644
index 0000000000000000000000000000000000000000..67431f7fb5cad8c3245c25e8021fb5f0f0af5426
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/xsdb.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/xxcw.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/xxcw.png"
new file mode 100644
index 0000000000000000000000000000000000000000..67fb70512a1558674404c8c6f63b133b9e1b39c0
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/xxcw.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/ymxs.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/ymxs.png"
new file mode 100644
index 0000000000000000000000000000000000000000..4650e224533741b207c067038ca73a06027479dd
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/ymxs.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/z.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/z.png"
new file mode 100644
index 0000000000000000000000000000000000000000..e90d35904c3fbb163def57f159798ab91f746acc
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/z.png" differ
diff --git "a/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/zdz.png" "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/zdz.png"
new file mode 100644
index 0000000000000000000000000000000000000000..204b63b2ac1ff4abfbfa31b0fc3a47d4ad86cc2f
Binary files /dev/null and "b/\346\226\271\344\275\263\347\272\257/\345\233\276\347\211\207/zdz.png" differ
