From ea6719e995845b977021fc8b8e4f0e10023c14fe Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9F=A9=E7=85=9C=E8=BE=89?= <1011224641@qq.com>
Date: Wed, 22 Nov 2023 15:03:01 +0000
Subject: [PATCH 1/2] =?UTF-8?q?=E9=9F=A9=E7=85=9C=E8=BE=89=E7=9A=84?=
=?UTF-8?q?=E4=BD=9C=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Signed-off-by: 韩煜辉 <1011224641@qq.com>
---
...46\347\224\237\347\263\273\347\273\237.md" | 209 ++++++++++++++++++
1 file changed, 209 insertions(+)
create mode 100644 "33\351\237\251\347\205\234\350\276\211/20231122 \345\255\220\350\212\202\347\202\271\357\274\214\346\227\266\351\227\264\346\210\263\357\274\214\345\255\246\347\224\237\347\263\273\347\273\237.md"
diff --git "a/33\351\237\251\347\205\234\350\276\211/20231122 \345\255\220\350\212\202\347\202\271\357\274\214\346\227\266\351\227\264\346\210\263\357\274\214\345\255\246\347\224\237\347\263\273\347\273\237.md" "b/33\351\237\251\347\205\234\350\276\211/20231122 \345\255\220\350\212\202\347\202\271\357\274\214\346\227\266\351\227\264\346\210\263\357\274\214\345\255\246\347\224\237\347\263\273\347\273\237.md"
new file mode 100644
index 0000000..f6ffb82
--- /dev/null
+++ "b/33\351\237\251\347\205\234\350\276\211/20231122 \345\255\220\350\212\202\347\202\271\357\274\214\346\227\266\351\227\264\346\210\263\357\274\214\345\255\246\347\224\237\347\263\273\347\273\237.md"
@@ -0,0 +1,209 @@
+# 笔记
+
+页面加载事件
+
+```html
+window是js的窗口对象,就是整个浏览看到的界面load页面加载事件,等待所有网页元素加载完毕后,在触发事件
+
+页面滚动事件
+
+scroll卷轴
+
+只要滚动条有变化,就触发事件
+
+document.documentElement表示整个HTML页面
+scrollTop表示向上卷起来了多少
+
+scrollTop细节
+document.documentElement.scrollTop=800(无效)
+window.add('scroll',function(){
+document.documentElement.scrollTop=800(有效)
+必须写在里面
+得到的数据是数字型,不带单位,整数,最小是0
+})
+
+页面尺寸事件
+行内:不换行,所有行内元素共用一行。不能设置高和宽,宽度由内容撑开(a,span)
+块状:换行,独占一行,可以设置高和宽(div,h,p)
+行内块状:即有行内特点,又可以设高宽(img)
+```
+
+
+
+
+
+# 作业
+
+```html
+
+
+
+
+
+
+
+ 学生信息管理
+
+
+
+
+ 新增学员
+
+
+ 就业榜
+
+
+
+ | 学号 |
+ 姓名 |
+ 年龄 |
+ 性别 |
+ 薪资 |
+ 就业城市 |
+ 操作 |
+
+
+
+
+
+
+
+
+
+
+
+```
+
--
Gitee
From d408c7fefb13829d9ed9fa69c2b1cfcc71af7e14 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=9F=A9=E7=85=9C=E8=BE=89?= <1011224641@qq.com>
Date: Sun, 26 Nov 2023 15:21:30 +0000
Subject: [PATCH 2/2] =?UTF-8?q?=E9=9F=A9=E7=85=9C=E8=BE=89=E7=9A=84?=
=?UTF-8?q?=E4=BD=9C=E4=B8=9A?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit
Signed-off-by: 韩煜辉 <1011224641@qq.com>
---
...37\344\277\241\346\201\257\350\241\250.md" | 264 ++++++++++++++++++
1 file changed, 264 insertions(+)
create mode 100644 "33\351\237\251\347\205\234\350\276\211/20231124\346\234\254\345\234\260\345\255\230\345\202\250\345\273\266\350\277\237\345\207\275\346\225\260 \345\256\214\346\225\264\345\255\246\347\224\237\344\277\241\346\201\257\350\241\250.md"
diff --git "a/33\351\237\251\347\205\234\350\276\211/20231124\346\234\254\345\234\260\345\255\230\345\202\250\345\273\266\350\277\237\345\207\275\346\225\260 \345\256\214\346\225\264\345\255\246\347\224\237\344\277\241\346\201\257\350\241\250.md" "b/33\351\237\251\347\205\234\350\276\211/20231124\346\234\254\345\234\260\345\255\230\345\202\250\345\273\266\350\277\237\345\207\275\346\225\260 \345\256\214\346\225\264\345\255\246\347\224\237\344\277\241\346\201\257\350\241\250.md"
new file mode 100644
index 0000000..6f70c52
--- /dev/null
+++ "b/33\351\237\251\347\205\234\350\276\211/20231124\346\234\254\345\234\260\345\255\230\345\202\250\345\273\266\350\277\237\345\207\275\346\225\260 \345\256\214\346\225\264\345\255\246\347\224\237\344\277\241\346\201\257\350\241\250.md"
@@ -0,0 +1,264 @@
+
+
+# 笔记
+
+
+
+**BOM** (Browser Object Model ) 是浏览器对象模型
+
+- window对象是一个全局对象,也可以说是JavaScript中的顶级对象
+- 像document、alert()、console.log()这些都是window的属性,基本BOM的属性和方法都是window的
+- 所有通过var定义在全局作用域中的变量、函数都会变成window对象的属性和方法
+- window对象下的属性和方法调用的时候可以省略window
+
+## 定时器-延迟函数
+
+JavaScript 内置的一个用来让代码延迟执行的函数,叫 setTimeout
+
+**语法:**
+
+```
+setTimeout(回调函数, 延迟时间)
+```
+
+setTimeout 仅仅只执行一次,所以可以理解为就是把一段代码延迟执行, 平时省略window
+
+间歇函数 setInterval : 每隔一段时间就执行一次, , 平时省略window
+
+清除延时函数:
+
+```
+clearTimeout(timerId)
+```
+
+## location对象
+
+location (地址) 它拆分并保存了 URL 地址的各个组成部分, 它是一个对象
+
+| 属性/方法 | 说明 |
+| --------- | ---------------------------------------------------- |
+| href | 属性,获取完整的 URL 地址,赋值时用于地址的跳转 |
+| search | 属性,获取地址中携带的参数,符号 ?后面部分 |
+| hash | 属性,获取地址中的啥希值,符号 # 后面部分 |
+| reload() | 方法,用来刷新当前页面,传入参数 true 时表示强制刷新 |
+
+navigator是对象,该对象下记录了浏览器自身的相关信息
+
+常用属性和方法:
+
+- 通过 userAgent 检测浏览器的版本及平台
+
+istory (历史)是对象,主要管理历史记录, 该对象与浏览器地址栏的操作相对应,如前进、后退等
+
+### 本地存储
+
+**作用:** 数据可以长期保留在本地浏览器中,刷新页面和关闭页面,数据也不会丢失
+
+**特性:**以键值对的形式存储,并且存储的是字符串, 省略了window
+
+存储:sessionStorage.setItem(key,value)
+
+获取:sessionStorage.getItem(key)
+
+删除:sessionStorage.removeItem(key)
+
+需要将复杂数据类型转换成 JSON字符串,在存储到本地
+
+JSON.stringify(复杂数据类型)
+
+把取出来的字符串转换为对象
+
+# 作业
+
+```html
+
+
+
+
+
+
+
+ 学生信息管理
+
+
+
+
+ 新增学员
+
+
+ 就业榜
+
+
+
+ | 学号 |
+ 姓名 |
+ 年龄 |
+ 性别 |
+ 薪资 |
+ 就业城市 |
+ 操作 |
+
+
+
+
+
+
+
+
+
+
+
+```
+
--
Gitee