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 0000000000000000000000000000000000000000..a8ef247ec23eb8919cc73a134ca3c7ff9476a829 --- /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 0000000000000000000000000000000000000000..e97439be9feae89fbc170b433a7c9b4e4e6766b2 --- /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 0000000000000000000000000000000000000000..1bca604363c1315a24b80f6ee8b4568792d24ff1 --- /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}
` +) \ 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/wy.html" "b/\345\220\264\344\275\263\345\256\207/20241024 \345\210\235\350\257\206JS/WJY/com/wy.html" new file mode 100644 index 0000000000000000000000000000000000000000..d32a5ab75643020d47eab41a69b488283a286771 --- /dev/null +++ "b/\345\220\264\344\275\263\345\256\207/20241024 \345\210\235\350\257\206JS/WJY/com/wy.html" @@ -0,0 +1,13 @@ + + + + + + Document + + + +

订单详情

+ + + \ No newline at end of file diff --git "a/\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" "b/\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" new file mode 100644 index 0000000000000000000000000000000000000000..88960fec2915531169142d548ea8084030f84764 --- /dev/null +++ "b/\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" @@ -0,0 +1,86 @@ +# 一、每日作业-JavaScript第01天 + +## 简答题 + +1.依次说明下面各打印语句的输出结果? + +```javascript + const num = 10 + console.log( num + 11) + console.log( num + '11') + console.log( num + +'11') +``` + +2.依次说明下面各打印语句的输出结果 + +```javascript +const num = 10 +console.log( typeof num + '11') +console.log( typeof (num + '11')) +console.log( typeof (num + +'11')) +``` + +## 编程题 + +### 获取用户信息 + +- 题目描述 + + 依次询问并获取用户的姓名、年龄、性别,收集数据之后在控制台依次打印出来。 + + 具体表现如下图: + + + + + + +- 题目提示 + - 通过prompt来弹出提示框,收集用户信息 + - 通过变量保存数据 + +### 增加年龄 + +- 题目描述 + + 1、询问用户年龄,用户输入年龄后,把用户输入的年龄增加5岁 + + 2、增加5岁后,通过弹出框提示用户 “ 据我估计,五年后,你可能XX岁了” + + + + + +- 题目提示 + + - 通过prompt来弹出提示框,收集用户信息 + - 通过变量保存数据 + - 转换数据类型(需要预习第二天的数据类型转换哟) + +### 计算银行卡余额案例 + +- 题目描述 + + 1、用户输入总的银行卡金额,依次输入本月花费的电费,水费,网费。 + + 2、页面打印一个表格,计算出本月银行卡还剩下的余额。 + + + + +- 题目提示 + + - 思路: + + 1.我们需要5个变量:银行卡总额、水费、电费、网费、银行卡余额 + + 2.银行卡余额= 银行卡总额 – 水费 –电费 - 网费 + + 3.第一步准备5个变量接受输入的数据 + + 4.第二步计算银行卡余额 + + 5.第三步页面打印生成表格,里面填充数据即可。 + + 6.当然可以提前把html页面搭好。 + diff --git "a/\345\220\264\344\275\263\345\256\207/20241025/01-\351\242\230\347\233\256/images/111.gif" "b/\345\220\264\344\275\263\345\256\207/20241025/01-\351\242\230\347\233\256/images/111.gif" new file mode 100644 index 0000000000000000000000000000000000000000..31a2e8979085ff96ec951627d87e45cf4e29d49b Binary files /dev/null and "b/\345\220\264\344\275\263\345\256\207/20241025/01-\351\242\230\347\233\256/images/111.gif" differ diff --git "a/\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" "b/\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" new file mode 100644 index 0000000000000000000000000000000000000000..1549cf229047038056f90d1dd76149ce787006e8 Binary files /dev/null and "b/\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" differ diff --git "a/\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" "b/\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" new file mode 100644 index 0000000000000000000000000000000000000000..0f110292ad76831ddc404b244c429aaf460f3bc2 Binary files /dev/null and "b/\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" differ diff --git "a/\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" "b/\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" new file mode 100644 index 0000000000000000000000000000000000000000..29658c842b24df64de50545ba5fda4f0c94a4706 Binary files /dev/null and "b/\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" differ diff --git "a/\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" "b/\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" new file mode 100644 index 0000000000000000000000000000000000000000..b7c62ea8ccb37642b45ba0c34e2e0b278a264bba Binary files /dev/null and "b/\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" differ diff --git "a/\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" "b/\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" new file mode 100644 index 0000000000000000000000000000000000000000..637858a9e59baea7673172c7559e13983f180de8 Binary files /dev/null and "b/\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" differ diff --git "a/\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" "b/\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" new file mode 100644 index 0000000000000000000000000000000000000000..3e2142339d5cd913fb283cf314e4fa92767a25c6 Binary files /dev/null and "b/\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" differ diff --git "a/\345\220\264\344\275\263\345\256\207/20241025/WJY/test1/test1.html" "b/\345\220\264\344\275\263\345\256\207/20241025/WJY/test1/test1.html" new file mode 100644 index 0000000000000000000000000000000000000000..f32248800333ff8d1144ee6ffe7893c730b6a955 --- /dev/null +++ "b/\345\220\264\344\275\263\345\256\207/20241025/WJY/test1/test1.html" @@ -0,0 +1,19 @@ + + + + + + + 第一题 + + + + + \ No newline at end of file diff --git "a/\345\220\264\344\275\263\345\256\207/20241025/WJY/test2/test2.html" "b/\345\220\264\344\275\263\345\256\207/20241025/WJY/test2/test2.html" new file mode 100644 index 0000000000000000000000000000000000000000..76f4b3c106d1ecd2537dbd0158ac822996146023 --- /dev/null +++ "b/\345\220\264\344\275\263\345\256\207/20241025/WJY/test2/test2.html" @@ -0,0 +1,14 @@ + + + + + + 第二题 + + + + + \ No newline at end of file diff --git "a/\345\220\264\344\275\263\345\256\207/20241025/WJY/test3/CSS/test3.css" "b/\345\220\264\344\275\263\345\256\207/20241025/WJY/test3/CSS/test3.css" new file mode 100644 index 0000000000000000000000000000000000000000..2c3e019d560ad9de530fdb6805c9842cb948dfc7 --- /dev/null +++ "b/\345\220\264\344\275\263\345\256\207/20241025/WJY/test3/CSS/test3.css" @@ -0,0 +1,19 @@ +h1{ + padding-top: 100px; + text-align: center; +} + +table{ + width: 600px; + height: 100px; + margin: auto; + border: 1px black solid; + border-collapse: collapse; + text-align: center; +} + +tr,th,td{ + border: 1px black solid; + border-collapse: collapse; + text-align: center; +} \ No newline at end of file diff --git "a/\345\220\264\344\275\263\345\256\207/20241025/WJY/test3/JS/test3.js" "b/\345\220\264\344\275\263\345\256\207/20241025/WJY/test3/JS/test3.js" new file mode 100644 index 0000000000000000000000000000000000000000..2e5f58180aeda804e8390936c6b57b1c8461593c --- /dev/null +++ "b/\345\220\264\344\275\263\345\256\207/20241025/WJY/test3/JS/test3.js" @@ -0,0 +1,23 @@ +let rental = prompt('请输入银行卡余额:'); +let water = prompt('请输入水费:'); +let electricity = prompt('请输入电费:'); +let online = prompt('请输入网费:'); +let balance = +rental - +water - +electricity - +online +document.write(` + + + + + + + + + + + + + + + +
银行卡余额水费电费网费银行卡余额
${rental}元${water}元${electricity}元${online}元${balance}元
+`); diff --git "a/\345\220\264\344\275\263\345\256\207/20241025/WJY/test3/test3.html" "b/\345\220\264\344\275\263\345\256\207/20241025/WJY/test3/test3.html" new file mode 100644 index 0000000000000000000000000000000000000000..7dfda76f824ab0a21e41d24bbd6660d214ff9eb2 --- /dev/null +++ "b/\345\220\264\344\275\263\345\256\207/20241025/WJY/test3/test3.html" @@ -0,0 +1,13 @@ + + + + + + 第三题 + + + +

2020年12月消费支出

+ + + \ No newline at end of file diff --git "a/\345\220\264\344\275\263\345\256\207/20241028 \350\277\220\347\256\227\347\254\246if\347\273\203\344\271\240/topic.html" "b/\345\220\264\344\275\263\345\256\207/20241028 \350\277\220\347\256\227\347\254\246if\347\273\203\344\271\240/topic.html" new file mode 100644 index 0000000000000000000000000000000000000000..23c4d7fa7125321d93443503a5a070950bb22dc1 --- /dev/null +++ "b/\345\220\264\344\275\263\345\256\207/20241028 \350\277\220\347\256\227\347\254\246if\347\273\203\344\271\240/topic.html" @@ -0,0 +1,70 @@ + + + + + + + Document + + + + + + + + \ No newline at end of file