实用的HTML标签和Js

一、details标签 （HTML）

details 字面意思是 “详情”，在markdown里也经常用，用该标签包裹了的内容默认会被隐藏，只留下一个简述的文字，我们点击以后才会展示详细的内容
默认情况下，简要文字为 “详情”，想要修改这个文字，要搭配 summary 标签来使用

<details>
  <summary>点击查看更多</summary>
  <p>我是一段被隐藏的内容</p>
</details>

效果：

二、验证规则同时验证手机号和固话号（JS）

注：手机号是11位，固话一般不会超12位；

下面这种是分别验证：

 validatePhone(rule, value, callback) {
      const mobileReg = /^(([1][3,4,5,7,8,9]\d{9})|([0]\d{10,11})|(\d{7,8})|([0]\d{2}|\d{3})-(\d{7,8}))$/
      if (!value || value === '') return callback(new Error('请输入联系方式'))
      if (value&&!mobileReg.test(value)) return callback(new Error('请输入正确的手机号码或者固话号码（固话格式：区号-号码）'))
      return callback()
    },

同时验证手机号码和固定电话号码：

 validatePhone(rule, value, callback) {
	const val =/^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$|^((13[0-9])|(14[5|7])|(15([0-3]|[5-9]))|(18[0,5-9]))\d{8}$|^0\d{2,3}-?\d{7,8}$/
	 if (!val .test(value))
          return callback(new Error('请输入正确的手机号码或者固话号码'))
        return callback()
}

三、验证Url地址是图片（JS）

var isImg = /\.(gif|jpg|jpeg|png|GIF|JPG|PNG|webp|svg)$/.test(file.url)
if (isImg) {
     //这里可以处理需要的操作
        return
      }