diff --git "a/39 \351\203\255\346\202\246\350\277\216/20231026 \351\202\202\351\200\205js.md" "b/39 \351\203\255\346\202\246\350\277\216/20231026 \351\202\202\351\200\205js.md"
new file mode 100644
index 0000000000000000000000000000000000000000..3f93c12278e6ab482f0bd1fce5a71c8be3161fd5
--- /dev/null
+++ "b/39 \351\203\255\346\202\246\350\277\216/20231026 \351\202\202\351\200\205js.md"	
@@ -0,0 +1,189 @@
+## Day01笔记
+
+##                                                                        JavaScript
+
+
+
+**定义**：*JavaScript*（简称 JS ），是一种高级的、解释型的编程语言；他支持面向对象程序设计、指令式编程、以及函数编程；
+
+
+
+**JavaScript的组成**：
+
+> ECMAScript 是JavaScript 的标准，描述了该语言的语法和基本对象；
+>
+> JavaScript 是ECMAScript 的语言层面的实现；
+>
+> 除了基本实现外，还包括DOM操作和BOM操作；
+
+1. **ECMAScript** >>> 定义语言规范；
+2. **DOM** >>> 用于操作文档的API；
+3. **BOM** >>> 用于操作浏览器的API；
+
+
+
+**JavaScript的运行**：
+
+1. 不同的浏览器有不同的<mark>内核</mark>组成 【<mark>内核</mark>包括Gecko、Trident、Webkit、Blink 等等.......】
+2. 浏览器内核指的是浏览器的<mark>排版引擎</mark>【<mark>排版引擎</mark>也称为浏览器引擎、页面渲染引擎、样板引擎】
+3. JavaScript代码由<mark>JavaScript引擎</mark>来执行
+
+
+
+**JavaScript引擎**：
+
+> <font color='red'>高级的编程语言</font>都是需要转成<font color='red'>最终的机器指令来执行</font>的，我们编写的JavaScript无论交给<font color='red'>浏览器或者Node执行</font>，最终都是需要被<font color='red'>CPU执行</font>，但是CPU只认识在即的指令集，实际上是机器语言，才能被CPU执行，所以需要<font color='red'>JavaScript引擎</font>帮助我们将<font color='red'>JavaScript代码</font>翻译成<font color='red'>CPU指令</font>来执行
+
+1. **SpiderMonkey**：第一款JavaScript引擎，由Eich开发（也就是JavaScript作者）；
+2. **Chakra**：微软开发，用于IT浏览器；
+3. **JavaScriptCore**：WebKit中的JavaScript引擎，Apple公司开发；
+4. **V8**：Google开发的强大JavaScript引擎，也帮助Chrome从众多浏览器中脱颖而出
+5. 等等......
+
+
+
+**浏览器内核与JS引擎的关系**：
+
+###### *e.g.* 以WebKit为例WebKit事实上由两部分组成的：
+
+- **<font color='red'>WebCore</font>****：**负责HTML解析、布局、渲染等等相关的工作；
+
+- **<font color='red'>JavaScriptCore</font>****：**解析、执行JavaScript代码；
+
+
+
+**JavaScript的编写方式**：
+
+1. **位置一**：HTML代码行内（不推荐）；
+2. **位置二**：script标签中
+3. **位置三**：外部的script文件  >>> 需要通过script元素的<font color='red'>src属性</font>来<font color='red'>引入JavaScript文件</font>
+
+
+
+**<noscript>元素**
+
+> <noscript> 元素出现，被用于给不支持 JavaScript 的浏览器提供替代内容
+
+1. **下面的情况下, 浏览器将显示包含在<noscript>中的内容:**
+
+   - 浏览器不支持脚本；
+
+   - 浏览器对脚本的支持被关闭；
+
+
+
+**JavaScript编写的注意事项**：
+
+1. script元素不能写成单标签
+2. 省略type属性
+3. 加载顺序
+4. JavaScript代码严格区分大小写
+
+> **后续补充：script元素还有defer、async属性，我们后续再详细讲解。**
+
+
+
+**JavaScript的交互方式**：
+
+1. <font color='red'>console.log</font>
+2. alert
+3. document.write
+4. prompt
+
+> 最常见的是通过console.log, 目前掌握这个即可；
+
+
+
+**Chrome的调试工具**：
+
+> 当我们在JavaScript中通过console函数显示一些内容时，也可以使用Chrome浏览器来查看
+
+> **ps**：
+>
+> 1. 如果在代码中出现了错误，那么可以在console中显示错误；
+> 2. console中有个 > 标志，它表示控制台的命令行
+> 3. 在命令行中我们可以直接编写JavaScript代码，按下enter会执行代码；
+> 4. 如果希望编写多行代码，可以按下shift+enter来进行换行编写
+
+
+
+**JavaScript语句和分号**：
+
+> 语句是向浏览器发出的指令，通常表达一个操作或者行为（Action）
+
+1. 通常每条语句的后面我们会添加一个分号，表示语句的结束；
+2. 当存在换行符（line break）时，在大多数情况下可以省略分号；
+
+------
+
+
+
+## 一. 完成课堂所有的代码
+
+```html
+// 行内
+<h1 onclick="alert('你想要金钱和名誉吗?')">你的梦想是什么</h1>
+
+// 内部
+<h2 id="aa">饥饿的人才能吃到美味的饭</h2>
+<script>
+    var a = document.getElementById('aa')
+    a.onclick=function(){
+        alert('想要成为Rapstar吗');
+    }
+</script>
+
+// 外部
+<h3 id="a3">我系朴宰范
+    <script src="./yes.js">
+    </script>
+</h3>
+```
+
+
+
+
+
+## 二. 简单聊聊JavaScript的历史(自己的话术来总结)
+
+ 90年代，网景公司发布了navigator浏览器，但这个浏览器只能浏览，并没有其他的功能，所以网景公司需要一种网页脚本语言，来实现浏览器与网页的互动。后来网景公司招募了一位叫做Eich的程序员，想要将当时现有的语言scheme作为网页脚本语言的可能性。但是，当年sun公司将oak语言改名成java，正式向市场推出，这个时候，网景公司就想和sun公司结盟，希望将java嵌入到网页中运行，但程序员Eich热衷于scheme，网景公司高管又更偏心java，所以Eich仅仅花十天时间设计出来了JavaScript，取这个名字的原因是为了蹭java的热度，所以js就是这样来的。
+
+## 三. 说说你对JS引擎的理解(自己的话术总结)
+
+js引擎相当于一个翻译器，可以帮我们将JavaScript代码翻译成CPU指令来执行
+
+## 四. JavaScript的交互方式有哪些？(后两种方式)
+
+```js
+1、console.log
+2、document.write
+3、alert
+4、prompt
+```
+
+## 五. 定义一些你日常生活或者在某些程序中见到的变量(10个)(预习)
+
+```html
+1. var name = '贾斯汀比伯';
+2. var age = 29;
+3. var address = '加拿大';
+4. var hobby = '穿ck';
+5. var cm = 173;
+6. var birth = '1994-03-01';
+7. var work = 'singer';
+8. var Age = 29;
+9. var Name = 'JUSTINBIEBER';
+10. var Cm = 173;
+```
+
+
+
+## 六. 说出JavaScript中的常见数据类型以及它们代表的含义(预习)
+
+1. number ：数值
+2. string：字符串
+3. boolean：布尔值
+4. null：空对象
+5. undefined：未定义；未初始化值
+6. symbol：独一无二的值（ES6新增）
+