diff --git "a/\350\265\226\345\277\227\350\261\252/20251110-JavaScript\347\232\204\345\272\224\347\224\250.md" "b/\350\265\226\345\277\227\350\261\252/20251110-JavaScript\347\232\204\345\272\224\347\224\250.md" new file mode 100644 index 0000000000000000000000000000000000000000..6fa0d5c9029a13a28f3b5524fe274edfc1c65f10 --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251110-JavaScript\347\232\204\345\272\224\347\224\250.md" @@ -0,0 +1,32 @@ +一.JavaScript在HTML中的应用 +```html + 1.直接嵌入标签元素中使用 + + 2.内部引用式(嵌入式) + + 3.外部引用式 + +``` + + +练习一 +```html + +``` +![alt text](Snipaste_2025-11-10_17-05-27.png) + +练习二 +```html +
+ +
+ +``` +![alt text](Snipaste_2025-11-10_17-02-03.png) \ No newline at end of file diff --git "a/\350\265\226\345\277\227\350\261\252/20251112-JavaScript\345\237\272\347\241\200.md" "b/\350\265\226\345\277\227\350\261\252/20251112-JavaScript\345\237\272\347\241\200.md" new file mode 100644 index 0000000000000000000000000000000000000000..9c7be80dbf80215e129135af69aebababad5d944 --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251112-JavaScript\345\237\272\347\241\200.md" @@ -0,0 +1,71 @@ +训练一 +```html + +``` + +训练二 +```html + +``` + +训练三 +```html + +``` + +训练四 +```html + +``` +![alt text](Snipaste_2025-11-12_16-47-49.png) + + + +综合训练一 +```html + +``` +![alt text](Snipaste_2025-11-12_11-02-28.png) +综合训练二 +```html + +``` +![alt text](Snipaste_2025-11-12_11-16-31.png) + +综合训练三 +```html + + +``` +![alt text](Snipaste_2025-11-12_16-19-46.png) \ No newline at end of file diff --git "a/\350\265\226\345\277\227\350\261\252/20251113-JavaScript\350\277\220\347\256\227\347\254\246.md" "b/\350\265\226\345\277\227\350\261\252/20251113-JavaScript\350\277\220\347\256\227\347\254\246.md" new file mode 100644 index 0000000000000000000000000000000000000000..ee170d7f2cd49feb0a504a103eb264423d873196 --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251113-JavaScript\350\277\220\347\256\227\347\254\246.md" @@ -0,0 +1,53 @@ +一.逻辑运算符 +```bash + 运算符 描 述 示 例 + && 逻辑与 a&&b 当a和b都为真时,结果为真,否则为假 + || 逻辑或 a||b 当a为真或者b为真时,结果为真,否则为假 + ! 逻辑非 !a 当a为假时,结果为真,否则为假 +``` + +二.typeof运算符 +```bash + 数据类型 返回值 + 数值 number + 字符串 string + 布尔值 bollean + undefined undefined + null object + 对象 object + 函数 function +``` + +训练五 +```html + +``` + +训练六 +```html + +``` + +训练七 +```html + +``` \ No newline at end of file diff --git "a/\350\265\226\345\277\227\350\261\252/20251114-JavaScript\346\265\201\347\250\213\346\216\247\345\210\266\350\257\255\345\217\245.md" "b/\350\265\226\345\277\227\350\261\252/20251114-JavaScript\346\265\201\347\250\213\346\216\247\345\210\266\350\257\255\345\217\245.md" new file mode 100644 index 0000000000000000000000000000000000000000..c8a2c06140109f8c48617d61a302486e7ae95cb7 --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251114-JavaScript\346\265\201\347\250\213\346\216\247\345\210\266\350\257\255\345\217\245.md" @@ -0,0 +1,212 @@ +训练1 +```html + +``` + +训练2 +```html + +``` + +训练3 +```html + +``` + +训练4 +```html + +``` + +训练5 +```html + +``` + +训练6 +```html + +``` + +训练7 +```html + +``` + +综合练习1 +```html + +``` + +综合练习2 +```html + + 请选择您的出生年月: + + + + +``` + +综合练习3 +```html + + + +``` \ No newline at end of file diff --git "a/\350\265\226\345\277\227\350\261\252/20251117-JavaScript\345\207\275\346\225\260.md" "b/\350\265\226\345\277\227\350\261\252/20251117-JavaScript\345\207\275\346\225\260.md" new file mode 100644 index 0000000000000000000000000000000000000000..70362a3d7d9c5fbf163a015ec9bf0b1ae2388841 --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251117-JavaScript\345\207\275\346\225\260.md" @@ -0,0 +1,42 @@ +一.函数的定义 +```html + 1.匿名函数定义 + + 2.传统定义 + + 3.箭头定义 + +``` + +训练1 +```html + +``` + +训练2 +```html + +``` \ No newline at end of file diff --git "a/\350\265\226\345\277\227\350\261\252/20251119-JavaScript\345\207\275\346\225\260.md" "b/\350\265\226\345\277\227\350\261\252/20251119-JavaScript\345\207\275\346\225\260.md" new file mode 100644 index 0000000000000000000000000000000000000000..601b7b43bcac1b09331ca1840953734bcc8e4084 --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251119-JavaScript\345\207\275\346\225\260.md" @@ -0,0 +1,210 @@ +训练3 +```html + +``` + +训练4 +```html + +``` + +训练5 +```html + +``` + +训练6 +```html + +``` + +训练7 +```html + +``` + +训练8 +```html + +``` + +综合训练1 +```html + +``` + +综合训练2 +```html + +``` + +综合训练3 +```html + + + +``` + +斐波那契数列 +```html + +``` \ No newline at end of file diff --git "a/\350\265\226\345\277\227\350\261\252/20251120-JavaScript\345\257\271\350\261\241.md" "b/\350\265\226\345\277\227\350\261\252/20251120-JavaScript\345\257\271\350\261\241.md" new file mode 100644 index 0000000000000000000000000000000000000000..fbf0ca4a489b72d5ff950c8cb76642aa8a4b50df --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251120-JavaScript\345\257\271\350\261\241.md" @@ -0,0 +1,74 @@ +训练1 +```html + +``` + +训练2 +```html + +``` + +训练3 +```html + +``` + +综合练习1 +```html + + 请输入要生成随机数的位数:
+
+ + +
+ + +``` + +综合练习2 +```html + +``` \ No newline at end of file diff --git "a/\350\265\226\345\277\227\350\261\252/20251121-JavaScript\346\225\260\347\273\204.md" "b/\350\265\226\345\277\227\350\261\252/20251121-JavaScript\346\225\260\347\273\204.md" new file mode 100644 index 0000000000000000000000000000000000000000..3c21d25e8548c4b7d609ea26c3ed209a0c9d6465 --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251121-JavaScript\346\225\260\347\273\204.md" @@ -0,0 +1,28 @@ +一.定义空数组 +```html + 1.定义空数组 + + 2.添加数组元素 + +``` +二.指定数组长度 +```html + +``` +三.指定数组元素 +```html + +``` diff --git "a/\350\265\226\345\277\227\350\261\252/20251124-JavaScript\346\225\260\347\273\204\344\270\216\351\233\206\345\220\210string\345\257\271\350\261\241.md" "b/\350\265\226\345\277\227\350\261\252/20251124-JavaScript\346\225\260\347\273\204\344\270\216\351\233\206\345\220\210string\345\257\271\350\261\241.md" new file mode 100644 index 0000000000000000000000000000000000000000..4d4ce6b211fc0eded777b06180412608b9c5a9da --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251124-JavaScript\346\225\260\347\273\204\344\270\216\351\233\206\345\220\210string\345\257\271\350\261\241.md" @@ -0,0 +1,173 @@ +一.数组对象的方法 +```html + 1.concat()方法 (用于将其他数组连接到当前数组的尾端) + (1)在数组的尾部添加数组元素 + + (2)在数组的尾部添加其他数组 + + + 2.join()方法 (用于将数组中的所有元素放入一个字符串中) + + + 3.splice()方法 (删除元素) + + + 4.slice()方法 (从某个已有的数组中返回选定的元素) + +``` + +制作表格 +```html + +``` + +训练1 +```html + +``` + +训练2 +```html + +``` + +训练3 +```html + +``` + +综合训练1 +```html + +``` + +综合训练2 +```html + +``` + +string对象 +训练1 +```html + +``` +训练2 +```html + +``` +训练3 +```html + +``` +综合训练1 +```html + +``` +综合训练2 +```html + +``` +综合训练3 +```html + +``` + + diff --git "a/\350\265\226\345\277\227\350\261\252/20251126-JavaScript\346\255\243\345\210\231\350\241\250\350\276\276\345\274\217.md" "b/\350\265\226\345\277\227\350\261\252/20251126-JavaScript\346\255\243\345\210\231\350\241\250\350\276\276\345\274\217.md" new file mode 100644 index 0000000000000000000000000000000000000000..0ea6bb17de9da7902759d42bcf04de8815de701f --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251126-JavaScript\346\255\243\345\210\231\350\241\250\350\276\276\345\274\217.md" @@ -0,0 +1,8 @@ +一.正则表达式 +```bash + 字符串.match(正则) 返回匹配到的字符串 + 字符串.replace(正则,'要替换的字符串') 返回替换后的完整字符串 + + 正则.exec(字符串) 返回匹配到的字符串,所在的位置,完整字符串 + 正则.test(字符串) 返回匹配字符串的结果:true false +``` \ No newline at end of file diff --git "a/\350\265\226\345\277\227\350\261\252/20251127-JavaScript\345\274\202\345\270\270\345\244\204\347\220\206\344\270\216\347\250\213\345\272\217\350\260\203\350\257\225.md" "b/\350\265\226\345\277\227\350\261\252/20251127-JavaScript\345\274\202\345\270\270\345\244\204\347\220\206\344\270\216\347\250\213\345\272\217\350\260\203\350\257\225.md" new file mode 100644 index 0000000000000000000000000000000000000000..d7ec818674afbcb88e55314b468f567dbe86ffd3 --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251127-JavaScript\345\274\202\345\270\270\345\244\204\347\220\206\344\270\216\347\250\213\345\272\217\350\260\203\350\257\225.md" @@ -0,0 +1,81 @@ +训练1 +```html + +``` + +训练2 +```html + +``` + +综合训练1 +```html + + 输入1~5的数字:

