From 39b5cccccc06f3b344c9946e0f4926f0e7d1b84a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=B4=AA=E9=94=A6=E6=B4=8B?= <19859791165>
Date: Fri, 27 Oct 2023 12:16:27 +0800
Subject: [PATCH] =?UTF-8?q?javascript=E5=88=9D=E8=AF=86?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../20231027 \345\210\235\350\257\206JS.md"   | 156 ++++++++++++++++++
 1 file changed, 156 insertions(+)
 create mode 100644 "13 \346\264\252\351\224\246\346\264\213/20231027 \345\210\235\350\257\206JS.md"
diff --git "a/13 \346\264\252\351\224\246\346\264\213/20231027 \345\210\235\350\257\206JS.md" "b/13 \346\264\252\351\224\246\346\264\213/20231027 \345\210\235\350\257\206JS.md"
new file mode 100644
index 0000000..974db2a
--- /dev/null
+++ "b/13 \346\264\252\351\224\246\346\264\213/20231027 \345\210\235\350\257\206JS.md"	
@@ -0,0 +1,156 @@
+# 日志
+
+2023年10月26日，今天初邂逅了JavaScript
+
+## 笔记
+
+### 注意：js严格区分大小写
+
+### JavaScript是什么：
+
+是一种运行在客户端（浏览器）的编程语言，实现人机交互效果，
+
+### 做用：
+
+网页特效（监听用户的一些行为让网页做出对应的反馈）
+
+表单验证（针对表单数据的合法性进行判断）
+
+数据交互（获取后台的数据，渲染到前端）
+
+服务端编程（node.js）
+
+### 组成：
+
+ECMAScript：规定js基础语法核心知识
+
+Web APIs：
+
+ DOM：操作文档，比如对页面元素进行移动，大小，添加删除等操作
+
+ BOM：操作浏览器，比如窗口大小，检测窗口宽度，存储数据到浏览器等
+
+### js的书写位置：
+
+```
+行内：直接写在html标签里面
+<a onclick="alert('你真就点了~杂鱼')">点一下</a>
+
+内部：直接写在HTML文件里，用 <script> 标签包住
+ <script>
+       prompt('输入你的大地瓜')
+ </script>
+//要将<script>放在body最底下，以为浏览器会按照从上往下执行代码，防止它由于HTML未被加载而失效
+
+外部：写在外面用.js结尾的文件里，并用src调用
+ <script src="./cj.js"></script>
+
+
+
+//若浏览器不支持js，则用<noscript>来提示
+```
+
+### 注释：
+
+单行用 // 快捷键ctrl+/
+
+多行用 /* */ 快捷键shift+alt+a
+
+注意：注释不能嵌套
+
+### 结束符
+
+用 ; 作为结束符
+
+回车自带结束符，所以可加可不加，看团队习惯，要么全都加要么全不加
+
+### js的输出方式
+
+```
+document.write('输出的内容')  //直接向body输出内容，如果内容是标签，也会被解析成网页元素
+alert('输出的内容')  //弹窗输出内容
+console.log('输出的内容')  // 向控制台输出
+prompt('输出的内容')  // 弹窗输出内容和对话框，并接受对话框的内容
+```
+
+### 执行顺序
+
+从上往下按HTML文档顺序执行javas代码
+
+alert()和prompt()会跳过渲染先被执行
+
+## 作业
+
+Day01 作业布置
+
+## 一. 完成课堂所有的代码
+
+```
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>初见</title>
+</head>
+<body>
+    <a href="javascript:alert('百度一下')" onclick="alert('点击百度一下')">百度一下</a>
+
+    <a class="google" herf="#">google一下</a>
+    <script>
+        const googleE1 = document.querySelector(".google")
+        googleE1.onclick = function(){
+            alert("google一下")
+        }
+    </script>
+
+    <script src="./cj.js"></script>
+</body>
+</html>
+
+const bingE1 = document.querySelector(".bing")
+bingE1.onclick = function(){
+    alert("bing一下")
+}
+```
+
+## 二. 简单聊聊JavaScript的历史(自己的话术来总结)
+
+网景公司发布了第一款浏览器，但是只能浏览不能交互，于是聘请人来讲现有的语言嵌入到浏览器中作为网页脚本语言。后来sum推出java，网景公司高管为了蹭Java的热度，将开发出来的语言更名为Javascript。后来微软也推出自己的浏览器，并且有自己的Jscript语言，对当时的开发者是一种噩耗，因为需要对不同的浏览器做出不同的适配，后来网景公司向ECMA提交语言标准，于是出现了ECMAScript规范，而JavaScript是这一规范的实现
+
+## 三. 说说你对JS引擎的理解(自己的话术总结)
+
+高级语言都需要转成最终的机器指令来执行，我们在编写javascript无论交给浏览器还是Node执行，最终都要转变成CUP指令来被cup执行，所以我们需要js引擎来将js代码翻译成cpu看得懂的机器码
+
+## 四. JavaScript的交互方式有哪些？(后两种方式)
+
+1.alert 接受一个参数 弹窗查看
+
+2.console.log 接受多个参数 在浏览器控制台查看
+
+3.document.write 接受多个字符串 在浏览器页面查看
+
+4.prompt 接受一个参数 在浏览器接受用户输入
+
+## 五. 定义一些你日常生活或者在某些程序中见到的变量(10个)(预习)
+
+```
+let num
+let stuent
+let class1
+let emp
+let salary
+let u,com,teacher,score,cou
+```
+
+## 六. 说出JavaScript中的常见数据类型以及它们代表的含义(预习)
+
+```
+number 数字型 可以放整数，小数，正数，负数，NaN
+string 字符串型 存放字符串
+boolean 布尔型 true false
+undefined 未定义型 不赋值的情况下未未定义类型
+null 空型  赋值为null
+object 引用类型
+// 由于js是弱数据类型，只有赋值以后才知道是什么数据类型
+```
\ No newline at end of file
-- 
Gitee

