diff --git "a/04 \346\235\216\346\230\216\345\201\245/20231026 Day01 \344\275\234\344\270\232.md" "b/04 \346\235\216\346\230\216\345\201\245/20231026 Day01 \344\275\234\344\270\232.md"
new file mode 100644
index 0000000000000000000000000000000000000000..82e95dfe701bcdff1f5e9f6bba4f82048b833718
--- /dev/null
+++ "b/04 \346\235\216\346\230\216\345\201\245/20231026 Day01 \344\275\234\344\270\232.md"
@@ -0,0 +1,87 @@
+# Day01 作业布置
+
+## 一. 完成课堂所有的代码
+
+~~~ html
+
+
+
+
+ 你敢点我吗?
+ 你能不使用行内式让我弹窗吗？
+
+
+ 你能不使用行内式、内部式让我弹窗吗?
+
+
+~~~
+
+js外部代码
+
+~~~ js
+document.querySelector('.b').addEventListener('click',() =>{
+ alert('你牛！')
+})
+~~~
+
+
+
+## 二. 简单聊聊JavaScript的历史(自己的话术来总结)
+
+ 网景公司想要一种语言嵌入浏览器，招募了一个天才程序员Brendan Eich，与Sun公司合作，在Brendan Eich 的带领下设计出JavaScript（大杂烩）。后来跟微软公司推出的 IE 发生了浏览器大战，为了解决开发者的噩耗，网景正式向ECMA（欧洲计算机制造商协会）提交语言标准，规定了ECMAScript范式。
+
+
+
+## 三. 说说你对JS引擎的理解(自己的话术总结)
+
+ JS引擎：就是帮助我们将JavaScript代码翻译成CPU指令来执行
+
+
+
+## 四. JavaScript的交互方式有哪些？(后两种方式)
+
+| 方法 | 说明 |
+| -------------------- | -------------------------------------------- |
+| alert('内容') | 浏览器弹出警示框 |
+| console.log('内容') | 浏览器控制台打印输入信息（给程序员测试用的） |
+| prompt('内容') | 浏览器弹出输入框，用户可以输入 |
+| document.write(内容) | 浏览器打印出该内容 |
+
+
+
+## 五. 定义一些你日常生活或者在某些程序中见到的变量(10个)(预习)
+
+let count、let num、let index、let str、const name
+
+const age、const sex、const arr、const list、const obj
+
+
+
+## 六. 说出JavaScript中的常见数据类型以及它们代表的含义(预习)
+
+#### 基本数据类型：
+
+ **数字型（Number）：**整数或浮点数
+
+ **布尔值（Boolean）：**true 和 false.
+
+ **null：**表示为空
+
+ **字符串（String）：**如，‘张三’
+
+ **undefined：**表示变量未定义或未赋值
+
+ **NAN：**表示该变量不是数字
+
+#### 引用数据类型：
+
+**对象(Object)、数组(Array)、函数(Function)**
+
diff --git "a/04 \346\235\216\346\230\216\345\201\245/20231027 \345\237\272\347\241\200\351\242\204\344\271\240.md" "b/04 \346\235\216\346\230\216\345\201\245/20231027 \345\237\272\347\241\200\351\242\204\344\271\240.md"
new file mode 100644
index 0000000000000000000000000000000000000000..ffdd69180a62f64678eef7e5bd320f4ef2624805
--- /dev/null
+++ "b/04 \346\235\216\346\230\216\345\201\245/20231027 \345\237\272\347\241\200\351\242\204\344\271\240.md"
@@ -0,0 +1,192 @@
+### 运算符
+
+#### 算术运算符
+
+算术运算使用的符号，用于执行俩个变量或值的算术运算
+
+| 运算符 | 描述 | 实例 |
+| ------ | -------------- | ------------------------ |
+| + | 加 | 10 + 20 = 30 |
+| - | 减 | 10 - 5 = 5 |
+| * | 乘 | 5 * 5 = 25 |
+| / | 除 | 10 / 20 = 0.5 |
+| % | 取余数（取模） | 返回除法的余数 9 % 2 = 1 |
+
+#### 赋值运算符
+
+用来把数据赋值给变量的运算符
+
+| 赋值运算符 | 说明 | 案例 |
+| ---------- | ------------------ | ------------------------------ |
+| = | 直接赋值 | var usrName='我是值'； |
+| += 、 -= | 加、减一个数后赋值 | var age= 10；age+=5；// 15 |
+| *=、/=、%= | 乘、除、取模后赋值 | var age = 2 ； age*=5； // 10 |
+
+#### 运算符优先级
+
+| 优先级 | 运算符 | 顺序 |
+| ------ | ---------- | ------------------------- |
+| 1 | 小括号 | （） |
+| 2 | 一元运算符 | ++ -- ！ |
+| 3 | 算数运算符 | 先 * / 后 + - |
+| 4 | 关系运算符 | > >= < <= |
+| 5 | 相等运算符 | == != **= !（不全等）** |
+| 6 | 逻辑运算符 | 先&&（与） 后\|\|（或） |
+| 7 | 赋值运算符 | = |
+| 8 | 逗号运算符 | ， |
+
+### 流程控制语句-分支
+
+#### if语句
+
+ 由上到下执行代码的过程中，根据不同条件，执行不同路径代码（执行代码多选一的过程），从而得到不同的结果
+
+语法:
+
+~~~ javascript
+ if （条件表达式1）{
+ // 执行语句1
+ }else if (条件表达式2) {
+ // 执行语句2
+ }else {
+ // 执行剩余条件语句
+ }
+~~~
+
+**判断成绩案例**
+
+~~~ javascript
+// 按照大到小判断的思路
+// 弹出prompt输入框 让用户输入分数，把这个值取过来保存到变量中
+// 使用if else if 语句来判断输出不同的值
+var score = prompt ('请输入您的分数');
+if(score >= 90){
+ alert('你真棒哟！');
+}else if(score >=80){
+ alert('你已经很棒了');
+}else if(score >= 70){
+ alert('很好但是还需要努力');
+}else if (score>=60){
+ alert('还需要继续努力哦！');
+}else{
+ alert('你得努力了哦');
+}
+~~~
+
+#### switch语句
+
+ switch 语句也是多分支语句，它用于基本不同的条件来执行不同的代码，当要针对变量设置一系列的特定值的选项时，可以使用switch（多选1）
+
+语法：
+
+~~~ javascript
+switch(表达式){
+ case 值1:
+ // 执行语句1;
+ break;
+ case 值2:
+ // 执行语句2;
+ break;
+ // ....
+ default:
+ // 执行最后的语句;
+}
+//执行思路
+ /*利用我们的表达式的值 和 case 后面的选项相匹配如果匹配上就执行该case里面的语句 如果没有匹配上，那么执行default里面的语句*/
+~~~
+
+**switch注意事项**
+
+~~~ javascript
+//我们开发里面 表达式经常写成变量
+//我们num 的值和case 里面相匹配的时候是全等，必须数据类型和值一样才 num === 1
+//不写break 会造成穿透
+~~~
+
+#### 三元表达式
+
+三元表达式能做一些简单的条件选择。有三元运算符组成的式子称为三元表达式
+
+语法结构:
+
+~~~ javascript
+// 条件表达式 ？ 表达式1 ：表达式2
+~~~
+
+执行思路
+
+如果条件表达式结果为真 则 返回表达式1 的值 如果表达式结果为假 则返回 表达式2 值
+
+```javascript
+var num = 10；
+var result = num > 5 ? '是的':'不是的';
+```
+
+**补零**
+
+```javascript
+var time = prompt('请输入一个 0~50 之间的一个数字')；
+条件表达式 ？ 表达式1 ：表达式2
+var result = time < 10 ? '0'+ time : time；//把返回值赋值给一个变量
+alert(result);//输出
+```
+
+### 循环
+
+#### for循环
+
+语法：
+
+~~~ javascript
+for (初始化变量;条件表达式;操作表达式){
+ //循环体
+}
+~~~
+
+例：
+
+~~~ javascript
+for(var i = 1; i<=100; i++){
+ console.log('这个人今年'+ i +'岁了');
+}
+~~~
+
+#### for循环小结
+
++ for 循环可以重复执行某些相同代码
++ for 循环可以重复执行些许不同的的代码，因为我们有计数器
++ for 循环可以重复执行某些操作，比如算术运算符
++ 随着需求增加，双重for循环可以做更多、更好看的效果
++ 双重for循环，外层循环一次，内外for循环全部执行
++ for循环，时循环条件和数字直接相关的循环
+
+#### while 循环
+
+```JAVA
+//语法结构
+while(条件表达式){
+ //循环体
+}
+//执行思路 当条件表达式结果为true 则执行循环体 否则退出循环
+var num = 1;
+while(num<=100){
+ conlose.log('hao');
+ num++;
+}
+//里面也有计数器，初始化变量
+// 里面应该也有操作表达式 完成计数器的更新 防止死循环
+```
+
+#### do while 循环 (while变体)
+
+```javascript
+//语法结构
+do{
+ //循环体
+}while（条件表达式）
+// 执行思路 跟while 不同的地方在于 do while 先执行一次循环体 在判断条件 如果条件结果为真，则继续执行循环体，否则退出循环
+var i = 1;
+do{
+ console.log('how');
+}while(i <= 100)
+```