+
+ + + +``` + +综合训练2 +```html + + 用户名:
+ 密码:
+ + + + +``` \ No newline at end of file diff --git "a/\350\265\226\345\277\227\350\261\252/20251128-JavaScript\344\272\213\344\273\266\345\244\204\347\220\206.md" "b/\350\265\226\345\277\227\350\261\252/20251128-JavaScript\344\272\213\344\273\266\345\244\204\347\220\206.md" new file mode 100644 index 0000000000000000000000000000000000000000..2a420d84328282cffa5c1ba5eb38806cdcbb073f --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251128-JavaScript\344\272\213\344\273\266\345\244\204\347\220\206.md" @@ -0,0 +1,159 @@ +训练1 +```html + + + +
+ + + +``` + +训练2 +```html + +

中国的“国球”是()。

+

A. 篮球

+

B. 排球

+

C. 乒乓球

+

D. 羽毛球

+

+ +``` + +训练3 +```html + +

当前时间是:

+

+ + + +``` + +训练4 +```html + +

窗口尺寸:

+

+ + +``` + +训练5 +```html + 0 + +
+ + + +``` + +训练6 +```html + + 请选择您的出生年月: + + + + +``` + +训练7 +```html + +

登录

+
+ 用户名:

+ 密码:

+ + +
+ + +``` + +训练8 +```html + +``` + diff --git "a/\350\265\226\345\277\227\350\261\252/20251201-JavaScript\346\213\226\346\213\275.md" "b/\350\265\226\345\277\227\350\261\252/20251201-JavaScript\346\213\226\346\213\275.md" new file mode 100644 index 0000000000000000000000000000000000000000..f6832b35f1f9f04acfb1ac0c3bee71c501523b0e --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251201-JavaScript\346\213\226\346\213\275.md" @@ -0,0 +1,62 @@ +综合练习1 +```html + +
欢迎购买明日科技图书
+ + + +``` + +综合练习2 +```html + + + + + +``` + +综合练习3 +```html + + + + + + +``` \ No newline at end of file diff --git "a/\350\265\226\345\277\227\350\261\252/20251203-JavaScriptDocument\345\257\271\350\261\241.md" "b/\350\265\226\345\277\227\350\261\252/20251203-JavaScriptDocument\345\257\271\350\261\241.md" new file mode 100644 index 0000000000000000000000000000000000000000..cab0c5e7aeef9be9453b00573765a95f4c6fd11b --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251203-JavaScriptDocument\345\257\271\350\261\241.md" @@ -0,0 +1,158 @@ +训练1 +```html + + + +
这是文档内容
+ + +``` + +训练2 +```html + +``` + +训练3 +```html + + + + +``` + +综合训练1 +```html + + + +
+        李白《行路难·其一》
+    金樽清酒斗十千,玉盘珍羞直万钱。
+    停杯投箸不能食,拔剑四顾心茫然。
+    欲渡黄河冰塞川,将登太行雪满山。
+    闲来垂钓碧溪上,忽复乘舟梦日边。
+    行路难,行路难,多歧路,今安在?
+    长风破浪会有时,直挂云帆济沧海。
+    
+ + +``` + +综合练习2 +```html + + + 打开图片 + + + + +``` + +综合训练3 +```html + + + +
+
+
+
+
+ + +``` \ No newline at end of file diff --git "a/\350\265\226\345\277\227\350\261\252/20251204-JavaScript\350\212\202\347\202\271.md" "b/\350\265\226\345\277\227\350\261\252/20251204-JavaScript\350\212\202\347\202\271.md" new file mode 100644 index 0000000000000000000000000000000000000000..36ede271d5d4fbe8d0f03313b6f3b2d73d54a057 --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251204-JavaScript\350\212\202\347\202\271.md" @@ -0,0 +1,105 @@ +训练1 +```html + + + + +
+ + + +``` + +训练2 +```html + + + +
+
+    翻开回忆角落 完美的生活
+    以为幸福都可以掌握
+    仔细回味当初 那个故事背后
+    OH 原来是我 犯下从没承认的错
+    我从来没想过 我会这样做
+    从来没爱过 所以爱错
+    
+ + + +``` + +训练3 +```html + + + +
+ 输入影片咨询编号: + + +
+ + +``` \ No newline at end of file diff --git "a/\350\265\226\345\277\227\350\261\252/20251205-JavaScript\346\226\207\346\241\243\345\257\271\350\261\241\346\250\241\345\236\213.md" "b/\350\265\226\345\277\227\350\261\252/20251205-JavaScript\346\226\207\346\241\243\345\257\271\350\261\241\346\250\241\345\236\213.md" new file mode 100644 index 0000000000000000000000000000000000000000..252996e6b5897e86ac5463810678d0a9f3c0acf2 --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251205-JavaScript\346\226\207\346\241\243\345\257\271\350\261\241\346\250\241\345\236\213.md" @@ -0,0 +1,179 @@ + + +训练4 +```html + + +
+ + +
+ + + +``` + +训练5 +```html + +

