分类前端笔记下的文章

实现剪切板粘贴和判断是否可用图片链接

作者: zff
时间: 2021-07-14
分类: 随笔,前端笔记
评论

parseImg() {
  navigator.permissions.query({ name: 'clipboard-read' }).then(result => {
    // 如果授予读取剪贴板的权限或用户将
    // 被提示允许它，我们继续。

    if (result.state === 'granted' || result.state === 'prompt') {
      navigator.clipboard
        .readText()
        .then(TEXT => {
          //我的代码来处理粘贴
          console.log(TEXT)
          this.checkImgExists(TEXT)
            .then(() => {
              this.$message({
                
              })('有效链接')
              this.url = TEXT
              this.srcList.push(TEXT)
            })
            .catch(() => {
              console.log('无效链接')
            })
        })
        .catch(ERROR => {
          console.error('读取剪贴板内容失败：', ERROR)
          this.$message({
            type: 'danger',
            message: '无法获取该权限，请确认是否开启，或是否支持'
          })
        })
    }
  })
},
// 检测图片链接是否可用
checkImgExists(imgurl) {
  return new Promise(function(resolve, reject) {
    var ImgObj = new Image()
    ImgObj.src = imgurl
    ImgObj.onload = function(res) {
      resolve(res)
    }
    ImgObj.onerror = function(err) {
      reject(err)
    }
  })
}

内容有引用其他网站内容，仅作学习记录和参考

ElementUI自定义表单验证提交时valid无法获取到true

作者: zff
时间: 2021-06-28
分类: 前端笔记
评论

submitForm(formName) {
    this.$refs[formName].validate((valid) => {
      if (valid) {  // 无法获取到true
        alert('submit!');
      } else {
        console.log('error submit!!');
        return false;
      }
    });
  },

官网描述：自定义校验 callback 必须被调用
自定义验证的时候如果不加上callback()会导致没有函数返回，无论是在if上还是其他判断条件都必须完整的有callback()
bad example:

var checkPWd = (rule, value, callback) => {
  var reg = /^[a-zA-Z0-9_-]+$/
  if (!reg.test(value)) {
    callback(new Error('XXXXXXXXXXXXXXXXXXXXX'))
  } 
};  // valid无法获取到true，false能正常获取

good example:

var checkPWd = (rule, value, callback) => {
  var reg = /^[a-zA-Z0-9_-]+$/
  if (!reg.test(value)) {
    callback(new Error('XXXXXXXXXXXXXXXXXXXXXXXXXXXXXX'))
  } else {
    callback() // 必须要callback ， 否则 提交验证不执行
  }
};  // 可以正常使用验证并通过

请求的header参数会影响数据的传输方式

作者: zff
时间: 2021-06-19
分类: 默认分类,前端笔记
评论

json类型的post发送会默认使用的request payload 但是要改成formData形式时可以使用var qs = require('qs')来转换数据
```
 qs.parse()将URL解析成对象的形式
 qs.stringify()将对象 序列化成URL的形式，以&进行拼接
```
如果是需要反过来转换，那么需要使用请求头的改变application/json

2021年9月10日16:54:49
1.可以通过直接在header加{'content-type':'application/x-www-form-urlencoded'}解决

js GUID UUID 生成

作者: zff
时间: 2021-05-11
分类: 随笔,转载,前端笔记
评论

JavaScript生成GUID的算法

全局唯一标识符（GUID，Globally Unique Identifier）也称作 UUID(Universally Unique IDentifier) 。

GUID是一种由算法生成的二进制长度为128位的数字标识符。GUID 的格式为“xxxxxxxx-xxxx-xxxx-xxxx-xxxxxxxxxxxx”，其中的 x 是 0-9 或 a-f 范围内的一个32位十六进制数。在理想情况下，任何计算机和计算机集群都不会生成两个相同的GUID。

GUID 的总数达到了2^128（3.4×10^38）个，所以随机生成两个相同GUID的可能性非常小，但并不为0。GUID一词有时也专指微软对UUID标准的实现。

算法1：

    function uuid() {
    var s = [];
    var hexDigits = "0123456789abcdef";
    for (var i = 0; i < 36; i++) {
        s[i] = hexDigits.substr(Math.floor(Math.random() * 0x10), 1);
    }
    s[14] = "4";  // bits 12-15 of the time_hi_and_version field to 0010
    s[19] = hexDigits.substr((s[19] & 0x3) | 0x8, 1);  // bits 6-7 of the clock_seq_hi_and_reserved to 01
    s[8] = s[13] = s[18] = s[23] = "-";
 
    var uuid = s.join("");
    return uuid;
}

算法2：

    function guid() {
    return 'xxxxxxxx-xxxx-4xxx-yxxx-xxxxxxxxxxxx'.replace(/[xy]/g, function(c) {
        var r = Math.random()*16|0, v = c == 'x' ? r : (r&0x3|0x8);
        return v.toString(16);
    });
}

算法3：

    function guid() {
    function S4() {
       return (((1+Math.random())*0x10000)|0).toString(16).substring(1);
    }
    return (S4()+S4()+"-"+S4()+"-"+S4()+"-"+S4()+"-"+S4()+S4()+S4());
}

算法4：

    function uuid(len, radix) {
    var chars = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'.split('');
    var uuid = [], i;
    radix = radix || chars.length;
 
    if (len) {
      // Compact form
      for (i = 0; i < len; i++) uuid[i] = chars[0 | Math.random()*radix];
    } else {
      // rfc4122, version 4 form
      var r;
 
      // rfc4122 requires these characters
      uuid[8] = uuid[13] = uuid[18] = uuid[23] = '-';
      uuid[14] = '4';
 
      // Fill in random data.  At i==19 set the high bits of clock sequence as
      // per rfc4122, sec. 4.1.5
      for (i = 0; i < 36; i++) {
        if (!uuid[i]) {
          r = 0 | Math.random()*16;
          uuid[i] = chars[(i == 19) ? (r & 0x3) | 0x8 : r];
        }
      }
    }
 
    return uuid.join('');
}

这个可以指定长度和基数。比如

// 8 character ID (base=2)
uuid(8, 2)  //  "01001010"
// 8 character ID (base=10)
uuid(8, 10) // "47473046"
// 8 character ID (base=16)
uuid(8, 16) // "098F4D35"

源自：

http://www.broofa.com/2008/09/javascript-uuid-function/

http://note19.com/2007/05/27/javascript-guid-generator/

http://www.ietf.org/rfc/rfc4122.txt

http://stackoverflow.com/questions/105034/how-to-create-a-guid-uuid-in-javascript/873856#873856

原文章来源https://www.cnblogs.com/snandy/p/3261754.html
此处仅作记录，防止丢失