From 77c7fd6ca633ff6284dabfca42baeae985540d46 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=A8=8A=E5=B0=8F=E9=83=AD?= <2966479092@qq.com>
Date: Thu, 26 Oct 2023 21:37:44 +0800
Subject: [PATCH] =?UTF-8?q?=E7=AC=AC=E4=B8=80=E6=AC=A1=E4=BD=9C=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 ...32\345\217\212\347\254\224\350\256\260.md" | 159 ++++++++++++++++++
 1 file changed, 159 insertions(+)
 create mode 100644 "47 \346\250\212\345\260\217\351\203\255/20231026 JS\344\275\234\344\270\232\345\217\212\347\254\224\350\256\260.md"

diff --git "a/47 \346\250\212\345\260\217\351\203\255/20231026 JS\344\275\234\344\270\232\345\217\212\347\254\224\350\256\260.md" "b/47 \346\250\212\345\260\217\351\203\255/20231026 JS\344\275\234\344\270\232\345\217\212\347\254\224\350\256\260.md"
new file mode 100644
index 0000000..f53e3d4
--- /dev/null
+++ "b/47 \346\250\212\345\260\217\351\203\255/20231026 JS\344\275\234\344\270\232\345\217\212\347\254\224\350\256\260.md"	
@@ -0,0 +1,159 @@
+# JavaScript课堂笔记
+
+### 前段的三大核心
+
+前段的三大核心：HTML、CSS(属性规则较多，多做练习和项目)、JavaScript(上手容易，精通很难)
+
+HTML是一种标记语言，CSS是一种样式语言
+
+JavaScript是一种高级的，解释型(解释型：JS可直接在浏览器中使用)的编程语言
+
+HTML和CSS是前段开发的重要组成部分，而JS是前段开发的灵魂
+
+
+
+### JavaScript的组成
+
+1.ECMAScript(定义语言规范)
+
+2.DOM(用于操作文档的API)
+
+3.BOM(用于操作浏览器的API)
+
+
+
+ECMAScript5(ES5版本)是JS的经典常用版本，类似于Java8.0版本
+
+
+
+### 浏览器内核(不是用来跑JavaScript的引擎)
+
+浏览器内核指的是浏览器的排版引擎(layout engine)也称浏览器引擎(browser engine)，页面渲染引擎(rendering engine)或样板引擎
+
+V8引擎可以使得JS脱离浏览器跑起来
+
+
+
+### WebKit
+
+1.WebCore：html、Css
+
+2.JavaScriptCore：JSCore(解析、执行JS代码)
+
+
+
+### Atwood定律
+
+任何可以使用JavaScript来实现的应用都最终都会使用JavaScript实现(2017年后可不一定了)
+
+
+
+### JavaScript应用
+
+1.Web开发：原生JavaScript、React开发、Vue开发、Angular开发
+
+2.移动端开发：ReactNative、Weex
+
+3.小程序端开发：微信小程序、支付宝小程序、uniapp、taro
+
+4.桌面应用开发：Electron，比如VSCode
+
+5.后端开发：Node框架，比如express、koa、egg.js
+
+
+
+### JS编写的注意事项
+
+1.script元素不能写成单标签
+
+2.省略type属性
+
+3.加载顺序
+
+4.JavaScript代码严格区分大小写
+
+
+
+### JavaScript的交互方式
+
+最常见的是通过console.log
+
+1.交互方法(alert)：方法说明(接受一个参数)，效果查看(弹窗查看)
+
+2.交互方法(console.log)：方法说明(接受多个参数)，效果查看(在浏览器控制台查看)
+
+3.交互方法(document.write)：方法说明(接受多个字符串)，效果查看(在浏览页面查看)
+
+4.交互方法(prompt)：方法说明(接受一个参数)，效果查看(在浏览器接受用户输入)
+
+
+
+### 注意
+
+报错不会在页面显示，在控制台显示
+
+如果希望编写多行代码，按住shift键+回车键可以在控制台另起一行
+
+JavaScript将换行符理解成"隐式"的分号
+
+
+
+### JS的注释分三种
+
+1.单行注释
+
+2.多行注释
+
+3.文档注释
+
+# 作业
+
+## 
+
+js的编写方式和注意事项
+
+```html
+<!-- 1.html 代码行内 -->
+<h1 onclick="alert('猜错了，我喜欢滑板哦')">你猜我喜欢游泳吗？</h1>
+<!-- 2.内部 script标签中 -->
+<h2 id="a1">那你猜猜gyy喜欢滑板吗？</h2>
+<script>
+var a = document.getElementById('a1')
+a.onclick=function(){
+
+    alert('不，她喜欢窝在宿舍');
+}
+</script>
+<!-- 3.外部的script文件 -->
+<h3 id="a3">
+    我喜欢上课
+    <script src="./a2.js"></script>
+</h3>
+<!-- js编写的注意事项
+1.script元素不能写成单标签
+2.省略type属性
+3.加载顺序
+4.严格区分大小写 -->
+
+<!--noscript 元素-->
+
+<noscript>
+    <p>哈哈哈</p>
+</noscript>
+```
+
+
+
+js部分
+
+```js
+var b=document.getElementById('a3');
+b.onclick=function(){
+    alert('你不是！')
+}
+//注释
+//单行注释
+/* 多行注释*/
+/**文本注释 */
+```
+
-- 
Gitee