diff --git "a/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/01-PPT/web APIs06.pdf" "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/01-PPT/web APIs06.pdf"
new file mode 100644
index 0000000000000000000000000000000000000000..f28287c053973f0555b0c56a9f623f3daa7cba36
Binary files /dev/null and "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/01-PPT/web APIs06.pdf" differ
diff --git "a/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/README.md" "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/README.md"
new file mode 100644
index 0000000000000000000000000000000000000000..7752f5d6e645fda3aa05da1047544afbd768ab88
--- /dev/null
+++ "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/README.md"	
@@ -0,0 +1,283 @@
+# Web APIs - 第6天笔记
+
+> 目标：能够利用正则表达式完成小兔鲜注册页面的表单验证，具备常见的表单验证能力
+
+- 正则表达式
+- 综合案例
+- 阶段案例
+
+
+## 正则表达式
+
+**正则表达式**（Regular Expression）是一种字符串匹配的模式（规则）
+
+**使用场景：**
+
+- 例如验证表单：手机号表单要求用户只能输入11位的数字 (匹配)
+- 过滤掉页面内容中的一些敏感词(替换)，或从字符串中获取我们想要的特定部分(提取)等 
+
+ ![67607966636](assets/1676079666366.png)
+
+
+
+
+
+### 正则基本使用
+
+1. 定义规则
+
+   ~~~JavaScript
+   const reg =  /表达式/
+   ~~~
+
+   - 其中` /   / `是正则表达式字面量
+   - 正则表达式也是`对象 `
+
+2. 使用正则
+
+   - `test()方法`   用来查看正则表达式与指定的字符串是否匹配
+   - 如果正则表达式与指定的字符串匹配 ，返回`true`，否则`false`
+
+~~~html
+<body>
+  <script>
+    // 正则表达式的基本使用
+    const str = 'web前端开发'
+    // 1. 定义规则
+    const reg = /web/
+
+    // 2. 使用正则  test()
+    console.log(reg.test(str))  // true  如果符合规则匹配上则返回true
+    console.log(reg.test('java开发'))  // false  如果不符合规则匹配上则返回 false
+  </script>
+</body>
+~~~
+
+### 元字符
+
+1. **普通字符:**
+
+- 大多数的字符仅能够描述它们本身，这些字符称作普通字符，例如所有的字母和数字。
+- 普通字符只能够匹配字符串中与它们相同的字符。    
+- 比如，规定用户只能输入英文26个英文字母，普通字符的话  /[abcdefghijklmnopqrstuvwxyz]/
+
+2. **元字符(特殊字符）**
+
+- 是一些具有特殊含义的字符，可以极大提高了灵活性和强大的匹配功能。
+- 比如，规定用户只能输入英文26个英文字母，换成元字符写法： /[a-z]/  
+
+#### 边界符
+
+正则表达式中的边界符（位置符）用来提示字符所处的位置，主要有两个字符
+
+![67608008165](assets/1676080081650.png)
+
+>如果 ^ 和 $ 在一起，表示必须是精确匹配
+
+~~~html
+<body>
+  <script>
+    // 元字符之边界符
+    // 1. 匹配开头的位置 ^
+    const reg = /^web/
+    console.log(reg.test('web前端'))  // true
+    console.log(reg.test('前端web'))  // false
+    console.log(reg.test('前端web学习'))  // false
+    console.log(reg.test('we'))  // false
+
+    // 2. 匹配结束的位置 $
+    const reg1 = /web$/
+    console.log(reg1.test('web前端'))  //  false
+    console.log(reg1.test('前端web'))  // true
+    console.log(reg1.test('前端web学习'))  // false
+    console.log(reg1.test('we'))  // false  
+
+    // 3. 精确匹配 ^ $
+    const reg2 = /^web$/
+    console.log(reg2.test('web前端'))  //  false
+    console.log(reg2.test('前端web'))  // false
+    console.log(reg2.test('前端web学习'))  // false
+    console.log(reg2.test('we'))  // false 
+    console.log(reg2.test('web'))  // true
+    console.log(reg2.test('webweb'))  // flase 
+  </script>
+</body>
+~~~
+
+#### 量词
+
+量词用来设定某个模式重复次数
+
+![67608018538](assets/1676080185383.png)
+
+> 注意： 逗号左右两侧千万不要出现空格
+
+~~~html
+<body>
+  <script>
+    // 元字符之量词
+    // 1. * 重复次数 >= 0 次
+    const reg1 = /^w*$/
+    console.log(reg1.test(''))  // true
+    console.log(reg1.test('w'))  // true
+    console.log(reg1.test('ww'))  // true
+    console.log('-----------------------')
+
+    // 2. + 重复次数 >= 1 次
+    const reg2 = /^w+$/
+    console.log(reg2.test(''))  // false
+    console.log(reg2.test('w'))  // true
+    console.log(reg2.test('ww'))  // true
+    console.log('-----------------------')
+
+    // 3. ? 重复次数  0 || 1 
+    const reg3 = /^w?$/
+    console.log(reg3.test(''))  // true
+    console.log(reg3.test('w'))  // true
+    console.log(reg3.test('ww'))  // false
+    console.log('-----------------------')
+
+
+    // 4. {n} 重复 n 次
+    const reg4 = /^w{3}$/
+    console.log(reg4.test(''))  // false
+    console.log(reg4.test('w'))  // flase
+    console.log(reg4.test('ww'))  // false
+    console.log(reg4.test('www'))  // true
+    console.log(reg4.test('wwww'))  // false
+    console.log('-----------------------')
+
+    // 5. {n,} 重复次数 >= n 
+    const reg5 = /^w{2,}$/
+    console.log(reg5.test(''))  // false
+    console.log(reg5.test('w'))  // false
+    console.log(reg5.test('ww'))  // true
+    console.log(reg5.test('www'))  // true
+    console.log('-----------------------')
+
+    // 6. {n,m}   n =< 重复次数 <= m
+    const reg6 = /^w{2,4}$/
+    console.log(reg6.test('w'))  // false
+    console.log(reg6.test('ww'))  // true
+    console.log(reg6.test('www'))  // true
+    console.log(reg6.test('wwww'))  // true
+    console.log(reg6.test('wwwww'))  // false
+
+    // 7. 注意事项： 逗号两侧千万不要加空格否则会匹配失败
+
+  </script>
+~~~
+
+#### 范围
+
+表示字符的范围，定义的规则限定在某个范围，比如只能是英文字母，或者数字等等，用表示范围
+
+ ![67608029616](assets/1676080296168.png)
+
+~~~html
+<body>
+  <script>
+    // 元字符之范围  []  
+    // 1. [abc] 匹配包含的单个字符， 多选1
+    const reg1 = /^[abc]$/
+    console.log(reg1.test('a'))  // true
+    console.log(reg1.test('b'))  // true
+    console.log(reg1.test('c'))  // true
+    console.log(reg1.test('d'))  // false
+    console.log(reg1.test('ab'))  // false
+
+    // 2. [a-z] 连字符 单个
+    const reg2 = /^[a-z]$/
+    console.log(reg2.test('a'))  // true
+    console.log(reg2.test('p'))  // true
+    console.log(reg2.test('0'))  // false
+    console.log(reg2.test('A'))  // false
+    // 想要包含小写字母，大写字母 ，数字
+    const reg3 = /^[a-zA-Z0-9]$/
+    console.log(reg3.test('B'))  // true
+    console.log(reg3.test('b'))  // true
+    console.log(reg3.test(9))  // true
+    console.log(reg3.test(','))  // flase
+
+    // 用户名可以输入英文字母，数字，可以加下划线，要求 6~16位
+    const reg4 = /^[a-zA-Z0-9_]{6,16}$/
+    console.log(reg4.test('abcd1'))  // false 
+    console.log(reg4.test('abcd12'))  // true
+    console.log(reg4.test('ABcd12'))  // true
+    console.log(reg4.test('ABcd12_'))  // true
+
+    // 3. [^a-z] 取反符
+    const reg5 = /^[^a-z]$/
+    console.log(reg5.test('a'))  // false 
+    console.log(reg5.test('A'))  // true
+    console.log(reg5.test(8))  // true
+
+  </script>
+</body>
+~~~
+
+#### 字符类
+
+某些常见模式的简写方式，区分字母和数字
+
+![67608035363](assets/1676080353637.png)
+
+ ![67608037232](assets/1676080372325.png)
+
+## 替换和修饰符
+
+replace 替换方法，可以完成字符的替换
+
+ ![67608043716](assets/1676080437160.png)
+
+~~~html
+<body>
+  <script>
+    // 替换和修饰符
+    const str = '欢迎大家学习前端，相信大家一定能学好前端，都成为前端大神'
+    // 1. 替换  replace  需求：把前端替换为 web
+    // 1.1 replace 返回值是替换完毕的字符串
+    // const strEnd = str.replace(/前端/, 'web') 只能替换一个
+  </script>
+</body>
+~~~
+
+修饰符约束正则执行的某些细节行为，如是否区分大小写、是否支持多行匹配等
+
+- i 是单词 ignore 的缩写，正则匹配时字母不区分大小写
+- g 是单词 global 的缩写，匹配所有满足正则表达式的结果
+
+~~~html
+<body>
+  <script>
+    // 替换和修饰符
+    const str = '欢迎大家学习前端，相信大家一定能学好前端，都成为前端大神'
+    // 1. 替换  replace  需求：把前端替换为 web
+    // 1.1 replace 返回值是替换完毕的字符串
+    // const strEnd = str.replace(/前端/, 'web') 只能替换一个
+
+    // 2. 修饰符 g 全部替换
+    const strEnd = str.replace(/前端/g, 'web')
+    console.log(strEnd) 
+  </script>
+</body>
+~~~
+
+## 正则插件
+
+ ![67608054863](assets/1676080548639.png)
+
+
+
+## change 事件
+
+给input注册 change 事件，值被修改并且失去焦点后触发
+
+## 判断是否有类
+
+ ![67608061879](assets/1676080618794.png)
+
+元素.classList.contains() 看看有没有包含某个类，如果有则返回true，么有则返回false
+
+
+
diff --git "a/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676079666366.png" "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676079666366.png"
new file mode 100644
index 0000000000000000000000000000000000000000..71ebf5f5d7ec1cfd9a686394e50dac0b38d20218
Binary files /dev/null and "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676079666366.png" differ
diff --git "a/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676080081650.png" "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676080081650.png"
new file mode 100644
index 0000000000000000000000000000000000000000..ba9ba5c0c7eee85bc0e246cd544e4f2a371cf28a
Binary files /dev/null and "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676080081650.png" differ
diff --git "a/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676080185383.png" "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676080185383.png"
new file mode 100644
index 0000000000000000000000000000000000000000..4978a900fc1752110abcd424048df97d0ee07751
Binary files /dev/null and "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676080185383.png" differ
diff --git "a/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676080296168.png" "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676080296168.png"
new file mode 100644
index 0000000000000000000000000000000000000000..a603c5bcc06d717d349177e6a4834138b69a9b1f
Binary files /dev/null and "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676080296168.png" differ
diff --git "a/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676080353637.png" "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676080353637.png"
new file mode 100644
index 0000000000000000000000000000000000000000..7980129e036a26b57936d447fc37552fa1427883
Binary files /dev/null and "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676080353637.png" differ
diff --git "a/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676080372325.png" "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676080372325.png"
new file mode 100644
index 0000000000000000000000000000000000000000..5b51c29d7f5fb422099a551fa7947e7bc1178f0e
Binary files /dev/null and "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676080372325.png" differ
diff --git "a/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676080437160.png" "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676080437160.png"
new file mode 100644
index 0000000000000000000000000000000000000000..885a9e3e3440b3ce5ab5bf66a4b05924584fd369
Binary files /dev/null and "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676080437160.png" differ
diff --git "a/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676080548639.png" "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676080548639.png"
new file mode 100644
index 0000000000000000000000000000000000000000..79879b92aa6225569e22c9766849fc2c51b85714
Binary files /dev/null and "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676080548639.png" differ
diff --git "a/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676080618794.png" "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676080618794.png"
new file mode 100644
index 0000000000000000000000000000000000000000..c8c5a84de997126ed09c9075e944ad27af0eb1b1
Binary files /dev/null and "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/02-\347\254\224\350\256\260/assets/1676080618794.png" differ
diff --git "a/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/01-\346\255\243\345\210\231\350\241\250\350\276\276\345\274\217\347\232\204\344\275\277\347\224\250.html" "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/01-\346\255\243\345\210\231\350\241\250\350\276\276\345\274\217\347\232\204\344\275\277\347\224\250.html"
new file mode 100644
index 0000000000000000000000000000000000000000..8c576abdf74832f96b9425f20b9faf286570808d
--- /dev/null
+++ "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/01-\346\255\243\345\210\231\350\241\250\350\276\276\345\274\217\347\232\204\344\275\277\347\224\250.html"	
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    const str = `java我们在学习'js'，希望学习java能高php薪 html毕业 mysql`
+    // 要求，让电脑 判断这str里是否包含js字符
+    // 正则表达式使用：
+    // 1. 定义规则
+    const reg = /java/  // 分大小写，注意，不要随便写引号
+
+    // 2. 是否匹配
+    const x = reg.test(str)  // true false
+    console.log(x);
+
+    // 1匹配
+    // 2过滤
+    // 3提取
+    // AbortControllercba
+    // admin
+    // Headers
+    // 26字母
+
+
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/02-\345\205\203\345\255\227\347\254\246.html" "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/02-\345\205\203\345\255\227\347\254\246.html"
new file mode 100644
index 0000000000000000000000000000000000000000..a77f6079311c2016094053a590a2642ab05644ce
--- /dev/null
+++ "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/02-\345\205\203\345\255\227\347\254\246.html"	
@@ -0,0 +1,204 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+    //     //1. 普通字符
+    // console.log(/a/.test('a'));  //t
+    // console.log(/a/.test('aa'));  //t
+    // console.log(/a/.test(''));  //f
+
+
+    // console.log('------------------')
+    //     //2. 元字符（特殊字符）
+    //   // 2.1. 边界符 ^ 行首  $行尾
+
+    // console.log(/a/.test('bcad'));  //T
+    // console.log(/^a/.test('bcad'));  //F
+    // console.log(/^a/.test('abcad'));  //T
+    // console.log(/a$/.test('abcaf'));  //f
+    // console.log(/a$/.test('abca'));  //T
+    // // ^a$一起写的时候，表示精准匹配,固定
+    // console.log(/^abca$/.test('abca'));  //F
+
+
+
+
+
+
+
+
+
+
+
+    console.log('------------------')
+    // //  量词 * 类似 >=0 次 ,连续
+    // console.log(/^a$/.test('a'));  // T
+    // console.log(/^a$/.test('aaaaaaa'));  // F
+
+    // console.log(/^a*$/.test('aaaaaaa'));  // T
+    // console.log(/^a*$/.test(''));  // T
+    // 没有写^&只是包含关系
+    // console.log(/a*/.test('cccaaaaabb'));  // T
+    // console.log(/a*/.test('cccbb'));  // T
+
+
+
+
+
+
+    // console.log('------------------')
+    // //  量词 + 类似 >=1 次,连续
+
+    // console.log(/^a+$/.test('a'));  // T
+    // console.log(/^a$/.test('aaaaaaa'));  // F
+
+    // console.log(/^a+$/.test('aaaaaaa'));  // T
+    // console.log(/^a+$/.test(''));  // F
+    // // 没有写 ^& 只是包含关系
+    // console.log(/a+/.test('cccaaaaabb'));  // T
+    // console.log(/a+/.test('cccbb'));  // F
+
+
+
+    // console.log('------------------')
+    // //  量词 ? 类似  0 || 1
+
+    // console.log(/^哈?$/.test('')) // T
+    // console.log(/^哈?$/.test('哈')) //  T
+    // console.log(/^哈?$/.test('哈哈')) //  F
+    // console.log(/^哈?$/.test('二哈很傻')) //   F
+    // console.log(/^哈?$/.test('哈很傻')) //  F
+    // // 量词修饰的字符 ，要连续
+    // console.log(/^哈?$/.test('哈哈哈')) // F
+
+
+
+    //  {n} {n,} {n,m}
+    // 量词 {n} 写几，就必须出现几次
+    // console.log(/^哈{4}$/.test('哈'))   //
+    // console.log(/^哈{4}$/.test('哈哈'))  //
+    // console.log(/^哈{4}$/.test('哈哈哈')) //
+    // console.log(/^哈{4}$/.test('哈哈哈哈')) // T
+    // console.log(/^哈{4}$/.test('哈哈哈哈哈'))  //
+    // console.log(/^哈{4}$/.test('哈哈哈哈哈哈'))  //
+
+    // console.log('------------------')
+    // 量词 {n,}   >=n
+
+    // console.log(/^哈{4,}$/.test('哈'))
+    // console.log(/^哈{4,}$/.test('哈哈'))
+    // console.log(/^哈{4,}$/.test('哈哈哈'))
+    // console.log(/^哈{4,}$/.test('哈哈哈哈'))
+    // console.log(/^哈{4,}$/.test('哈哈哈哈哈'))
+    // console.log(/^哈{4,}$/.test('哈哈哈哈哈哈'))
+
+    // console.log('------------------')
+    // // 量词 {n,m}  逗号左右两侧千万不能有空格    >=n && <= m
+    // console.log(/^哈{4,6}$/.test('哈'))
+    // console.log(/^哈{4,6}$/.test('哈哈'))
+    // console.log(/^哈{4,6}$/.test('哈哈哈'))
+    // console.log(/^哈{4,6}$/.test('哈哈哈哈'))
+    // console.log(/^哈{4,6}$/.test('哈哈哈哈哈'))
+    // console.log(/^哈{4,6}$/.test('哈哈哈哈哈哈'))
+    // console.log(/^哈{4,6}$/.test('哈哈哈哈哈哈哈'))
+    // console.log('------------------')
+
+    // 匹配 26字母 中其中一个
+    // const reg  = /[a-z]/
+
+
+
+
+    // 元字符之范围  []
+    // 字符类   [abc]  只选其中1个
+
+    // console.log(/^[abcdefghhillklasdf]$/.test('a'))  //
+    // console.log(/^[abc]$/.test('b'))  // true
+    // console.log(/^[abc]$/.test('c'))  // true
+    // console.log(/^[abc]$/.test('ab'))  // false
+
+    // console.log(/^[abc]{2}$/.test('ac'))  // true
+
+
+    // console.log('------------------')
+    // 字符类   [a-z]  连字符  26个只选1个 [0123456789] [0-9]  [a-d] [A-Z]
+
+    // console.log(/^[A-Z]$/.test('p'))  // false
+    // console.log(/^[A-Z]$/.test('P'))  // true
+    // console.log(/^[0-9]$/.test(2))  // true
+    // console.log(/^[a-zA-Z0-9]$/.test(2))  // true
+    // console.log(/^[a-zA-Z0-9]$/.test('p'))  // true
+    // console.log(/^[a-zA-Z0-9]$/.test('P'))  // true
+
+    // console.log('------------------')
+
+    // [^ a - z] 取反符 ,要在写[]里面，
+
+    // console.log(/^[^abcde]$/.test('a')); // F
+    // console.log(/^[^abcde]$/.test('5')); //T
+    // console.log(/^[abcde]/.test('d6')); //T
+
+
+    // // .号一种占位符，自己有且只有一个除换行符外的任意字符
+    // console.log(/\./.test('wwwbaiducom'));
+
+    // \是转义符，用来将特殊字符还原为其本身，也就是变回普通字符 \t \n
+    // const str = "ab\"c\"d"
+    // console.log(str);
+
+    // 某些常见模式的简写方式，区分字母和数字 \d \w \s
+
+    // console.log('------------------')
+
+    // 用户名可以输入英文字母，数字，可以加下划线，要求 6~16位
+    // const username = `中为中的中要`;
+    // const reg = /^[a-zA-Z0-9_]{6,16}$/
+    // console.log(reg.test(username)); // T
+
+
+    // 匹配日期 2024-10-21 这种格式
+    // const reg = /^[0-9]{4}-[0-9]{2}-[0-9]{2}$/
+    // console.log(reg.test('20241021'));
+
+
+
+    // 匹配手机号
+    // 1. 11位的数字
+    // 2. 以1开头
+    // 3. 第二位是12以外数字
+    // const reg = /^1[3-9][0-9]{9}$/
+    // console.log(reg.test('13598541211'));
+
+
+
+    // console.log(news);
+
+    // www.abc124.com
+    // www.abc_13.com
+
+    // 匹配邮箱 zhansan_123@abc.com a@a.com.cn
+    // a.com
+    //   a.cn
+    // a.com.cn
+    // 1. 数字字母下划线 起码1个
+    // 2. 要有 @
+    // // 3. 数字字母下划线 起码1个.字母2个以上.字母2个
+
+    const reg = /^[a-z0-9_]+@[a-z0-9]+\.[a-z]{2,3}(\.[a-z]{2})?$/  //zhansan_123@abc.com
+    console.log(reg.test('lisi@qq.com.cn'));
+    console.log(reg.test('lisi@qq.com'));
+
+
+  </script>
+
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/03-\351\252\214\350\257\201\347\224\250\346\210\267\345\220\215\346\241\210\344\276\213.html" "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/03-\351\252\214\350\257\201\347\224\250\346\210\267\345\220\215\346\241\210\344\276\213.html"
new file mode 100644
index 0000000000000000000000000000000000000000..2d288b0b155f73da96eef74b64ff3a59dadb5c5e
--- /dev/null
+++ "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/03-\351\252\214\350\257\201\347\224\250\346\210\267\345\220\215\346\241\210\344\276\213.html"	
@@ -0,0 +1,59 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+    <style>
+        span {
+            display: inline-block;
+            width: 250px;
+            height: 30px;
+            vertical-align: middle;
+            line-height: 30px;
+            padding-left: 15px;
+        }
+
+        .error {
+            color: red;
+            background: url(./images/error1.png) no-repeat left center;
+        }
+
+        .right {
+            color: green;
+            background: url(./images/right.png) no-repeat left center;
+        }
+    </style>
+</head>
+
+<body>
+    <input type="text">
+    <span>提示</span>
+    <script>
+        // 1. 准备正则
+        const reg = /^[a-zA-Z0-9-_]{6,16}$/
+        const input = document.querySelector('input')
+        const span = input.nextElementSibling
+        input.addEventListener('blur', function () {
+            // console.log(666);
+            // console.log(input.value);
+            if (reg.test(input.value)) {
+                // console.log('ok');
+                span.innerHTML = '输入正确'
+                span.className = 'right'
+            } else {
+                span.innerHTML = '只能6到16位字母数字-_组成'
+                span.className = 'error'
+            }
+        })
+
+
+
+
+
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/04-\346\255\243\345\210\231\344\277\256\351\245\260\347\254\246.html" "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/04-\346\255\243\345\210\231\344\277\256\351\245\260\347\254\246.html"
new file mode 100644
index 0000000000000000000000000000000000000000..b00b7f407e0f67d990182d3be2a85609d391994e
--- /dev/null
+++ "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/04-\346\255\243\345\210\231\344\277\256\351\245\260\347\254\246.html"	
@@ -0,0 +1,51 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <script>
+
+    //  正则修饰符i和g
+    // 用java去匹配java
+    // console.log(/java/.test('java'));//T
+
+
+    // // // 用java去匹配JAVA
+    // console.log(/java/i.test('JAVA'));//F JaVa JAVA JAva
+
+    // // // 用java去匹配Java
+    // console.log(/java/i.test('javA'));// T
+
+
+    const str = 'java是一门编程语言，java真好学， 学完JAVA工资很高.虽然php也不错，但我更喜欢net'
+
+    // const reg = /java/
+    // console.log(reg.test(str));
+
+    // 字符串对象 有个。replace替换的方法 str.replace('旧','新的')
+    // console.log(str.replace('java', 'js')); //js是一门编程语言，java真好学， 学完JAVA工资很高.虽然php也不错，但我更喜欢net
+
+    //str.replace(正则,'新的')
+    // console.log(str.replace(/java/gi, 'js'));
+
+    // 要把java,php.net都 换js
+    // console.log(str.replace(/[a-z]{3,4}/gi, 'js'));
+
+
+    // 替换之占位符（变量） abc123 变 123abc
+    // 提取所有语言英文php .net java
+
+    // 字符串有个match方法 str.macth(正则)
+    const x = str.match(/[a-z]{3,}/ig);
+    console.log(x);
+
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/05-\350\277\207\346\273\244\346\225\217\346\204\237\350\257\215.html" "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/05-\350\277\207\346\273\244\346\225\217\346\204\237\350\257\215.html"
new file mode 100644
index 0000000000000000000000000000000000000000..664abd99c0487cb56d11a7dd26a3e6c00561831f
--- /dev/null
+++ "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/05-\350\277\207\346\273\244\346\225\217\346\204\237\350\257\215.html"	
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <textarea name="" id="" cols="30" rows="10"></textarea>
+  <button>发布</button>
+  <div></div>
+  <script>
+    const tx = document.querySelector('textarea')
+    const btn = document.querySelector('button')
+    const div = document.querySelector('div')
+    btn.addEventListener('click', function () {
+      // 不能直接显示，要过滤非法内容
+      // if (/sb|傻X/i.test(tx.value)) {
+      //   return alert('非法输入')
+      // }
+      let str = tx.value.replace(/sb|傻X/ig, '**')
+      // 为了保护用户的隐藏，不直接显示完整的手机号 123****8910
+      console.log(str);
+      const reg = /(1\d{2})(\d{4})(\d{4})/g
+      console.log(str.replace(reg, '$3****$1'));
+      str = str.replace(reg, '$1****$3')
+
+      // 点击就将输入的内容显示在div里
+      div.innerHTML = str
+
+      tx.value = ''
+
+
+    })
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/06-change\344\272\213\344\273\266.html" "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/06-change\344\272\213\344\273\266.html"
new file mode 100644
index 0000000000000000000000000000000000000000..3f1959af873abf5a9150ca0972d72b6655c4b7b3
--- /dev/null
+++ "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/06-change\344\272\213\344\273\266.html"	
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1.0">
+  <title>Document</title>
+</head>
+
+<body>
+  <!-- <input type="text"> -->
+  <input type="checkbox" name="" id="">
+  <script>
+    // change 事件 内容发生了变化
+    document.querySelector('input').addEventListener('change', function () {
+      console.log(this.value);
+    })
+
+  </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/09-\346\217\220\345\217\226.html" "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/09-\346\217\220\345\217\226.html"
new file mode 100644
index 0000000000000000000000000000000000000000..ec723db930eadfb3c248bc4b83338ed8632d147d
--- /dev/null
+++ "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/09-\346\217\220\345\217\226.html"	
@@ -0,0 +1,23 @@
+<!DOCTYPE html>
+<html lang="en">
+
+<head>
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+
+<body>
+    张三儿的电话是13005976666，他给女朋友打电话，她电话是18605978888，
+    可是她正在给她的男朋友打电话，他的电话是13305915555,告诉他张三的银行卡号是：32456987421`
+    <script>
+        // 目标：提取电话号码
+        const str = `张三儿的电话是13005976666，他给女朋友打电话，她电话是18605978888，
+        可是她正在给她的男朋友打电话，他的电话是13305915555,告诉他张三的银行卡号是：32456987421`;
+        // 假设以上是一段网页中的字符串，你老板让你写一个程序，将网页所有电话号码保存下来，
+        console.log(str.match(/1[0-9]{10}/g));
+
+    </script>
+</body>
+
+</html>
\ No newline at end of file
diff --git "a/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/images/error.png" "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/images/error.png"
new file mode 100644
index 0000000000000000000000000000000000000000..c9867ebd498f268574677997b13a6292b0cae93f
Binary files /dev/null and "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/images/error.png" differ
diff --git "a/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/images/error1.png" "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/images/error1.png"
new file mode 100644
index 0000000000000000000000000000000000000000..07e9befe7df09cadea8aba64ca51ae566f4accc3
Binary files /dev/null and "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/images/error1.png" differ
diff --git "a/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/images/right.png" "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/images/right.png"
new file mode 100644
index 0000000000000000000000000000000000000000..2d68690d1e579a538a42971628d9a90502d8d41e
Binary files /dev/null and "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/04-code/images/right.png" differ
diff --git "a/\345\217\266\344\277\212\346\235\260/20241128  \346\255\243\345\210\231\350\241\250\350\276\276/register.html" "b/\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/register.html"
similarity index 100%
rename from "\345\217\266\344\277\212\346\235\260/20241128  \346\255\243\345\210\231\350\241\250\350\276\276/register.html"
rename to "\345\217\266\344\277\212\346\235\260/20241201 \347\273\274\345\220\210\347\273\203\344\271\240/register.html"
