2022-06-06 js执行提示Uncaught URIError: URI malformed js执行提示Uncaught URIError: URI malformed 由于decodeURI转码时,通过%进行解析,如果字符串中存在%则会出现URI malformed解决方法将字符串中的%替换为25%就行了var str = '1%2'; if(str.indexOf('%') > -1) { str = str.replace(/%/g,'%25'); } 2022年06月06日 171 阅读 0 评论
2022-05-21 JQuery长按事件 JQuery长按事件 $(".text").on({ touchstart: function(e) { var oSpan = e.currentTarget.lastElementChild // 长按事件触发 timeOutEvent = setTimeout(function() { timeOutEvent = 0; console.log('你长按了'); }, 500); }, touchmove: function() { clearTimeout(timeOutEvent); timeOutEvent = 0; }, touchend: function() { clearTimeout(timeOutEvent); if (timeOutEvent != 0) { console.log('你点击了'); ... 2022年05月21日 241 阅读 0 评论
2022-04-04 js实现html导出为PDF文件 js实现html导出为PDF文件 html2canvas官网:http://html2canvas.hertzen.com/<?php if(!empty($_POST['datauri'])){ if(preg_match('/data:.*?;base64,/i',$_POST['datauri'])){ $datauri = base64_decode(preg_replace('/data:.*?;base64,/i','',$_POST['datauri'])); $dir = 'upload/'; if(!is_dir($dir)){ mkdir($dir); } $file = md5($_SERVER['HTTP_USER_AGENT'] . $_SERVER['REMOTE_ADDR']).'.pdf'; try { file_put_contents($dir.$file,$datauri); $data = ['... 2022年04月04日 623 阅读 0 评论
2022-01-18 JS实现随机抽奖功能 JS实现随机抽奖功能 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> .container { width: 600px; height: 600px; border: 1px solid; display: flex; flex-wrap: wrap; margin: 100px auto; } .block { ... 2022年01月18日 472 阅读 0 评论
2021-12-25 关于¬ify_url变成¬ify_url的解决方法 关于¬ify_url变成¬ify_url的解决方法 在页面上显示¬ify_url不管怎样都变成¬ify_url,后来发现把&改为&就可以了PHP字符替换$str = '¬ify_url'; $url = str_replace("&","&",$str); js字符替换str = '¬ify_url'; url = str.replace(/&/, "&"); 2021年12月25日 574 阅读 0 评论
2021-12-02 js判断数组中是否存在某个元素 js判断数组中是否存在某个元素 方法一:array.indexOf(item,start)实际用法:if(arr.indexOf(某元素) > -1){//则包含该元素}var fruits = ["Banana", "Orange", "Apple", "Mango"]; var a = fruits.indexOf("Apple"); // 2 方法二:array.find()arr = [1,2,3,4,5]; arr.find(function(value) { if(value === 要查找的值) { //包含该元素 } }) 方法三:jQuery.inArray()arr = [1,2,3,4,5]; index = $.inArray(2,arr); if(index > -1){ console.log('包含该元素') } 2021年12月02日 342 阅读 0 评论
2021-11-25 js获取时间戳,时间戳格式化日期 js获取时间戳,时间戳格式化日期 js获取当前时间戳的方法var timestamp = Date.parse(new Date())/1000;//获取当前秒的时间戳 var timestamp = (new Date()).valueOf();//获取当前毫秒的时间戳 var timestamp = new Date() . get Time();//返回数值单位是毫秒 js获取指定时间戳的方法var timestamp = (new Date(" 2021/11/25 20:00:20")).getTime()/1000; 格式化日期function dateFormat(thisDate, fmt) { var o = { "M+": thisDate.getMonth() + 1, "d+": thisDate.getDate(), "h+": thisDate.getHours(), "m+": thisDate.getMinut... 2021年11月25日 428 阅读 0 评论
2021-09-20 页面加载时增加loading效果 页面加载时增加loading效果 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> #loading { position: fixed; top: 0; left: 0; width: 100%; height: 100%; z-index: 2000; opacity: 1; background: #f7f7f7; ... 2021年09月20日 383 阅读 0 评论
2021-07-28 css、js设置不允许复制文本内容 css、js设置不允许复制文本内容 css不允许复制文本内容<style> * { -moz-user-select: none; /* Firefox私有属性 */ -webkit-user-select: none; /* WebKit内核私有属性 */ -ms-user-select: none; /* IE私有属性(IE10及以后) */ -khtml-user-select: none; /* KHTML内核私有属性 */ -o-user-select: none; /* Opera私有属性 */ user-select: none; /* CSS3属性 */ } </style> user-select的默认值是 text,可以选择文本none:文本不被选择js不允许复制文本内容<script> // 全局禁止 document.oncontextmenu = new Function("event.returnValue=fals... 2021年07月28日 437 阅读 0 评论
2021-07-23 layui导出表格全部数据 layui导出表格全部数据 layui自带的导出表格,只能导出当前页面,如果当前页包含全部数据,那不就是导出全部数据了吗,所以我给导出事件单独定义了一个请求,当触发这个请求时,在后台查询数据时不要按接收的page 和 limit查询,而是查询全部,这样就实现了导出全部数据。<!--导出表 不展示--> <div style="display: none;"> <table id="data_export"> </table> </div> <!-- 工具栏 --> <script type="text/html" id="toolbarDemo"> <button class="layui-btn" lay-event="export">导出</button> </script> <script> layui.use(['t... 2021年07月23日 368 阅读 0 评论