From 9411755f4ebfb60591dc4bb579e9da25aadd93fe Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=E5=90=B4=E4=BD=B3=E5=AE=87=2E?= <2541095587@qq.com> Date: Mon, 28 Oct 2024 10:22:47 +0800 Subject: [PATCH 1/2] 1028 --- .../JS.md" | 113 ++++++++++++++++++ .../WJY/com/CSS/ys.css" | 20 ++++ .../WJY/com/JS/xw.js" | 22 ++++ .../WJY/com/wy.html" | 13 ++ .../01\344\275\234\344\270\232.md" | 86 +++++++++++++ .../images/111.gif" | Bin 0 -> 65600 bytes .../images/\345\233\276\347\211\2071.png" | Bin 0 -> 6710 bytes .../images/\345\233\276\347\211\2072(1).png" | Bin 0 -> 6612 bytes .../images/\345\233\276\347\211\2073.png" | Bin 0 -> 6511 bytes .../images/\345\233\276\347\211\2074.png" | Bin 0 -> 25257 bytes .../images/\345\233\276\347\211\2075.png" | Bin 0 -> 6353 bytes .../images/\345\233\276\347\211\2076.png" | Bin 0 -> 19267 bytes .../20241025/WJY/test1/test1.html" | 19 +++ .../20241025/WJY/test2/test2.html" | 14 +++ .../20241025/WJY/test3/CSS/test3.css" | 19 +++ .../20241025/WJY/test3/JS/test3.js" | 23 ++++ .../20241025/WJY/test3/test3.html" | 13 ++ 17 files changed, 342 insertions(+) create mode 100644 "\345\220\264\344\275\263\345\256\207/20241024 \345\210\235\350\257\206JS/JS.md" create mode 100644 "\345\220\264\344\275\263\345\256\207/20241024 \345\210\235\350\257\206JS/WJY/com/CSS/ys.css" create mode 100644 "\345\220\264\344\275\263\345\256\207/20241024 \345\210\235\350\257\206JS/WJY/com/JS/xw.js" create mode 100644 "\345\220\264\344\275\263\345\256\207/20241024 \345\210\235\350\257\206JS/WJY/com/wy.html" create mode 100644 "\345\220\264\344\275\263\345\256\207/20241025/01-\351\242\230\347\233\256/01\344\275\234\344\270\232.md" create mode 100644 "\345\220\264\344\275\263\345\256\207/20241025/01-\351\242\230\347\233\256/images/111.gif" create mode 100644 "\345\220\264\344\275\263\345\256\207/20241025/01-\351\242\230\347\233\256/images/\345\233\276\347\211\2071.png" create mode 100644 "\345\220\264\344\275\263\345\256\207/20241025/01-\351\242\230\347\233\256/images/\345\233\276\347\211\2072(1).png" create mode 100644 "\345\220\264\344\275\263\345\256\207/20241025/01-\351\242\230\347\233\256/images/\345\233\276\347\211\2073.png" create mode 100644 "\345\220\264\344\275\263\345\256\207/20241025/01-\351\242\230\347\233\256/images/\345\233\276\347\211\2074.png" create mode 100644 "\345\220\264\344\275\263\345\256\207/20241025/01-\351\242\230\347\233\256/images/\345\233\276\347\211\2075.png" create mode 100644 "\345\220\264\344\275\263\345\256\207/20241025/01-\351\242\230\347\233\256/images/\345\233\276\347\211\2076.png" create mode 100644 "\345\220\264\344\275\263\345\256\207/20241025/WJY/test1/test1.html" create mode 100644 "\345\220\264\344\275\263\345\256\207/20241025/WJY/test2/test2.html" create mode 100644 "\345\220\264\344\275\263\345\256\207/20241025/WJY/test3/CSS/test3.css" create mode 100644 "\345\220\264\344\275\263\345\256\207/20241025/WJY/test3/JS/test3.js" create mode 100644 "\345\220\264\344\275\263\345\256\207/20241025/WJY/test3/test3.html" diff --git "a/\345\220\264\344\275\263\345\256\207/20241024 \345\210\235\350\257\206JS/JS.md" "b/\345\220\264\344\275\263\345\256\207/20241024 \345\210\235\350\257\206JS/JS.md" new file mode 100644 index 0000000..a8ef247 --- /dev/null +++ "b/\345\220\264\344\275\263\345\256\207/20241024 \345\210\235\350\257\206JS/JS.md" @@ -0,0 +1,113 @@ +## 课堂笔记 + +#### 一、简介 + +1. JavaScript 是一种运行在浏览器的脚本编程语言。它不需要编译,可直接在浏览器上运行。 +2. 由ECMAScript (基础语法)和 Web APIs (DOM、BOM)组成。 + +#### 二、书写位置 + +1. 内部方式: + + 通过 script 标签包裹 JavaScript 代码。 + +2. 外部方式: + + 一般将 JavaScript 代码写在独立的以 .js 结尾的文件中,然后通过src属性引入。 + +3. 外内方式: + + 在HTML文档中可以在标签中使用JavaScript脚本作为它们的属性值。 + +#### 三、注释和结束符 + +- 单行注释: + + 使用 // 注释单行代码。 + +- 多行注释: + + 使用 /* */ 注释多行代码。 + +- 结束符: + + ';' 代表一段代码的结束,多数情况下可以省略 ';' 可以使用回车替代。 + +#### 四、文档输出内容与输入语法 + +1. 向 body内输出内容: + + document.write("输出的内容"); + +2. 网页弹出警示框: + + alert("网页弹窗"); + +3. 向控制台输出内容,常用于调试: + + console.log("控制台输出内容"); + +4. 显示对话框,对话框内包含一段文字信息,用来提示用户输入内容: + + prompt("请输入一段内容"); + +#### 五、变量的基本使用 + +1. 声明变量 + + let 变量名; + let 变量名 = 值, + 变量名 = 值; + +2. 变量赋值 + let num = 20; + +3. 更新变量 + + num = ' 20 '; + +#### 六、变量的命名规则与规范 +- 规则 + 1. JavaScript 内部已占用于单词(关键字或保留字)不允许使用 + 2. 只能由下划线 `_` 、字母、数字、 `$` 组成,且不可以以数字开头 + 3. 字母严格**区分大小写**,如 Age 和 age 是不同的变量 + + +- 规范 + 1. 尽量保证变量具有一定的语义,见字知义 + + 2. 遵守小驼峰命名法:即第一个单词首字母小写,后面每个单词首字母大写 + + +#### 七、常量 + + 使用 const 声明的变量称为“常量”。 + +#### 八、数据类型 + +- 数值类型 number + + 整数、小数、正数、负数。 + +- 字符串类型 string + + 通过单引号('') 、双引号("")或反引号`包裹的数据都叫字符串,单引号和双引号没有本质上的区别,推荐使用单引号。 + +- 布尔类型 boolean + + 它有两个固定的值 true 和 false,表示肯定的数据用 true,表示否定的数据用 false。 + +- 未定义类型 undefined + + 未定义是比较特殊的类型,只有一个值 undefined,只声明变量,不赋值的情况下,变量的默认值为 undefined,一般很少【直接】为某个变量赋值为 undefined。 + +#### 九、类型转换 + +- 隐式转换 + + 系统内部自动将数据类型进行转换。 + +- 显式转换 + + 通过 Number显示转换成数值类型,当转换失败时结果为 NaN(Not a Number)即不是一个数字。 + diff --git "a/\345\220\264\344\275\263\345\256\207/20241024 \345\210\235\350\257\206JS/WJY/com/CSS/ys.css" "b/\345\220\264\344\275\263\345\256\207/20241024 \345\210\235\350\257\206JS/WJY/com/CSS/ys.css" new file mode 100644 index 0000000..e97439b --- /dev/null +++ "b/\345\220\264\344\275\263\345\256\207/20241024 \345\210\235\350\257\206JS/WJY/com/CSS/ys.css" @@ -0,0 +1,20 @@ +table{ + width: 500px; + height: 15px; + border: 1px rgb(44, 184, 130) solid; + border-collapse: collapse; + margin: auto; + text-align: center; +} + +tr,th,td{ + width: 500px; + height: 15px; + border-collapse: collapse; + border: 1px rgb(44, 184, 130) solid; + text-align: center; +} + +h1{ + text-align: center; +} \ No newline at end of file diff --git "a/\345\220\264\344\275\263\345\256\207/20241024 \345\210\235\350\257\206JS/WJY/com/JS/xw.js" "b/\345\220\264\344\275\263\345\256\207/20241024 \345\210\235\350\257\206JS/WJY/com/JS/xw.js" new file mode 100644 index 0000000..1bca604 --- /dev/null +++ "b/\345\220\264\344\275\263\345\256\207/20241024 \345\210\235\350\257\206JS/WJY/com/JS/xw.js" @@ -0,0 +1,22 @@ +let gName = prompt('请输入你想要买的商品名称:'); +let gPrice = +prompt('请输入单价:'); +let gNumber = +prompt('请输入商品数量:'); +let address = prompt('请输入收货地址:'); +document.write( +`
商品名称 | +单价 | +数量 | +总价 | +地址 | +
---|---|---|---|---|
${gName} | +${gPrice}元 | +${gNumber} | +${gPrice * gNumber}元 | +${address} | +
VtXwg4R5Ec+H04yq?@~5x
zUM*)yJbg{N^iHc_#l#!_J9N|>dSn=RWR-GiSpat{8?!3dH>+H8O1*Y1+qP}Glxz!;
zY>)re5unhMYSa~K(i>+yl4&{J;4+-&HdFJd{~=3{I#^UZSoBAzxmbz0Selz$p0VjZ
zKUat-EX*7hW>Jx)?^|L4i*(q_cG!b>Q$#gk=6F-ULM{JRo0f%&mW5hYmRZEM5+!xe
zrFHY<4M-OctCsW`)lOLScvJ4C1I|kUL!qLBL1z60dSfqVnZ-td-d34~A2cL1EHUa&
zTtsL^LUO8qLE)dW@*HoUT<@at(29Zr@5-{U^z`)N(u$X(zP>&>@Ypx!Jf>`?IB?%@
zFgtXr$bX@sra!o3xFBu1zP_(Iegq!7*cv>r8#??Py6_Y~w39IMoHYLUcVncbb*y~m
zsB-=^bz>xJd#doZt9EC&{JytpceiHeX*e_-UKTc5R^In_x3l!+yxwfu8yfcNnuqo;
z#E*}J4zI>cZsjc>G;R<3-wpfi?&a@qmp$wiJZzVBb#?Xk_YcEI$HvB{r{||;7Ut&X
zyQlBw`giC0&*$b><`=F8_7 fC%bW<=$xMnurwc4;f U%#aL1ekYHVv>qIm qIv4<1`FVD4RY%gD*!7tctWI9-P~1V
z3>Q5`I* 2!qFa
z9Zyp~kU}Ryp%bLt@xZ- o-4=Nbfn#U!itg^gCvI7GaCitYtc3^sS)T?849KKrnFJ=_5gG;
z4)AY1ARK^WcOh{K#gdbL8i}Yg{Vd4p_*uEV{?%&J^NmKqCM;@LbDes#+Hc%E$EF2;
zRB8kYZMzVj?OSmG!MshC{--AvWkCN|Aah**54O!zux5W-{HI+_j^4EnnXNnw&9<|e
zn|gUOdO+%06k1s34H&N(25f?12kF<`gYop+YbLu;ezrZCPy$=x(l6-&(?(k}GRwL~
ziE?b;>S?rl{B9 {VF8zec&QK?|Ol=Oi=G{haYSdR;N<;*(R6@@aU!kmY?sre&nSh0Np
z={Z}xE%ae;O95|Kp}&G&peq9~)*8pfpdsE*Srk|dyhUe;Aah&rKZz_0f$V;-q*>v~
z4(d-ax1QY3JX;D1aPfdX(pz(f14VGqnQ-T#C4a{QlR9c()xzfZyGI~#TgmTCSf+^$
zC=^netWwB61YUYn#;(9;2vkGX5V>PivgfFbtY|u?p(;Ghd?ww_g;Kb6-RU=>yyQWA
zto?>l-6>O8Ffi7KQj8GtP!~j)LwIBob`RVHSvn51g-Sw%_)I#zrD+`jU>dn3nX>e*U}CO2pB}}Go^VR>ATrtV%)TfFHUACZ
zr>uckcBB3z*^2C;L|*$nE9g7Y=425cbaJ^$26&2aD3fk~W!`v>a)ul^bYyO#K(oSP
zaSpDnTCCp@L@r-lsO5LF63RDFT{K^VC*5|BUQ@i-;B>y%b!}a=)B-_bCcg|TUg?11
zGk?>GEMe$|(a2Xb
wg+2jKUnGq6TN=JCTAfdl3BoGUFGJxVKio-H+_cJVRM-
j~F_}MHLon
zBaExEW&_{faj4nNo3c`HGrCfY6i)N$$pa5GvdE56rUdf>-j!Lgc6Tg-Mq_eek5RT*
zFR*SeT1f@vE}r5Q6I}ii{5jnwiofHXjG_xYMg9GR-I{sgBXi=3ROHX+DB{SeRvmnd
zTLpa{!>M>^Qud3RaWRfkqA%44Luu&t*Pzr#2i}b@7qHwn1SM1v_TC3tbm7^K3>p^x
zo7jvvEQXR`ZOtD6!ie&E#7~6i4DP9bh0b~2=dwfpJ?FrNFQaO3r&SCqJDfhmF=1%c
z`JJUb;ho0oW))`u;pf|;=}O!0#6aeKA%iNPOtYOLNKvNRU6f-!BUOCHgF1s^F*ZqU
zKJeM1C}IYVJ7aCQDixub^C7W7>?-XrwP0vJ>>y`+Q0!O@HDC9Pb#sw+G`kf0Hfgt2
zKBVpJkA>|Jr3PbH1&8N$$jDGT+X|PjV=m_^9~pf-$>E;JJec`sp6&`rZXk3w2v{Qa
z3mbNBS@ex<_WcAepQiZ!Lmak)VVPyVs8y1mdMA2lfSEK>>
zd;y}00et8FF>V2AmHw2ZzHc@H8ZZJefop7}1HTvsf*Z{%H_Q*SASdO-t#FIW^}v_`
zv&Iecr7XxgGx6XCFnkvjGho^~VLmJsw7Nz#k!6-u`8fwYXi~h@&K;yg~R-mur3ZjoA^J_Ir3BLqO5qBDagN>(aoC
zI66o{J
&tUh4k1T4I
s(x|VxUq6_yQ^}clY(@$F@z_q(_Ve7$bpPYIA4Uh|Vy$TY<8|Dy
z=;wXXe*MS$w3qCo&-tj(_xpoF?T@~{R^1;xbG=pPG7}HT7XSR##+TgK*aCUIx%cGs
zU!tT(xqA9M;>yAD+)M+7Yq!f%iYE|@IRn*gpi4lp)|8T&^bt!;p*vUC(Sm#~0Snin
z$0(mCg#I!eXeigiSvF