笔记
Mr_Chao1791
这个作者很懒,什么都没留下…
展开
-
随机字符串码_永不重复(时间戳_随机数_随机码)
根据时间戳生成随机永不重复的随机字符串编码生成规则: 时间戳 + 随机数 + 随机码export const getRandomCode = () => { var length = 10; var data = ["0", "1", "2", "3", "4", "5", "6", "7", "8", "9", "A", "B", "C", "D", "E", "F", "G", "H", "I", "J", "K", "L", "M", "N", "O", "P", "Q", "R",原创 2022-02-22 09:30:04 · 1018 阅读 · 0 评论 -
url(网络图片)转base64图片编码
将网络图片转换为base64编码的图片做自定义处理export function getBas64(url, outputFormat = 'image/jpg') { return new Promise((resolve) => { let canvas = document.createElement('CANVAS'), ctx = canvas.getContext('2d'), img = new Image, dataURL = null原创 2022-02-22 09:25:56 · 845 阅读 · 0 评论 -
(px转rem)正则表达式匹配 px 像素单位转换为 rem
将字符串中的px单位转换为rem单位做移动端适配/** * @description: 正则表达式匹配 px 像素单位转换为 rem * @params : str 字符串,width 基数 */export const pxToRem = (str, width = 37.5) => { var reg = /(:")+(\d+(\.\d*)?)+(px")/gi; //可以匹配浮点数 let newStr = str.replace(reg, function (_x) {原创 2022-02-22 09:24:07 · 817 阅读 · 0 评论 -
利用cookie记录状态(今日/N天内不提醒,免登录)
状态设置成功后将状态值存入cookie中,设置过期时间(有需要时可重新赋值更新过期时间) //5天后过期 setCookieFiveDays: function (name, value, days = 5) { let expiresTime = new Date(); expiresTime.setTime(expiresTime.getTime() + 1000 * 60 * 60 * 24 * days); document.cookie = name + '=' .原创 2022-02-22 09:15:59 · 255 阅读 · 0 评论 -
html2canvas (踩坑) 网络图片显示不出来&生成图片只有一半或者空白&文字显示不出来问题处理
这里只提供解决思路,代码就不粘贴出来了图片显示不出来就像大多数人说的一样,HTML中的图片产生了跨域,可以将网络图片转为base64后修改img 的src属性值,添加图片允许跨域的属性。调用html2canvas的API时,将跨域参数设置为true,允许跨域。图片生成显示不全,只有半截或者空白在有滚动的页面,产生了滚动条后,生成的图片可能会只有一半或者空白。答案只有一个,那就是要把html2canvas的配置项参数中,scrollx,scrolly都设置为0,问题就解决了。 o゚*。o恭原创 2020-12-12 21:39:06 · 20492 阅读 · 9 评论