在《倚天屠龙记》中,张三丰是_____派的掌门

+ A 少林 + B 武当 + C 峨眉 + D 昆仑 +

+ + + +``` + +训练6 +```html + + 文本 + +
+ + +``` + +训练7 +```html + + +
+ + +``` + +综合练习1 +```html + + +
一生只爱一人
+ 将粗体改为斜体 + + +``` + +综合练习2 +```html + + + + + + + +``` + +综合练习3 +```html + +
+ 请选择表情: + + +
+ + + +``` \ No newline at end of file diff --git "a/\350\265\226\345\277\227\350\261\252/20251208-JavaScriptWindow\345\257\271\350\261\241\345\222\214\346\265\217\350\247\210\345\231\250\345\257\271\350\261\241\346\250\241\345\236\213.md" "b/\350\265\226\345\277\227\350\261\252/20251208-JavaScriptWindow\345\257\271\350\261\241\345\222\214\346\265\217\350\247\210\345\231\250\345\257\271\350\261\241\346\250\241\345\236\213.md" new file mode 100644 index 0000000000000000000000000000000000000000..40ca8960d0cb10dacd835f9c7d5488586afa959e --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251208-JavaScriptWindow\345\257\271\350\261\241\345\222\214\346\265\217\350\247\210\345\231\250\345\257\271\350\261\241\346\250\241\345\236\213.md" @@ -0,0 +1,62 @@ +Window对象 +训练1 +```html + + 两只老虎 + + +``` + +训练2 +```html + + 退出登录 + + +``` + +训练3 +```html + + + + +``` + +一.location对象 +```bash + portocol 页面使用的协议,通常是“http:”或“https:” + hostname 服务器域名 + port 请求的端口号 + host 服务器名及端口号 + origin URL的源地址,只读属性 + href 完整的URL地址 + pathname URL中的路径和文件名 + search URL的查询字符串 +``` + +二.navigator对象 +```bash + appCodeName 获取浏览器代码名 + userAgent 获取浏览器的整体信息 + appName 获取浏览器名称 + appVersion 获取浏览器的版本号 + platform 获取当前计算机的操作系统 + cookieEnabled 判断是否启用Cookies +``` \ No newline at end of file diff --git "a/\350\265\226\345\277\227\350\261\252/20251210-JavaScriptStyle\345\257\271\350\261\241.md" "b/\350\265\226\345\277\227\350\261\252/20251210-JavaScriptStyle\345\257\271\350\261\241.md" new file mode 100644 index 0000000000000000000000000000000000000000..ac81eee84b18f4527737e32f37aac302610eff17 --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251210-JavaScriptStyle\345\257\271\350\261\241.md" @@ -0,0 +1,113 @@ +一.获取 Style 对象 +```javascript + 通过 DOM 元素的 style 属性直接获取: + let box = document.getElementById('box'); + let boxStyle = box.style; +``` + +二.常用样式属性操作 +```javascript +(1).颜色和背景属性 + 1.backgroundColor属性 + box.style.backgroundColor = 'rgba(255, 0, 0, 0.5)'; + 2.color属性 + box.style.color = '#333'; + 3.backgroundImage属性 + box.style.backgroundImage = 'url(图片路径)'; + 4.backgroundPosition属性 + box.style.backgroundPosition = 'left'; + 5.backgroundRepeat属性 + box.style.backgroundRepeat = 'no-repeat' +``` + +训练1 +```html + + +
文本内容
+ + + +``` + +训练2 +```html + + + + + +``` + +综合训练1 +```html + + +
+
HTML/CSS讨论区
+
JavaScript讨论区
+
C语言讨论区
+
Java讨论区
+
Android讨论区
+
Python讨论区
+
+ + +``` \ No newline at end of file diff --git "a/\350\265\226\345\277\227\350\261\252/20251211-JavaScriptForm\345\257\271\350\261\241.md" "b/\350\265\226\345\277\227\350\261\252/20251211-JavaScriptForm\345\257\271\350\261\241.md" new file mode 100644 index 0000000000000000000000000000000000000000..bc4169687b951275d686f64b0084aa83d606cd24 --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251211-JavaScriptForm\345\257\271\350\261\241.md" @@ -0,0 +1,183 @@ +一.表单属性 +```html + 1.获取用户名(text) + + 2.获取性别(单选) + + 3.获取爱好(多选) + + 4.获取年月份(下拉框) + + 5.获取文本域内容 + +``` + +训练1 +```html + + + + + +``` + +训练2 +```html + + + + + + +``` + +训练3 +```html + +

