html
Hello.鑫
我们还没来得及告别。。。
展开
-
实现antd modal 组件 自定义可拖拽指令
antd vue 的 modal 组件 自定义可拖拽指令原创 2023-03-10 13:47:46 · 314 阅读 · 0 评论 -
js 获取某一年到现在年份
js 获取某一年到现在年份原创 2022-11-30 08:47:54 · 329 阅读 · 0 评论 -
vue拼接html中onclick的触发方式失效的解决方法
vue拼接html中onclick的触发方式失效的解决方法原创 2022-11-18 12:57:39 · 1783 阅读 · 1 评论 -
Lodop的使用
Lodop是专业WEB控件,用它既可裁剪输出页面内容,又可用程序代码直接实现复杂打印。控件功能强大,却简单易用,所有调用如同JavaScript扩展语句。原创 2022-11-14 16:02:23 · 2484 阅读 · 0 评论 -
处理ajax时net::ERR_CONNECTION_REFUSED
ajax 请求服务器,页面打印平台报错 net::ERR_CONNECTION_REFUSED。原创 2022-10-26 10:59:21 · 823 阅读 · 0 评论 -
QRCode.js:使用 JavaScript 生成二维码
QRCode.js 是一个用于生成二维码的 JavaScript 库。主要是通过获取 DOM 的标签,再通过 HTML5 Canvas 绘制而成,不依赖任何库。原创 2022-10-14 09:34:40 · 540 阅读 · 0 评论 -
增值税发票二维码解析
增值税发票二维码中的信息解析说明。原创 2022-10-13 15:23:13 · 3163 阅读 · 0 评论 -
js 判断一个数是正数、负数、零或其他 正数转变成负数 负数转变成正数
教你如何判断一个数是正数、负数、零还是其他。以及正数转负数、负数转正数原创 2022-09-28 16:39:09 · 1832 阅读 · 0 评论 -
css实现文字展开收起
vue css实现文字展开收起原创 2022-08-01 15:27:44 · 2279 阅读 · 1 评论 -
a标签download属性
1.a标签href属性是文件的链接download属性可以默认下载文件名称。2.手动右键保存文件,给a标签添加一个点击事件。原创 2022-07-27 09:38:54 · 10628 阅读 · 0 评论 -
使用Layui的upload上传文件在上传之前做逻辑处理并终止上传
Layui的upload上传文件在上传之前做逻辑处理并终止上传。原创 2022-06-24 17:03:47 · 2498 阅读 · 0 评论 -
测试工具ApacheJMeter使用教程
Jmeter 是一款使用Java开发的,开源免费的,测试工具, 主要用来做功能测试和性能测试(压力测试/负载测试). 而且用Jmeter 来测试 Restful API, 非常好用。原创 2022-06-13 15:35:53 · 2385 阅读 · 0 评论 -
iframe子父窗口的相互调用
iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作doc方法:父窗口操作iframe:window.frames[“iframeSon”].documentiframe操作父窗口: window.parent.documentjquery方法:在父窗口中操作 选中iframe中的所有输入框: $(window.frames[“iframeSon”].document).find(“:text”);在iframe中操作 选中父窗口中的所有输入框:$原创 2022-05-26 16:11:53 · 4217 阅读 · 0 评论 -
子页面获取父页面的内容 以及 向父页面拼接字符串
子页面获取父页面的内容 :在父页面编写一个id名字,window.parent.document.getElementById(“id名”)例如:window.parent.document.getElementById("id")子页面向父页面拼接字符串 :在父页面编写一个id名字,window.parent.document.getElementById(“id名”).innerHTML例如:window.parent.document.getElementById("id").inne原创 2022-05-26 16:03:26 · 425 阅读 · 0 评论 -
layui iframe页面的关闭
Layui 内置方法 - layer.getFrameIndex( 获取特定iframe层的索引)原创 2022-05-26 15:46:09 · 810 阅读 · 0 评论 -
js判断域名是否是合法http/https
url 是获取的域名var url ='';var reg=/http(s)?:\/\/([\w-]+\.)+[\w-]+(\/[\w- .\/?%&=]*)?/;if(!reg.test(url)){ alert("这网址不是以http://https://开头,或者不是网址!");} else{ alert("输入成功");}原创 2022-05-12 11:22:55 · 1138 阅读 · 0 评论 -
IDEA 导入项目中文注释乱码解决
注: 导入的中文乱码是因为原来的项目编码格式与本地IDEA编码格式不一致导致的,接下来码崽就来教教到家如何解决该问题.一般开发环境的编码为"GBK"“UTF-8”,导致乱码的很大原因都是这两种编码格式转换发出的乱码问题1.导入项目出现了中文乱码2.点击界面右下角的编码快捷按钮,点击切换编码为GBK。3. 重点切记:弹出的提示框点击reload,中文注释恢复正常的显示啦。4.这时候我们可以把项目的编码格式转换为utf-8 啦5.切记:这次点击的是Convert 进行编码格式的转换..原创 2022-03-04 08:21:20 · 14285 阅读 · 2 评论 -
js-根据时间段算出请假时长
/** * 计算请假时长 * @param {Object} beginTime 开始时间 * @param {Object} endTime 结束时间 * @param {Object} stWorkTime 上班时间 * @param {Object} enWrokTime 下班时间 * @param {Object} isFreeTime 是否要去除午休工作时长 * @param {Object} freeTimeMon 午休开始时间 * @param {O原创 2022-02-18 10:46:07 · 858 阅读 · 0 评论 -
vue导出、下载excel
接口说明: export function download (parameter) { return axios({ url: '访问的接口', method: 'get', params: parameter, //参数 responseType: 'blob', })}导出方法//parameter 接口参数download(parameter).then((res) => {原创 2021-12-17 10:49:06 · 196 阅读 · 1 评论 -
vue导出txt文件下载
叙述:content 是下载的内容 title 是下载文件的文件名sequenceDownload(content,title) { if(content==undefined||content==''){ this.$message.warning('暂无导出数据!') }else{ const element = document.createElement('a') element.setAttribute('href',原创 2021-12-16 13:50:54 · 1365 阅读 · 0 评论 -
iconfont将原有图标和新图标集合使用(原有图标中添加新图标)
iconfont将原有图标和新图标集合使用(原有图标中添加新图标)1.将新图片图片转化为svg格式。2.打开iconfont的图标处理网站。 https://icomoon.io/app/#/select3.导入svg格式的新图标。4.找到原图标文件,导入原图片。导入后生成5.进行下载图标操作。下载后我们需要用到的文件为下面选框中的6.将原来的下面框中的删除,将上面生成的fonts文件直接复制进去7.用生成的style.css将原来的iconfont.css内容替换掉(注意原创 2021-12-13 16:57:46 · 1506 阅读 · 0 评论 -
js获取当前月的第一天和当前时间
获取当前时间getCurrentData() { var myDate = new Date(); var year = myDate.getFullYear(); var month = myDate.getMonth()+1 //获取当前月份(0-11,0代表1月,所以要加1); var day = myDate.getDate();//获取当前日(1-31) if (month<10){ month = "0" +原创 2021-11-25 16:58:14 · 1233 阅读 · 0 评论 -
解决无法卸载vue/cli旧版本,安装新版本
1.打开cmd,输入命令 where vue .查找文件的目录,根据目录找的vue 、vue.cmd文件,将其删除。2.在cmd内,输入npm config set prefix命令。3.输入npm install -g @vue/cli 命令即可。4.查看vue/cli版本 vue -V原创 2021-11-01 17:12:03 · 416 阅读 · 0 评论 -
终止ajax请求
1.定义一个全局变量var info = null;2.ajax请求info = $.ajax({ type: "post", url: " ", //接口路径 data:data, //参数 dataType: "json", //返回json success: function (data) { } })原创 2021-09-02 16:47:58 · 464 阅读 · 0 评论 -
js 单击、双击、连续多次点击
原生javascript为我们提供了单击和双击(click 和 dblclick)两种点击事件的监听单击var oBtn = document.getElementById('clickBtn');oBtn.onclick = function(){ console.log('单击');}双击var oBtn = document.getElementById('clickBtn');oBtn.ondblclick = function(){ console.log('双击');}原创 2021-08-08 16:44:27 · 8400 阅读 · 0 评论 -
获取并判断谷歌浏览器版本
// 获取谷歌版本function getChromeVersion() { var arr = navigator.userAgent.split(' '); var chromeVersion = ''; for(var i=0;i < arr.length;i++){ if(/chrome/i.test(arr[i])) chromeVersion = arr[i] } if(chromeVersion){原创 2021-08-02 13:05:23 · 792 阅读 · 0 评论 -
js 遍历formData对象数据
//处理fromData function fromDataMeth(formData) { for (var key of formData.keys()) { console.log("key:" + key + " value:" + formData.get(key)); } return returnData; }function fromDataMeth(formData) { var entriesObj = formData.原创 2021-08-01 16:42:41 · 2354 阅读 · 0 评论 -
前端防止XSS脚本漏洞
1.提交的数据进行过滤,一般建议过滤掉双引号(”)、尖括号(<、>)等特殊字符,或者对提交的数据中包含的特殊字符进行实体转换,比如将双引号(”)转换成其实体形式",<对应的实体形式是<,<对应的实体形式是>。代码如下:将传递的参数放入htmlEncode方法中,过滤即可。//防止脚本攻击function htmlEncode(str) { if(isNaN(str)==false){ return str }else{原创 2021-07-31 10:06:55 · 291 阅读 · 0 评论 -
SM2前端加解密,以及SM2、SM3、SM4,前端JS加密,后端解密
sm2前端加密function sm2Encrypt(data, publickey, cipherMode) { cipherMode = cipherMode == 0 ? cipherMode : 1; // msg = SM2.utf8tob64(msg); var msgData = CryptoJS.enc.Utf8.parse(data); // 有的js不会注释下面装换过程,我尝试下了下,不注释掉后端解码会出问题 // msgData = CryptoJS原创 2021-07-09 11:28:28 · 6743 阅读 · 0 评论 -
滑动验证插件slideVerify使用
1.下载slideVerify插件,下载地址slideVerify点击下载2.引入jquery以及slideVerify插件3.建立页面<!--实例--> <div class="verify-wrap" id="verify-wrap"></div> <div style="text-align: center;"> <button type="button" id="resetBtn" style="display: inline原创 2021-07-09 10:15:30 · 4198 阅读 · 0 评论 -
TinyMCE富文本插入视频
file_picker_callback: function(callback, value, meta) { //文件分类 var filetype = '.pdf, .jpg, .jpeg, .png, .gif, .mp3, .mp4'; //后端接收上传文件的地址 var upurl = '/qdswj_resources/media/upload'; //为不同插件指定文件类型及原创 2021-07-02 15:31:55 · 886 阅读 · 0 评论 -
js实现页面打印
css样式/*打印*/ @media print { @page { margin: 0; } body { margin: 1cm; } }页面代码<!--startprint--> <div class="returnSearch"> <原创 2021-05-04 17:42:00 · 1229 阅读 · 1 评论 -
js颜色转16进制 rgba(194, 7, 15, 1) ,转化16进制为: #c2070f
例子: 值为:rgba(194, 7, 15, 1) ,转化16进制为: #c2070f//转化颜色function getHexColor(color) { var values = color .replace(/rgba?\(/, '') .replace(/\)/, '') .replace(/[\s+]/g, '') .split(',') var a = parseFloat(values[3] || 1), r = Math.floor(a原创 2021-04-29 09:31:50 · 637 阅读 · 0 评论 -
layui使用class绑定多个日期控件
//html 部分<input type="text" class="layui-input date"><input type="text" class="layui-input date">//js 部分layui.use(['table', 'form', 'layer','laydate'], function () { var table = layui.table, form = layui.form, layer = la原创 2021-04-27 19:10:35 · 475 阅读 · 0 评论 -
js将post请求的参数对象转换成get的形式拼接在url上
function changeParam(param){ return JSON.stringify(param).replace(/:/g,'=').replace(/,/g,'&').replace(/{/g,'?').replace(/}/g,'').replace(/"/g,'');}var transferData = { deptNo: 0, limit: 10, monthTime: "2021-03", page: 1, type: "dept"}conso原创 2021-03-25 17:40:46 · 2216 阅读 · 0 评论 -
JS计算日期,添加指定的天数
日期加上天数得到新的日期dateTemp 需要参加计算的日期,days要添加的天数,返回新的日期,日期格式:YYYY-MM-DDfunction getNewData(dateTemp, days) { var dateTemp = dateTemp.split("-"); var nDate = new Date(dateTemp[1] + '-' + dateTemp[2] + '-' + dateTemp[0]); //转换为MM-DD-YYYY格式 var原创 2021-03-23 15:16:30 · 1004 阅读 · 1 评论 -
为wangEditor扩展,增加全屏 查看源码功能
wangEditor 全屏 & 预览 & 查看源码使用方法引入wangEditor-fullscreen-plugin.css和wangEditor-fullscreen-plugin.js两个文件。在wangEditor的create方法调用后,再调用插件的初始化方法,如: var E = window.wangEditor; var editor = new E('#editor'); editor.create(); E.fullscreen.init原创 2021-01-19 14:08:44 · 1143 阅读 · 5 评论 -
wangEditor的使用与下载
wangEditor富文本的下载以及配置信息:点击下载wangEditor的使用方法1.新建页面,引入 wangEditor.min.css wangEditor.min.js 以及 wangEditorConfig.js2.在页面body标签输入代码<div class="layui-input-block"> <div id="editor" name="editor"></div></div>3.查看 wangEdit原创 2021-01-08 17:03:40 · 1995 阅读 · 0 评论 -
JavaScript实现页面的拖拽效果的两种方法
1.下面的页面中放了两个div,可以通过鼠标拖拽这两个元素到任意位置。实现该效果的HTML页面代码如下所示:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> <script type="text/javascript" src="../js/jquery.min.js"></script> <s原创 2020-12-30 14:45:11 · 1607 阅读 · 0 评论 -
如何提取页面共用部分的js以及css
1.新建一个common.js2.在common.js文件中写入代码,例如:// 通用js和css(function (){ var strFullPath=window.document.location.href; var strPath=window.document.location.pathname; var pos=strFullPath.indexOf(strPath); var prePath=strFullPath.substring(0,pos); var postPa原创 2021-04-22 17:18:44 · 407 阅读 · 0 评论