记录一些写项目常用到的东西(保持更新中)

JS常用

1.数组对象中首项移到末项/末项移到首项 实现移动效果

将首项移到末项:Arr.push(Arr.shift());

末项移到首项:Arr.unshift(iArr.pop()); 

shift() 方法用于把数组的第一个元素从其中删除，并返回第一个元素的值。

push() 方法可向数组的末尾添加一个或多个元素，并返回新的长度。

注意： 新元素将添加在数组的末尾。

注意： 此方法改变数组的长度。

pop() 方法用于删除数组的最后一个元素并返回删除的元素。

注意：此方法改变数组的长度！

unshift() 方法可向数组的开头添加一个或更多元素，并返回新的长度。

注意： 该方法将改变数组的数目。

2.常用正则表达式

正则表达式在线测试

 1.要求密码必须包含至少一个小写字母、至少一个大写字母、至少一个数字，至少一个特殊字符且长度在8到16个字符之间。

//要求密码必须包含至少一个小写字母、至少一个大写字母、至少一个数字，至少一个特殊字符且长度在8到16个字符之间。
/^(?=.*[a-z])(?=.*[A-Z])(?=.*\d)(?=.*[$@$!%*?&])[A-Za-z\d$@$!%*?&]{8,16}$/

• ^ 匹配字符串的开始
• (?=.*[a-z]) 匹配任意位置的至少一个小写字母
• (?=.*[A-Z]) 匹配任意位置的至少一个大写字母
• (?=.*\d) 匹配任意位置的至少一个数字
• (?=.*[$@$!%*?&]) 匹配任意位置的至少一个特殊字符
• [A-Za-z\d$@$!%*?&]{8,16} 匹配长度在8到16个字符之间的由大小写字母、数字和特殊字符组成的字符串
• $ 匹配字符串的结束

2.正则表达式验证邮箱地址

regEx = "/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/";

3.正则表达式验证手机号 (校验规则参考运营商号段)

regEx = "^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(17[013678])|(18[0,5-9]))\\d{8}$";

 4.正则表达式校验身份证号码格式

  var reg = "/^[1-9]\d{5}(19|20)\d{2}((0[1-9])|(10|11|12))(([0-2][1-9])|10|20|30|31)\d{3}[0-9Xx]$/";

• ^[1-9]\d{5}：匹配以1-9的单个数字开始的6位地址码。
• (19|20)\d{2}：匹配19或20后跟两位数字的年份。
• ((0[1-9])|(10|11|12))：匹配01-09或10-12的月份。
• (([0-2][1-9])|10|20|30|31)：匹配01-29或10-31的日期。
• \d{3}：匹配3位顺序码。
• [0-9Xx]$：匹配数字或Xx（用于校验码）结尾的单个字符。

 简单说说正则表达式：

1.字符类

元字符	说明
[a-z]	匹配a-z任意一个字符
[A-Z]	匹配A-Z任意一个字符
[a-zA-Z]	匹配26个英文字母（大小写）
[0-9]	匹配一个数字
[0-9a-zA-Z_]	匹配一个字符可以是数字、字母和下划线
[^0-9]	匹配非数字
[^a-zA-Z]	匹配非字母

2.常用字符类： 3.重复字符

限定符	说明
*	重复零次或更多次
+	重复一次或更多次
?	重复零次或一次
{n}	重复n次
{n,}	重复n次或更多次,最少出现n次
{n,m}	重复n到m次
[]	匹配字符组内的字符 [abc]
( str1 l str2 )	匹配字符串str1或者str2

3.关于定时器的使用方法

1.重置定时器：如果你已经设置了一个定时器，并且想要在特定的时间间隔后重新触发定时器，你可以使用setTimeout函数。例如：

let timerId = setInterval(function() {  
  // 每隔1000毫秒执行一次的代码  
}, 1000);  
  
// 在某个时间点，你想重置这个定时器  
setTimeout(function() {  
  clearInterval(timerId); // 清除当前定时器  
  timerId = setInterval(function() {  
    // 重新设置一个新的定时器  
  }, 1000);  
}, 5000); // 在5秒后重置定时器

2.关闭定时器：如果你想停止定时器的执行，你可以使用clearInterval函数。例如：

let timerId = setInterval(function() {  
  // 每隔1000毫秒执行一次的代码  
}, 1000);  
  
// 在某个时间点，你想关闭这个定时器  
clearInterval(timerId); // 清除当前定时器

3重置定时器：如果你想在特定的时间间隔后执行一段代码，你可以使用setInterval函数。例如：

et timerId = setInterval(function() {  
  // 每隔1000毫秒执行一次的代码  
}, 1000);

CSS常用

1.文字超出部分省略号显示

单行文本溢出:

p{
    width: 100%;               //一定要设置宽度
    overflow: hidden;          //溢出内容隐藏
    white-space: nowrap;       //不换行
    text-overflow: ellipsis;   //溢出部分用省略号显示  
}

多行文本溢出:

h6{
    width:100%;
    text-overflow: ellipsis;
    overflow: hidden;
    display: -webkit-box;                    // 必须要设置
    -webkit-box-orient: vertical;            // 必须要设置
    -webkit-line-clamp: 2;                   // 要显示的行数 
}

//只有在 display 属性设置成 -webkit-box 或者-webkit-inline-box 
//并且 -webkit-box-orient (en-US) 属性设置成 vertical时才有效果

2.文字不可选中

p{
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}