From c6ab4ac0a7b30d3ae42fd12a9067ba284c35139d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E8=83=9C=E6=9D=B0?= <2608607026@qq.com>
Date: Thu, 30 Nov 2023 04:08:16 +0000
Subject: [PATCH 1/3] =?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: 陈胜杰 <2608607026@qq.com>
---
 .../2023-11-28.md"                            | 182 ++++++++++++++++++
 1 file changed, 182 insertions(+)
 create mode 100644 "58\351\231\210\350\203\234\346\235\260/2023-11-28.md"

diff --git "a/58\351\231\210\350\203\234\346\235\260/2023-11-28.md" "b/58\351\231\210\350\203\234\346\235\260/2023-11-28.md"
new file mode 100644
index 0000000..c4f9c59
--- /dev/null
+++ "b/58\351\231\210\350\203\234\346\235\260/2023-11-28.md"
@@ -0,0 +1,182 @@
+**正则表达式**是用于匹配字符串中字符组合的模式。在 JavaScript中，正则表达式也是对象。这些模式被用于 RegExp 的 exec 和 test 方法, 以及 String 的 match、matchAll、replace、search 和 split 方法。
+
+## 创建正则表达式
+
+两种方法：[字面量](https://gitee.com/link?target=https%3A%2F%2Fso.csdn.net%2Fso%2Fsearch%3Fq%3D%E5%AD%97%E9%9D%A2%E9%87%8F%26spm%3D1001.2101.3001.7020)方式、构造函数方式
+
+```
+//字面量方式，其由包含在斜杠之间的模式组成，如下所示：
+var re = /ab+c/;
+//构造函数方式，调用RegExp对象的构造函数，如下所示：
+var re = new RegExp("ab+c");
+```
+
+## 正则表达式常用方法
+
+- 校验数据
+
+### test(字符串)
+
+测试字符是否满足正则表达式规则，如果测试到有，则返回true；没有则返回flase 语法：正则表达式.test(字符串） 正则表达式提供的方法
+
+```
+var reg=/[123]/
+var str='1'
+var result=reg.test(str)
+console.log(result)//flase
+```
+
+### search(正则表达式）
+
+search() 方法执行正则表达式和 String 对象之间的一个搜索匹配。 语法：字符串.search(正则表达式） 字符串提供的方法
+
+```
+var reg=/\d/   //匹配阿拉伯数字
+var str="abcdefg3sgbh"
+var res=str.search(reg) 
+console.log(res) //7
+//验证方法 找到返回下标 找不到返回-1
+//在字符串中找到满足正则表达式的那一部分
+```
+
+区别： .test()方法是正则表达式提供的，.search()是字符串提高的， .test()方法返回布尔值，search()返回下标
+
+- 提取数据
+
+### 正则表达式.exec(字符串）
+
+exec() 方法在一个指定字符串中执行一个搜索匹配。返回一个结果数组或 null。 正则表达式提供的方法
+
+```
+var reg=/\d/  
+var str="abcd456efg"
+var res=reg.exec(str)
+console.log(res)//返回一个数组，内容是4
+//字符串中满足正则表达式的部分提取出来
+//遇到满足条件的就返回，所以只返回4
+```
+
+区别： 正则表达式.exec(字符串)，正则表达式提供的方法 字符串.match(正则表达式) 字符串的方法 相同： 都返回一个数组，只要匹配到符合规则的数据就返回
+
+- 替换数据
+
+### 字符串.replace(正则表达式，新的内容）
+
+replace() 方法返回一个由替换值（replacement）替换部分或所有的模式（pattern）匹配项后的新字符串。模式可以是一个字符串或者一个正则表达式，替换值可以是一个字符串或者一个每次匹配都要调用的回调函数。如果pattern是字符串，则仅替换第一个匹配项。字符串提供的方法
+
+```
+var reg=/\d/
+var str="11123bcd"
+var res=str.replace(reg,"a") //将数字换为a
+console.log(res)//a1123bcd 只要匹配到符合规则的就返回
+```
+
+## 范围类
+
+在[]组成的类内部是可以连写的
+
+```
+let text = 'a1B2d3X4Z5'
+let reg=/[a-zA-Z]/
+text.replace(reg,'Q')//Q1Q3Q4Q5
+```
+
+## 字符类取反
+
+很多时候碰到这么一种情况，即不想匹配某些字符，其他都匹配。此时，可以使用字符类取反——使用元字符^，创建反向类，即不属于某类的内容。
+
+[^abc]表示不是字符a或b或c的内容
+
+```
+let reg=/[^abc]/g
+let text='a1b2c3d4e5'
+console.log(text.replace(reg,'X')) //输出aXbXcXdXeX
+```
+
+## 修饰符
+
+在正常情况下，正则匹配到第一个匹配项则停止，并且默认大小写敏感，如果想修改默认选项，则需要修饰符。
+
+### g：global全文搜索
+
+```
+var reg=new RegExp('l');
+var a='hello'.replace(reg,'f')
+console.log(a)//输出结果为:heflo
+
+var reg=new RegExp('l','g');//加上g标签表示全文搜索
+var a='hello'.replace(reg,'f')
+console.log(a)//输出结果为:heffo （所有的 l 都换成了 f ）
+```
+
+### m：multiple lines 多行搜索
+
+```
+var reg=new RegExp('od')
+var str='so good\n so good'
+var result=str.replace(reg,'hi')
+console.log(result)
+//结果为：
+so gohi
+so good
+//只给第一行匹配了
+ 
+var reg=new RegExp('od','gm')//加上m标签表示多行匹配
+var str='so good\n so good'
+var result=str.replace(reg,'hi')
+console.log(result)
+//结果为：
+so gohi
+so gohi 
+```
+
+### 其他标志符
+
+s：允许 . 匹配换行符。 u：使用unicode码的模式进行匹配。 y：执行“粘性(sticky)”搜索,匹配从目标字符串的当前位置开始。
+
+## 量词符
+
+### 贪婪模式
+
+之前说了正则表达式的量词，但量词会带来一个到底匹配哪个的问题 例如：
+
+```
+var str="12345678"
+var reg=/\d{3,6}/g
+str.replace(reg,'X')  //X78
+```
+
+可以看到结果是将123456 六个数字替换成了X，所以我们可以得到，正常模式下，正则表达式会尽可能多的匹配。正常情况下，正则表达式采用贪婪模式，即，尽可能多的匹配。
+
+### 非贪婪模式
+
+一但成功匹配不再继续尝试，这就是非贪婪模式。 只需要在量词后加上?即可
+
+```
+var str="12345678"
+var reg=/\d{3,6}?/g
+str.replace(reg,'X')  //X45678
+```
+
+## 分组
+
+在使用正则表达式的时候会想要匹配一串字符串连续出现多次的情况，使用（）可以达到分组的功能 例如：`(hello){3}` 使用符号 | （或）实现选择的功能 例如：
+
+```
+var str='12341235'
+let reg=/123(4|5)/g
+//1234 1235二选一
+```
+
+## 反向引用
+
+将一种格式的时间字符串：yyyy-MM-DD转为MM/DD/yyyy类型格式字符串。 由于年月日是不固定的，没法直接转换为固定数值。这时我们可以使用反向引用解决这个问题。 利用$n,n代表着分组的序号，序号是从1开始的。
+
+例如：
+
+```
+let text='2022-02-23'
+let reg=/(\d{4})-(\d{2})-(\d{2})/
+let res=text.replace(reg,'$3/$2/$1')//将yyyy-MM-DD转换为MM/DD/yyyy
+console.log(res)
+```
\ No newline at end of file
-- 
Gitee


From eb5eae9c810712d8a168baa56b020b1f7150f68d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E8=83=9C=E6=9D=B0?= <2608607026@qq.com>
Date: Thu, 30 Nov 2023 04:28:55 +0000
Subject: [PATCH 2/3] =?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: 陈胜杰 <2608607026@qq.com>
---
 .../2023-11-30.md"                            | 125 ++++++++++++++++++
 1 file changed, 125 insertions(+)
 create mode 100644 "58\351\231\210\350\203\234\346\235\260/2023-11-30.md"

diff --git "a/58\351\231\210\350\203\234\346\235\260/2023-11-30.md" "b/58\351\231\210\350\203\234\346\235\260/2023-11-30.md"
new file mode 100644
index 0000000..d323e02
--- /dev/null
+++ "b/58\351\231\210\350\203\234\346\235\260/2023-11-30.md"
@@ -0,0 +1,125 @@
+```js
+  <script>
+    const dl = document.querySelector('.dl');
+    const input = document.querySelector('.remember');
+    dl.addEventListener('click',function (e){
+      e.preventDefault();
+      if (input.checked===false){
+        alert('请勾选协议');
+      }else{
+        location.href="index.html";
+      }
+
+    })
+
+    const tab_nav = document.querySelector('.tab-nav');
+    tab_nav.addEventListener('click',function (e){
+      const pane=document.querySelectorAll('.tab-pane')
+      const a = tab_nav.querySelectorAll('a');
+      for (let i = 0; i <a.length ; i++) {
+        if (e.target.tagName==='A'){
+          const id=e.target.dataset.id;
+          a[i].classList.remove('active')
+          e.target.classList.add('active');
+          pane[i].style.display='none';
+          pane[id].style.display='block';
+        }
+      }
+
+    })
+
+  </script>
+```
+
+
+
+```js
+<script>
+const username= document.querySelector('[name=username]')
+
+ username.addEventListener('change',user)
+ let a = username.nextElementSibling
+ function user(){
+   const str =/\w{6,10}/
+   if(!str.test(username.value)){
+     a.innerHTML=`输入不合法，请输入6到10位`
+     return false
+   }
+   a.innerHTML=``
+ }
+
+ //获取表单设置手机号码
+ const phone= document.querySelector('[name=phone]')
+ phone.addEventListener('change',aphone)
+ let b = phone.nextElementSibling
+ function aphone(){
+   const str =/^1\d{10}/
+   if(!str.test(phone.value)){
+     b.innerHTML=`输入不合法，请输入正确的11位手机号码`
+     return false
+   }else{
+   b.innerHTML=``
+ }
+ }
+
+ //获取验证码
+ const codenput= document.querySelector('[name=code]')
+ codenput.addEventListener('change',ccode)
+ let c = codenput.nextElementSibling
+ function ccode(){
+   const str =/\d{6}/
+   if(!str.test(codenput.value)){
+     c.innerHTML=`输入不合法，6位数字`
+     return false
+   }
+   c.innerHTML=``
+
+ }
+ //获取验证码
+ const password= document.querySelector('[name=password]')
+ //获取下一个
+ password.addEventListener('change',dpassword)
+ let d = password.nextElementSibling
+ function dpassword(){
+   const str =/\w{6,20}/
+   if(!str.test(password.value)){
+     d.innerHTML=`输入不合法,6-20位数字、字母、字符组合`
+     return false
+   }
+   d.innerHTML=``
+ }
+ //验证密码
+ const confirm= document.querySelector('[name=confirm]')
+ //获取下一个
+ confirm.addEventListener('change',econfirm)
+ let e = confirm.nextElementSibling
+ function econfirm(){
+   if(password.value!==confirm.value){
+     e.innerHTML=`请输入正确密码`
+     return false
+   }
+   e.innerHTML=``
+ }
+
+ console.log(document.querySelector('.icon-queren'));
+ const ico = document.querySelector('.icon-queren')
+ ico.addEventListener('click',function(){
+   ico.classList.toggle('icon-queren2')
+ })
+
+ //提交
+ const f = document.querySelector('form')
+ f.addEventListener('submit',function(e){
+   if(!ico.classList.contains('icon-queren2')){
+     alert('请先勾选')
+     e.preventDefault()
+   }
+   if(!user())e.preventDefault()
+   if(!aphone())e.preventDefault()
+   if(!ccode())e.preventDefault()
+   if(!dpassword())e.preventDefault()
+   if(!econfirm())e.preventDefault()
+ })
+
+</script>
+```
\ No newline at end of file
-- 
Gitee


From a6106bdaee6efa1c0fba86eec7a44e9253d2b915 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E9=99=88=E8=83=9C=E6=9D=B0?= <2608607026@qq.com>
Date: Thu, 30 Nov 2023 04:30:11 +0000
Subject: [PATCH 3/3] =?UTF-8?q?=E9=87=8D=E5=91=BD=E5=90=8D=2058=E9=99=88?=
 =?UTF-8?q?=E8=83=9C=E6=9D=B0/2023-11-30.md=20=E4=B8=BA=2058=E9=99=88?=
 =?UTF-8?q?=E8=83=9C=E6=9D=B0/2023-11-29.md?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../2023-11-29.md"                                                | 0
 1 file changed, 0 insertions(+), 0 deletions(-)
 rename "58\351\231\210\350\203\234\346\235\260/2023-11-30.md" => "58\351\231\210\350\203\234\346\235\260/2023-11-29.md" (100%)

diff --git "a/58\351\231\210\350\203\234\346\235\260/2023-11-30.md" "b/58\351\231\210\350\203\234\346\235\260/2023-11-29.md"
similarity index 100%
rename from "58\351\231\210\350\203\234\346\235\260/2023-11-30.md"
rename to "58\351\231\210\350\203\234\346\235\260/2023-11-29.md"
-- 
Gitee