请选择课程

+ C语言
+ 机械制图
+ 单片机
+ 自动控制
+ 传感器
+ 高等数学
+ 计算机基础
+ Oracle数据库
+ 商务英语
+ PLC设计基础
+ + +``` + +综合训练1 +```html + + 电影《变相怪杰》的主演是谁?

+ 布拉德·皮特 + 亚当·桑德勒 + 金·凯瑞 + 杰夫·丹尼尔斯 +

+ +
+ + +``` + +综合训练2 +```html + + 看电影 + 听音乐 + 演奏乐器 + 打篮球 + 看书 + 上网 +

+ + + + + +``` \ No newline at end of file diff --git "a/\350\265\226\345\277\227\350\261\252/20251212-JavaScriptJSON.md" "b/\350\265\226\345\277\227\350\261\252/20251212-JavaScriptJSON.md" new file mode 100644 index 0000000000000000000000000000000000000000..43bec31fdbebee694ffa15d76b74471d5a8ca68e --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251212-JavaScriptJSON.md" @@ -0,0 +1,14 @@ +一.JSON 字符串转 JS 对象 +```html + +``` + +二.JS 对象转 JSON 字符串 +```html + +``` \ No newline at end of file diff --git "a/\350\265\226\345\277\227\350\261\252/20251215-JavaScript\347\273\203\344\271\240.md" "b/\350\265\226\345\277\227\350\261\252/20251215-JavaScript\347\273\203\344\271\240.md" new file mode 100644 index 0000000000000000000000000000000000000000..fc6c5dc14c00c33125580254f04b4027d797879e --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251215-JavaScript\347\273\203\344\271\240.md" @@ -0,0 +1,90 @@ +函数 +1.题目描述: 编写一个函数 greet,接收一个名字参数,返回问候语 "你好,XXX!" +输入示例: "小明" +输出示例: "你好,小明!" +```js + function greet(name){ + return`你好,${name}`; + } + console.log(greet('小明')); +``` +2.题目描述: 编写一个函数 max,接收两个数字参数,返回较大的那个数 +输入示例: 15, 23 +输出示例: 23 +```js + function max(num1, num2) { + if(num1>num2){ + return num1; + }else{ + return num2; + } + } + console.log(max(20,19)); +``` +3.题目描述: 编写一个函数 calculateArea,可以计算矩形面积(两个参数)或正方形面积(一个参数),使用默认参数实现 +输入示例: 5, 10 或 5 +输出示例: 50 或 25 +```js + function calculateArea(width, length = width) { + return length * width; + } + console.log(`${calculateArea(5, 10)}或${calculateArea(5)}`); +``` +4.题目描述: 编写一个箭头函数 filterEven,接收一个数组,返回所有偶数组成的新数组 +输入示例: [1, 2, 3, 4, 5, 6] +输出示例: [2, 4, 6] +```js + function filterEven(num) { + let result = []; + for (let i = 0; i < num.length; i++) { + let all = num[i]; + if (all % 2 === 0) { + result.push(all) + } + } + return result; + } + console.log(filterEven([1, 2, 3, 4, 5, 6])); +``` +5.题目描述: 编写一个函数 sumAll,使用剩余参数接收任意数量的数字,返回它们的总和 +输入示例: 1, 2, 3, 4, 5 +输出示例: 15 +```js + function sumAll(...num) { + let sm = 0; + for(let i=0;i演示内容 + +```js + $(document).ready(function () { + let demoElement = $("#demo"); + console.log(demoElement); + }); +``` \ No newline at end of file diff --git "a/\350\265\226\345\277\227\350\261\252/20251217-JavaScriptjQuery.md" "b/\350\265\226\345\277\227\350\261\252/20251217-JavaScriptjQuery.md" new file mode 100644 index 0000000000000000000000000000000000000000..1b1506b2e7b2f70c50d063e3e5094095cd1955fb --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251217-JavaScriptjQuery.md" @@ -0,0 +1,16 @@ +一.jQuery基础 +```javascript + let div=$('div'); + //将jQuery对象转换为dom对象 + let domEL=div[0]; + //将dom对象重新转换为jQuery对象 + let jQueryObj=$(domEL); +``` + +二.jQuery DOM操作 +```javascript + 1.新增append给拿到的元素增加下级元素 + 2.移除remove移除拿到的元素 + 3.text()拿到文本内容,text('要设置的内容')可以修改纯文本内容 + 4.html()拿到包含标签的内容,html('要设置的内容')可以修改包含标签的内容 +``` \ No newline at end of file diff --git "a/\350\265\226\345\277\227\350\261\252/20251218-JavaScriptjQuery.md" "b/\350\265\226\345\277\227\350\261\252/20251218-JavaScriptjQuery.md" new file mode 100644 index 0000000000000000000000000000000000000000..36d1dd60ede0ceeebab4137958d647afee25f29b --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251218-JavaScriptjQuery.md" @@ -0,0 +1,143 @@ +一.基础选择器 +```js +引用jQuery + +$("#id") ID 选择器 选中指定 ID 的元素 +$(".class") 类选择器 选中指定类名的所有元素 +$("tag") 标签选择器 选中指定标签的所有元素 +$("*") 通配符选择器 选中所有元素 +$("div,p") 组合选择器 选中 div 和 p 元素 + + // 选中 ID 为 "box" 的元素,修改文本 + $("#box").text("Hello jQuery"); + + // 选中所有 class 为 "item" 的元素,添加样式 + $(".item").css("color", "red"); + + // 选中所有 p 标签,隐藏元素 + $("p").hide(); +``` +二.层级选择器 +```js +后代选择器 $("parent child") 选中父元素下所有后代元素 +子元素选择器 $("parent > child") 选中父元素下直接子元素 +相邻兄弟选择器 $("prev + next") 选中 prev 元素后紧邻的 next 元素 + + // 选中 ul 下所有 li 元素 + $("ul li").css("margin", "5px"); + // 选中 div 下直接子元素 p + $("div > p").css("font-size", "16px"); +``` + +三.过滤选择器 +```js + 以: 开头,筛选元素 + + // 选中第一个 li 元素 + $("li:first").css("background", "yellow"); + + // 选中最后一个 li 元素 + $("li:last").css("background", "green"); + + // 选中索引为 2 的 li 元素(索引从 0 开始) + + $("li:eq(2)").css("font-weight", "bold"); + // 选中所有偶数索引的 li 元素 + $("li:even").css("color", "blue"); +``` + +四.jQuery DOM操作 +```js + text() 获取 / 设置元素的文本内容 + html() 获取 / 设置元素的 HTML 内容 + val() 获取 / 设置表单元素的值 + + // 设置 HTML + $("#box").html("

jQuery 教程

"); + + // 设置输入框值 + $("input").val("请输入内容"); +``` + +五.元素增删改 +```js + append() 向元素内部末尾添加子元素 + prepend() 向元素内部开头添加子元素 + after() 在元素外部后面插入元素 + before() 在元素外部前面插入元素 + remove() 删除元素(含子元素) + empty() 清空元素内部所有内容 + + // 向 ul 末尾添加 li 元素 + $("ul").append("
  • 新选项
  • ");、 + + // 在 div 前面插入 p 元素 + $("div").before("

    前置内容

    "); + + // 删除指定元素 + $(".delete").remove(); + + // 清空元素内容 + $("#box").empty(); +``` + +六.jQuery事件处理 +```js + click() 点击事件 + dblclick() 双击事件 + mouseenter() 鼠标进入事件 + mouseleave() 鼠标离开事件 + change() 表单元素值改变事件 + submit() 表单提交事件 + + // 点击事件 + $("#btn").click(function() { + alert("按钮被点击了!"); + + // $(this) 指向当前触发事件的元素 + $(this).text("已点击"); + }); + + // 鼠标进入/离开 + $("#box").mouseenter(function() { + $(this).css("background", "red"); + }).mouseleave(function() { + $(this).css("background", "blue"); + }); +``` + +七.jQuery动画效果 +```js + 1.基础显示隐藏 + // 显示元素(可加时长,单位 ms) + $("#box").show(1000); + + // 隐藏元素 + $("#box").hide(500); + + // 切换显示/隐藏 + $("#box").toggle(300); + + 2.滑动动画 + // 下滑显示 + $("#box").slideDown(800); + + // 上滑隐藏 + $("#box").slideUp(600); + + // 切换滑动 + $("#box").slideToggle(); + + 3.淡入淡出 + // 淡入 + $("#box").fadeIn(700); + + // 淡出 + $("#box").fadeOut(400); + + // 切换淡入淡出 + $("#box").fadeToggle(); + + // 淡到指定透明度(0-1) + $("#box").fadeTo(500, 0.5); +``` diff --git "a/\350\265\226\345\277\227\350\261\252/20251219-JavaScript\345\237\272\347\241\200.md" "b/\350\265\226\345\277\227\350\261\252/20251219-JavaScript\345\237\272\347\241\200.md" new file mode 100644 index 0000000000000000000000000000000000000000..0540ee3aa731e02ee6e81f4b953bc2b2d2d740dd --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251219-JavaScript\345\237\272\347\241\200.md" @@ -0,0 +1,29 @@ +一.变量、常量和基础数据类型 +```js + 1.var let定义变量,后续只使用let + 2.const定义常量,常量名全大写 + 3.数据类型 + 基础数据类型 + string + number + boolean + underfined + null + 复合数据类型 + 对象 + 数组 + 函数 +``` +二.流程判断 +```js +1.判断 + if + if...else + if ... else if() + if ... else if()... else + switch +2.循环 + for + while + do...while +``` \ No newline at end of file diff --git "a/\350\265\226\345\277\227\350\261\252/20251222-JavaScript\346\225\260\347\273\204\347\273\203\344\271\240.md" "b/\350\265\226\345\277\227\350\261\252/20251222-JavaScript\346\225\260\347\273\204\347\273\203\344\271\240.md" new file mode 100644 index 0000000000000000000000000000000000000000..418b15907f7bf54ecd31a81aecc785d010846b23 --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251222-JavaScript\346\225\260\347\273\204\347\273\203\344\271\240.md" @@ -0,0 +1,64 @@ +数组 +1.题目描述: 计算并返回给定数组 arr 中所有元素的总和 +输入示例: [ 1, 2, 3, 4 ] +输出示例: 10 +```js + let arr =[1,2,3,4]; + let sum =0; + for(let i =0;i= 2 && !result.includes(num)) { + result.push(num); + } + } + return result; + } + console.log(reappear(arr)); +``` diff --git "a/\350\265\226\345\277\227\350\261\252/20251224-JavaScript\346\225\260\347\273\204\347\273\203\344\271\240.md" "b/\350\265\226\345\277\227\350\261\252/20251224-JavaScript\346\225\260\347\273\204\347\273\203\344\271\240.md" new file mode 100644 index 0000000000000000000000000000000000000000..abdb70bed993051ef9c742e31e6056632aa41246 --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251224-JavaScript\346\225\260\347\273\204\347\273\203\344\271\240.md" @@ -0,0 +1,87 @@ +数组 +5.题目描述: 删除数组 arr 中的指定元素 item,返回新数组(不修改原数组) +输入示例: [1, 2, 3, 4, 2, 5], 2 +输出示例: [1, 3, 4, 5] +```js + let arr = [1, 2, 3, 4, 2, 5]; + let item = 2; + function deleteArr(arr, item) { + let result = []; + for (let i = 0; i < arr.length; i++) { + if (arr[i] !== item) { + result.push(arr[i]); + } + } + return result; + } + console.log(deleteArr(arr,item)); +``` + +6.题目描述: 使用数组方法 filter 和 map,从学生数组中筛选出及格的学生,并返回他们的姓名数组 +输入示例: [{name: "小明", score: 85}, {name: "小红", score: 55}, {name: "小刚", score: 90}] +输出示例: ["小明", "小刚"] +```js + let students = [ + { name: "小明", score: 85 }, + { name: "小红", score: 55 }, + { name: "小刚", score: 90 } + ]; + function pass(students){ + return students + .filter(student => student.score>=60) + .map(student => student.name) + } + let result = pass(students); + console.log(result); +``` + +7.题目描述: 使用 map() 方法将数组中的每个数字都乘以 2 +输入示例: [1, 2, 3, 4, 5] +输出示例: [2, 4, 6, 8, 10] +```js + let arr = [1, 2, 3, 4, 5]; + function ride(arr) { + return arr + .map(num => num * 2); + } + let result = ride(arr); + console.log(result); +``` +8.题目描述: 使用 filter() 方法筛选出数组中的所有奇数 +输入示例: [1, 2, 3, 4, 5, 6, 7, 8, 9] +输出示例: [1, 3, 5, 7, 9] +```js + let arr = [1, 2, 3, 4, 5, 6, 7, 8, 9]; + function odd(arr) { + return arr + .filter(num => num % 2 !== 0) + } + let result = odd(arr); + console.log(result); +``` +9.题目描述: 使用 reduce() 方法计算数组中所有数字的总和 +输入示例: [10, 20, 30, 40, 50] +输出示例: 150 +```js + let arr = [10,20,30,40,50]; + function sum(arr) { + return arr + .reduce((nums,num) => nums+num ,0) + } + let result = sum(arr); + console.log(result); +``` + +10.题目描述: 使用 reduce() 方法找出数组中的最大值 +输入示例: [3, 7, 2, 9, 1, 5] +输出示例: 9 +```js + let arr = [3, 7, 2, 9, 1, 5]; + function max(arr) { + return arr + .reduce((num1, num2) => num1 > num2 ? num1 : num2) + } + let result = max(arr); + console.log(result); +``` + diff --git "a/\350\265\226\345\277\227\350\261\252/20251225-JavaScriptDOM\346\223\215\344\275\234\347\273\203\344\271\240.md" "b/\350\265\226\345\277\227\350\261\252/20251225-JavaScriptDOM\346\223\215\344\275\234\347\273\203\344\271\240.md" new file mode 100644 index 0000000000000000000000000000000000000000..423c04877c5f8a244137615e7511bd31c0445650 --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251225-JavaScriptDOM\346\223\215\344\275\234\347\273\203\344\271\240.md" @@ -0,0 +1,138 @@ +## 服务器(带公网IP的linux服务器) + +### 常用命令 + +- 登录服务器 + - telnet 上古时期 + - SSH 现代时期 +- 创建文件 + - touch xxx 创建一个新的空文件 + - vim xxx.txt 打开/创建一个文件 +- 创建文件夹 + - mkdir +- 切换目录 + - cd +- 列出目录清单 + - ls 列出指定目录下的内容(如果未指定则指列出当前目录) +- 安装软件 + - apt install nginx -y +- 更新软件 + - apt upgrade -y +- 卸载软件 + - apt uninstall nginx -y +- 重启服务 +- 停止服务 +- 开启服务 +- 服务自启动 +- 管理软件命令 apt + - 更新软件源 apt update + - 更新软件 apt upgrade -y + +### nginx + +- 安装命令 + + - apt install nginx -y + - 会被安装为一个服务 + - 检测服务状态 systemctl status nginx + - 启用nginx systemctl start nginx + - 禁用nginx systemctl stop nginx + - 重启nginx systemctl restart nginx + - 自启动nginx systemctl enable nginx + +- 配置 + + - 配置文件放在哪 + + - /etc/nginx/conf.d + + - 配置文件内容 + + - ` + server { + listen 80; + server_name abc.liing.top; + + location / { + root /var/www/abc.liing.top; + index index.html; + } + } + ` + +- 保证相应路径中有指定文件 + + - /var/www/abc.liing.top + +DOM操作 +1.题目描述: 使用 getElementById 获取 id 为 "title" 的元素,并在控制台输出该元素 +HTML 结构: +

    欢迎学习JavaScript

    + +```js + let content = document.getElementById('title'); + console.log(content); +``` + +2.题目描述: 使用 querySelector 获取 class 为 "item" 的第一个元素 +HTML 结构: + +输出示例: 返回第一个 li 元素 + +```js + let item =document.querySelector('.item') + console.log(item); +``` + +3.题目描述: 使用 querySelectorAll 获取所有 class 为 "card" 的元素,并返回元素个数 +HTML 结构: +
    卡片1
    +
    卡片2
    +
    卡片3
    +输出示例: 3 + +```js + let card = document.querySelectorAll('.card') + let count = card.length; + console.log(count); +``` + +4.题目描述: 使用 getElementsByClassName 和 getElementsByTagName 获取元素,理解它们返回的 HTMLCollection +HTML 结构: +
    盒子1
    +
    盒子2
    +

    段落

    +输出示例: class为"box"的元素个数: 2,p标签个数: 1 + +```js + let cl = document.getElementsByClassName('box'); + let clcount = cl.length; + let p = document.getElementsByTagName('p') + let pcount = p.length; + console.log(clcount,pcount); +``` + +5.题目描述: 遍历一个 NodeList 或 HTMLCollection,为每个元素添加序号文本 +HTML 结构: + +输出示例: +项目1 +项目2 +项目3 + +```js +let cl = document.querySelectorAll('li'); + for (let i = 0; i < cl.length; i++) { + let count = i + 1; + let result = cl[i].textContent = `项目${count}`; + console.log(result); + } +``` \ No newline at end of file diff --git "a/\350\265\226\345\277\227\350\261\252/20251226-JavaScript\345\237\272\347\241\200\347\273\203\344\271\240.md" "b/\350\265\226\345\277\227\350\261\252/20251226-JavaScript\345\237\272\347\241\200\347\273\203\344\271\240.md" new file mode 100644 index 0000000000000000000000000000000000000000..27474b1307ee4eb8b4be67e2458b79bfa6a01c60 --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251226-JavaScript\345\237\272\347\241\200\347\273\203\344\271\240.md" @@ -0,0 +1,161 @@ +变量,常量与基础数据类型 + +1.题目描述: 声明一个变量 name,赋值为你的名字,再声明一个常量 SCHOOL,赋值为"某某职业学院",最后输出这两个值 +输出示例: "张三" "某某职业学院" +```js + let name ='张三'; + let school = '闽西职业技术学院'; + console.log(name,school); +``` + +2.题目描述: 判断给定的变量 value 是什么数据类型,并返回类型名称的字符串 +输入示例: 123 +输出示例: "number" +```js + let num = 123; + let type = typeof(num); + console.log(type); +``` +3.题目描述: 创建一个变量 age,初始值为 18,然后将其修改为 20,最后输出修改后的值 +输出示例: 20 +```js + let age = 18; + age = 20; + console.log(age); +``` + +4.题目描述: 声明三个变量分别存储一个学生的姓名(字符串)、年龄(数字)、是否及格(布尔值),然后分别输出这三个变量的值和类型 +输出示例: 姓名: "李四", 类型: string 年龄: 19, 类型: number 及格: true, 类型: boolean +```js + let name = '李四'; + let age = 19; + let pass = true; + console.log(name,typeof(name)); + console.log(age,typeof(age)); + console.log(pass,typeof(pass)); +``` + +5.题目描述: 理解 null 和 undefined 的区别,分别创建这两种类型的变量并输出 +输出示例: undefined 变量: undefined, 类型: undefined null 变量: null, 类型: object +```js + let undefinedVal = undefined; + let nullVal = null; + console.log(`变量${undefinedVal},类型${typeo(undefinedVal)}`); + console.log(`变量${nullVal},类型${typeof(nullVal)}`); +``` + +6.题目描述: 理解变量的作用域,演示块级作用域(let、const)和函数作用域(var)的区别 +输出示例: let 和 const 有块级作用域 var 只有函数作用域 +```js + let letVal = '块级作用域'; + const constVal = '块级作用域'; + var varVal = '函数作用域'; + console.log(`let${letVal},const${constVal},var{varVal}`); +``` + +7.题目描述: 理解变量提升(Hoisting),对比 var、let、const 的行为 +输出示例: var 声明会提升,但值为 undefined let 和 const 存在暂时性死区 +```js + console.log("声明前访问 varVal:", varVal); + var varVal = "var 赋值"; + console.log("声明后访问 varVal",varVal); + + console.log("声明前访问 letVal:", letVal); + let letVal = "let 赋值"; + console.log("声明后访问 varVal",varVal); + + console.log("声明前访问 constVal:", constVal); + const constVal = "const 赋值"; + console.log("声明后访问 constVal",constVal); +``` + +8.题目描述: 使用模板字符串拼接变量和表达式 +输入示例: name = "张三", age = 20, score = 85 +输出示例: ${name}今年${age}岁,考了${score}分,${score >= 60 ? '及格' : '不及格'} +```js + let name ='张三'; + let age = 20; + let score = 85; + console.log(`${name}今年${age},考了${score}分,{score > 60 ? '及格' : '不及格'}`); +``` + +9.题目描述: 理解基本数据类型和引用数据类型的区别 +输出示例: 基本类型:Number、String、Boolean、Undefined、Null、Symbol、BigInt 引用类型:Object、Array、Function +```js + let num = 10; + let str = "hello"; + let bool = true; + let und = undefined; + let nul = null; + let sym = Symbol("test"); + let bigInt = 6666666666666666666; + + let obj = { name: "张三" }; + let arr = [1, 2, 3]; + let fn = function () { + return "函数"; + }; + console.log(num,str,bool,und,nul,sym,bigInt,obj,arrfn()); +``` + +运算符与类型转换 + +1.题目描述: 计算两个数字 a 和 b 的加、减、乘、除、取余结果,并返回一个包含这些结果的对象 +输入示例: 10, 3 +输出示例: { 加: 13, 减: 7, 乘: 30, 除: 3.33, 余: 1 } +```js + function num(a, b) { + let add = a + b; + let subtract = a - b; + let ride = a * b; + let divide = a/b; + let surplus = a%b; + return(`加:${add},减:${subtract},乘:${ride},除:{divide},余:${surplus}`); + } + console.log(num(10,3)); +``` + +2.题目描述: 将字符串 "123" 转换为数字类型,将数字 456 转换为字符串类型,并分别返回它们的值和类型 +输出示例: 转换后的数字: 123, 类型: number 转换后的字符串: "456", 类型: string +```js + let num = Number("123"); + let str = String(456); + console.log(`${num},${typeof(num)},${str},${typeo(str)}`); +``` + +3.题目描述: 比较两个变量 a 和 b,返回 a 是否大于 b、是否等于 b、是否不等于 b 的布尔值结果 +输入示例: 5, 3 +输出示例: { 大于: true, 等于: false, 不等于: true } +```js + function compare(a, b) { + return a >= b ? true : false; + } + console.log(compare(5, 3)); +``` + +4.题目描述: 给定三个变量 x = "5", y = 5, z = "5",使用 == 和 === 分别比较 x 和 y、x 和 z,理解并返回比较结果 +输出示例: x == y: true, x === y: false x == z: true, x === z: true +```js + let x = "5"; + let y = 5; + let z = "5"; + console.log(x==y); + console.log(x===y); + console.log(x==z); + console.log(x===z); +``` + +5.题目描述: 使用逻辑运算符(&&、||、!)判断:年龄在18-60岁之间且有驾照的人可以开车 +输入示例: age = 25, hasLicense = true +输出示例: true (可以开车) +```js + function drive(age) { + if (age<18 || age>60 && age>=0) { + return false; + }else{ + return true; + } + } + console.log(drive(18)); +``` + diff --git "a/\350\265\226\345\277\227\350\261\252/20251229-JavaScript\345\237\272\347\241\200\347\273\203\344\271\240.md" "b/\350\265\226\345\277\227\350\261\252/20251229-JavaScript\345\237\272\347\241\200\347\273\203\344\271\240.md" new file mode 100644 index 0000000000000000000000000000000000000000..f0b78578a0c2859bbe1d856443ae282514c1299e --- /dev/null +++ "b/\350\265\226\345\277\227\350\261\252/20251229-JavaScript\345\237\272\347\241\200\347\273\203\344\271\240.md" @@ -0,0 +1,90 @@ +6.题目描述: 理解隐式类型转换,计算各种表达式的结果 +输入示例: "5" + 3, "5" - 3, true + 1, "10" * "2" +输出示例: "53", 2, 2, 20 +```js + let item1 = "5" + 3; + let item2 = "5" - 3 + let item3 = true + 1; + let item4 = "10" * "2" + console.log(item1,item2,item3,item4); +``` + +7.题目描述: 使用一元运算符进行类型转换(+, -, !) +输入示例: +"123", -"45", !!"hello" +输出示例: 123, -45, true +```js + let item1 = +"123"; + let item2 = -"45"; + let item3 = !!"hello" + console.log(item1,item2,item3); +``` + +8.题目描述: 理解 NaN 的特性,如何检测 NaN +输出示例: NaN === NaN // false isNaN(NaN) // true Number.isNaN(NaN) // true +```js + let item1 = NaN === NaN; + let item2 = isNaN(NaN); + let item3 = Number.isNaN(NaN); + console.log(item1,item2,item3); +``` + +9.题目描述: 使用位运算符进行简单计算(如取整、判断奇偶) +输入示例: 5.8, 7 +输出示例: ~~5.8 = 5 (取整) 7 & 1 = 1 (判断奇偶,结果为1表示奇数) +```js + let item1 = ~~5.8; + let item2 = 7 & 1; + console.log(item1, item2); +``` + +流程控制 +1.题目描述: 给定一个分数 score,判断成绩等级:90分以上为"优秀",80-89分为"良好",60-79分为"及格",60分以下为"不及格" +输入示例: 85 +输出示例: "良好" +```js + function grade(score){ + if(score>=90){ + return "优秀"; + }else if(score>=80 && score<90){ + return "良好"; + }else if(score>=60 && score<80){ + return "及格"; + }else if(score <60){ + return "不及格" + } + } + console.log(grade(85)); +``` + +2.题目描述: 使用 for 循环计算 1 到 n 的累加和 +输入示例: 100 +输出示例: 5050 +```js + function add(num){ + let result =0; + for(let i=0;i<=num;i++){ + result +=i; + } + return result; + } + console.log(add(100)); +``` + +3.题目描述: 遍历数组 arr,输出所有偶数 +输入示例: [1, 2, 3, 4, 5, 6, 7, 8] +输出示例: [2, 4, 6, 8] +```js + function even(){ + let arr =[1,2,3,4,5,6,7,8]; + let result=[]; + for(let i=0;i项目1

    +

    项目2

    +

    项目3

    + +```js + $(".item").css("color","red") +``` + +2.题目描述: 使用 jQuery 选择所有 li 元素中的第一个和最后一个,分别添加不同的背景色 +HTML 结构: +
      +
    • 项1
    • +
    • 项2
    • +
    • 项3
    • +
    • 项4
    • +
    + +```js + $("li:first").css("background","blue"); + $("li:last").css("background","green"); +``` + +3.题目描述: 使用 jQuery 的 .find() 方法查找 id 为 "container" 的 div 中所有的 span 元素,并修改它们的文本 +HTML 结构: +
    +

    段落 文本1

    +

    段落 文本2

    +
    + +```js + $("#container").find("span").text("修改后的文本") +``` + +4.题目描述: 使用 jQuery 选择器选中所有偶数行的表格行,并为其添加背景色 +HTML 结构: + + + + + +
    第1行
    第2行
    第3行
    第4行
    + +```js + $("table tr:even").css("background","red") +``` + +5.题目描述: 使用 jQuery 的 .each() 方法遍历元素集合,为每个元素设置不同的内容 +HTML 结构: +
    +
    +
    + +```js + $(".item").each(function(index){ + $(this).text("这是第"+(index+1)+"个元素"); + }) +``` + +jQuery事件处理 +1.题目描述: 使用 jQuery 为按钮添加点击事件,点击时改变页面标题 +HTML 结构: +

    原标题

    + + +```js + $("#changeBtn").click(function(){ + $("#title").text("新标题"); + }) +``` + +2.题目描述: 使用 jQuery 的 .hover() 方法为元素添加鼠标悬停效果 +HTML 结构: +
    悬停我
    + +```js + $("#box").hover(function(){ + $(this).css("background","red"); + }, + function(){ + $(this).css("background","gray") + } + ) +``` + +3.题目描述: 使用 jQuery 事件委托,为动态添加的列表项添加点击事件 +HTML 结构: +
      +
    • 项目1
    • +
    + + +```js + let count =2; + $("#addBtn").click(function(){ + $("#list").append("
  • 项目"+count) + count++ + }) +``` \ No newline at end of file diff --git "a/\350\265\226\345\277\227\350\261\252/image/20251110\347\273\203\344\271\240\344\270\200.png" "b/\350\265\226\345\277\227\350\261\252/image/20251110\347\273\203\344\271\240\344\270\200.png" new file mode 100644 index 0000000000000000000000000000000000000000..45d1613a53a4d4e4bc63f3817f0cbd6b89198ff2 Binary files /dev/null and "b/\350\265\226\345\277\227\350\261\252/image/20251110\347\273\203\344\271\240\344\270\200.png" differ diff --git "a/\350\265\226\345\277\227\350\261\252/image/20251110\347\273\203\344\271\240\344\272\214.png" "b/\350\265\226\345\277\227\350\261\252/image/20251110\347\273\203\344\271\240\344\272\214.png" new file mode 100644 index 0000000000000000000000000000000000000000..4c9532cb57c0bb2d89cbc2eb1334b75c9a3d5e62 Binary files /dev/null and "b/\350\265\226\345\277\227\350\261\252/image/20251110\347\273\203\344\271\240\344\272\214.png" differ diff --git "a/\350\265\226\345\277\227\350\261\252/image/20251112\347\273\274\345\220\210\350\256\255\347\273\203\344\270\200.png" "b/\350\265\226\345\277\227\350\261\252/image/20251112\347\273\274\345\220\210\350\256\255\347\273\203\344\270\200.png" new file mode 100644 index 0000000000000000000000000000000000000000..a056e7a456f7b51c4f5ec74adf91beb6fb250d17 Binary files /dev/null and "b/\350\265\226\345\277\227\350\261\252/image/20251112\347\273\274\345\220\210\350\256\255\347\273\203\344\270\200.png" differ diff --git "a/\350\265\226\345\277\227\350\261\252/image/20251112\347\273\274\345\220\210\350\256\255\347\273\203\344\270\211.png" "b/\350\265\226\345\277\227\350\261\252/image/20251112\347\273\274\345\220\210\350\256\255\347\273\203\344\270\211.png" new file mode 100644 index 0000000000000000000000000000000000000000..6a86adc3b6baa750f2b10920e97e7fadff78639c Binary files /dev/null and "b/\350\265\226\345\277\227\350\261\252/image/20251112\347\273\274\345\220\210\350\256\255\347\273\203\344\270\211.png" differ diff --git "a/\350\265\226\345\277\227\350\261\252/image/20251112\347\273\274\345\220\210\350\256\255\347\273\203\344\272\214.png" "b/\350\265\226\345\277\227\350\261\252/image/20251112\347\273\274\345\220\210\350\256\255\347\273\203\344\272\214.png" new file mode 100644 index 0000000000000000000000000000000000000000..a741497760d438178cd8107eca50614592f5d140 Binary files /dev/null and "b/\350\265\226\345\277\227\350\261\252/image/20251112\347\273\274\345\220\210\350\256\255\347\273\203\344\272\214.png" differ diff --git "a/\350\265\226\345\277\227\350\261\252/image/20251112\350\256\255\347\273\203\345\233\233.png" "b/\350\265\226\345\277\227\350\261\252/image/20251112\350\256\255\347\273\203\345\233\233.png" new file mode 100644 index 0000000000000000000000000000000000000000..23250ffa2b1f53bb9764c2596b50162a398270b1 Binary files /dev/null and "b/\350\265\226\345\277\227\350\261\252/image/20251112\350\256\255\347\273\203\345\233\233.png" differ