diff --git "a/\350\224\241\347\216\256\351\223\255/20241125 \346\234\254\345\234\260\345\255\230\345\202\250/20241125 \346\234\254\345\234\260\345\255\230\345\202\250.md" "b/\350\224\241\347\216\256\351\223\255/20241125 \346\234\254\345\234\260\345\255\230\345\202\250/20241125 \346\234\254\345\234\260\345\255\230\345\202\250.md"
new file mode 100644
index 0000000000000000000000000000000000000000..0d63a06adaea89e1e3eff534673ddc0576cfc513
--- /dev/null
+++ "b/\350\224\241\347\216\256\351\223\255/20241125 \346\234\254\345\234\260\345\255\230\345\202\250/20241125 \346\234\254\345\234\260\345\255\230\345\202\250.md"
@@ -0,0 +1,274 @@
+## 课堂笔记
+
+### **本地存储**
+
+#### **延迟函数**
+
+```javascript
+// 定时器-延迟函数
+setTimeout(回调函数, 延迟时间)
+
+// 清除延时函数
+clearTimeout(timerId)
+```
+
+#### **location对象**
+
+```javascript
+// 1. href属性 （重点） 得到完整地址，赋值则是跳转到新地址
+location.href = 'http://www.itcast.cn'
+
+// 2. search属性 得到 ? 后面的地址
+console.log(location.search) // ?search=笔记本
+
+// 3. hash属性 得到 # 后面的地址
+console.log(location.hash)
+
+// 4. reload 方法 刷新页面
+const btn = document.querySelector('.reload')
+btn.addEventListener('click', function () {
+// 强制页面刷新 ctrl+f5
+location.reload(true)
+})
+```
+
+#### **navigator对象**
+
+```javascript
+// 检测 userAgent（浏览器信息）
+(function () {
+const userAgent = navigator.userAgent
+// 验证是否为Android或iPhone
+const android = userAgent.match(/(Android);?[\s\/]+([\d.]+)?/)
+const iphone = userAgent.match(/(iPhone\sOS)\s([\d_]+)/)
+// 如果是Android或iPhone，则跳转至移动站点
+if (android || iphone) {
+location.href = 'http://m.itcast.cn'
+}})();
+```
+
+#### **histroy对象**
+
+```javascript
+// 1.前进
+const forward = document.querySelector('.forward')
+forward.addEventListener('click', function () {
+// history.forward()
+history.go(1)
+})
+// 2.后退
+const back = document.querySelector('.back')
+back.addEventListener('click', function () {
+// history.back()
+history.go(-1)
+})
+```
+
+#### **本地存储**
+
+```javascript
+// 1. 存储 localstorage 存储的是字符串
+localStorage.setItem('age', 18)
+
+// 2. 获取
+console.log(typeof localStorage.getItem('age'))
+
+// 3. 删除
+localStorage.removeItem('age')
+
+// JSON 转换
+// 将复杂数据类型转换成 JSON字符串
+localStorage.setItem('arrs', JSON.stringify(arr))
+
+// 把取出来的字符串转换为对象
+JSON.parse(localStorage.getItem('arrs'))
+```
+
+#### **数组方法**
+
+```javascript
+// map方法 可以遍历数组处理数据，并且返回新的数组
+const arr = ['red', 'blue', 'pink']
+const newArr = arr.map(function (ele, index) {
+return ele + '颜色'
+})
+
+// join方法 把数组中的所有元素转换一个字符串
+newArr.join()
+```
+
+## 课后作业
+
+**学生就业统计表案例**
+
+```html
+
+
+
+
+
+
+
+ 学生就业统计表
+
+
+
+
+
+ 学生就业统计表
+
+
+ 共有数据0条
+
+
+
+ | ID |
+ 姓名 |
+ 年龄 |
+ 性别 |
+ 薪资 |
+ 就业城市 |
+ 录入时间 |
+ 操作 |
+
+
+
+
+
+
+
+
+
+
+```
diff --git "a/\350\224\241\347\216\256\351\223\255/20241125 \346\234\254\345\234\260\345\255\230\345\202\250/html\346\226\207\344\273\266/css/index.css" "b/\350\224\241\347\216\256\351\223\255/20241125 \346\234\254\345\234\260\345\255\230\345\202\250/html\346\226\207\344\273\266/css/index.css"
new file mode 100644
index 0000000000000000000000000000000000000000..15f6a7431d8a087c98dfb2966c6d84a2765ad9c0
--- /dev/null
+++ "b/\350\224\241\347\216\256\351\223\255/20241125 \346\234\254\345\234\260\345\255\230\345\202\250/html\346\226\207\344\273\266/css/index.css"
@@ -0,0 +1,115 @@
+* {
+ margin: 0;
+ padding: 0;
+}
+
+a {
+ text-decoration: none;
+ color: #721c24;
+}
+
+h1 {
+ text-align: center;
+ color: #333;
+ margin: 20px 0;
+
+}
+
+.title {
+ width: 933px;
+ height: 50px;
+ line-height: 50px;
+ padding-right: 15px;
+ border: 1px solid #ebebeb;
+ margin: 10px auto;
+ background-color: #f2f2f2;
+ text-align: right;
+}
+
+.title span {
+ display: inline-block;
+ vertical-align: middle;
+ height: 20px;
+ margin: -3px 5px 0;
+ text-align: center;
+ line-height: 20px;
+ color: #f26934;
+ font-weight: 700;
+}
+
+table {
+ margin: 0 auto;
+ width: 950px;
+ border-collapse: collapse;
+ color: #3c3637;
+}
+
+th {
+ padding: 10px;
+ background: #f2f2f2;
+ font-size: 18px;
+ text-align: left;
+}
+
+td,
+th {
+ border: 1px solid #ebebeb;
+ padding: 15px;
+}
+
+td {
+
+ color: #666;
+ font-size: 16px;
+
+}
+
+tbody tr {
+ background: #fff;
+}
+
+tbody tr:hover {
+ background: #fbfafa;
+}
+
+tbody a {
+ display: inline-block;
+ width: 80px;
+ height: 30px;
+ text-align: center;
+ line-height: 30px;
+ color: #fff;
+ background-color: #f26934;
+}
+
+.info {
+ width: 900px;
+ margin: 50px auto;
+ text-align: center;
+}
+
+.info input,
+.info select {
+ width: 100px;
+ height: 30px;
+ outline: none;
+ border: 1px solid #ebebeb;
+ padding-left: 5px;
+ box-sizing: border-box;
+ margin-right: 10px;
+}
+
+.info button {
+ width: 70px;
+ height: 30px;
+ background-color: #5dbfd8;
+ outline: none;
+ border: 0;
+ color: #fff;
+ cursor: pointer;
+ font-size: 14px;
+}
+
+.info button:hover {
+ background-color: #52abc1;
+}
\ No newline at end of file
diff --git "a/\350\224\241\347\216\256\351\223\255/20241125 \346\234\254\345\234\260\345\255\230\345\202\250/html\346\226\207\344\273\266/iconfont/iconfont.css" "b/\350\224\241\347\216\256\351\223\255/20241125 \346\234\254\345\234\260\345\255\230\345\202\250/html\346\226\207\344\273\266/iconfont/iconfont.css"
new file mode 100644
index 0000000000000000000000000000000000000000..1802c2de24ba33c0e25a2c8b7dff3fa93445edb3
--- /dev/null
+++ "b/\350\224\241\347\216\256\351\223\255/20241125 \346\234\254\345\234\260\345\255\230\345\202\250/html\346\226\207\344\273\266/iconfont/iconfont.css"
@@ -0,0 +1,23 @@
+@font-face {
+ font-family: "iconfont"; /* Project id 3873122 */
+ src: url('iconfont.woff2?t=1675070457031') format('woff2'),
+ url('iconfont.woff?t=1675070457031') format('woff'),
+ url('iconfont.ttf?t=1675070457031') format('truetype');
+}
+
+.iconfont {
+ font-family: "iconfont" !important;
+ font-size: 16px;
+ font-style: normal;
+ -webkit-font-smoothing: antialiased;
+ -moz-osx-font-smoothing: grayscale;
+}
+
+.icon-shanchu:before {
+ content: "\e718";
+}
+
+.icon-tianjia:before {
+ content: "\e6de";
+}
+
diff --git "a/\350\224\241\347\216\256\351\223\255/20241125 \346\234\254\345\234\260\345\255\230\345\202\250/html\346\226\207\344\273\266/iconfont/iconfont.ttf" "b/\350\224\241\347\216\256\351\223\255/20241125 \346\234\254\345\234\260\345\255\230\345\202\250/html\346\226\207\344\273\266/iconfont/iconfont.ttf"
new file mode 100644
index 0000000000000000000000000000000000000000..978d156764de22c6e963066d227697ef2eb3b7c4
Binary files /dev/null and "b/\350\224\241\347\216\256\351\223\255/20241125 \346\234\254\345\234\260\345\255\230\345\202\250/html\346\226\207\344\273\266/iconfont/iconfont.ttf" differ
diff --git "a/\350\224\241\347\216\256\351\223\255/20241125 \346\234\254\345\234\260\345\255\230\345\202\250/html\346\226\207\344\273\266/iconfont/iconfont.woff" "b/\350\224\241\347\216\256\351\223\255/20241125 \346\234\254\345\234\260\345\255\230\345\202\250/html\346\226\207\344\273\266/iconfont/iconfont.woff"
new file mode 100644
index 0000000000000000000000000000000000000000..245803ee03a4b2912429c2ec656c235fd0718778
Binary files /dev/null and "b/\350\224\241\347\216\256\351\223\255/20241125 \346\234\254\345\234\260\345\255\230\345\202\250/html\346\226\207\344\273\266/iconfont/iconfont.woff" differ
diff --git "a/\350\224\241\347\216\256\351\223\255/20241125 \346\234\254\345\234\260\345\255\230\345\202\250/html\346\226\207\344\273\266/iconfont/iconfont.woff2" "b/\350\224\241\347\216\256\351\223\255/20241125 \346\234\254\345\234\260\345\255\230\345\202\250/html\346\226\207\344\273\266/iconfont/iconfont.woff2"
new file mode 100644
index 0000000000000000000000000000000000000000..1f5c13a14971fffe970a081b8e91db71583d9dbf
Binary files /dev/null and "b/\350\224\241\347\216\256\351\223\255/20241125 \346\234\254\345\234\260\345\255\230\345\202\250/html\346\226\207\344\273\266/iconfont/iconfont.woff2" differ
diff --git "a/\350\224\241\347\216\256\351\223\255/20241125 \346\234\254\345\234\260\345\255\230\345\202\250/html\346\226\207\344\273\266/\345\255\246\347\224\237\345\260\261\344\270\232\347\273\237\350\256\241\350\241\250\346\241\210\344\276\213.html" "b/\350\224\241\347\216\256\351\223\255/20241125 \346\234\254\345\234\260\345\255\230\345\202\250/html\346\226\207\344\273\266/\345\255\246\347\224\237\345\260\261\344\270\232\347\273\237\350\256\241\350\241\250\346\241\210\344\276\213.html"
new file mode 100644
index 0000000000000000000000000000000000000000..a1f3155bd331ce8c038143a489fae6b5ec2f8f19
--- /dev/null
+++ "b/\350\224\241\347\216\256\351\223\255/20241125 \346\234\254\345\234\260\345\255\230\345\202\250/html\346\226\207\344\273\266/\345\255\246\347\224\237\345\260\261\344\270\232\347\273\237\350\256\241\350\241\250\346\241\210\344\276\213.html"
@@ -0,0 +1,169 @@
+
+
+
+
+
+
+
+ 学生就业统计表
+
+
+
+
+
+ 学生就业统计表
+
+
+ 共有数据0条
+
+
+
+ | ID |
+ 姓名 |
+ 年龄 |
+ 性别 |
+ 薪资 |
+ 就业城市 |
+ 录入时间 |
+ 操作 |
+
+
+
+
+
+
+
+
+
+
\ No newline at end of file