js
空山新雨君
这个作者很懒,什么都没留下…
展开
-
获取html元素中text的长度
const node = event.targetconst range = document.createRange()range.setStart(node, 0)range.setEnd(node, 1)const rangeWidth = range.getBoundingClientRect().width可参考elementui源码中tooltip相关源码(table/src/table-body.js)原创 2020-06-24 16:01:28 · 1145 阅读 · 0 评论 -
js(es6)笔记
(1)遍历1. Object.keys()Object.keys(res).forEach(key => { let temp={ name: res[key].name, lat:res[key].y, lon:res[key].x, }; this...原创 2019-07-29 11:40:02 · 109 阅读 · 0 评论 -
this相关
(1)VUE中方法中需要在setTimeout()修改绑定的数据这样写是错的:因为此处的this指向的是function需要用箭头函数:原创 2019-07-01 17:23:01 · 129 阅读 · 0 评论 -
前端表格在线编辑、删除行列
参考:https://github.com/xxtz0522/table_edithttps://www.cnblogs.com/poppy1314/p/6248644.html原创 2019-02-14 11:27:10 · 1058 阅读 · 0 评论 -
js上传文件,利用input type="file"选择文件及清空选择
<input id="file" type="file">可以实现选择文件;var a=document.getElementById("file");a.files[0];可以读取选择的文件效果:(红框部分,点击叉删除所选文件)具体代码:html:<form enctype="multipart/form-data" method="post原创 2019-01-11 17:13:52 · 10178 阅读 · 1 评论 -
js表格的表头thead固定,tbody内容超出时滚动
参考:http://blog.sina.com.cn/s/blog_603fcfae0102xku3.html转载 2019-01-11 10:07:54 · 759 阅读 · 0 评论 -
前端小笔记
(1)向后台发送请求的url中参数有中文,可能会出错,解决方法:使用encodeURIComponent()函数转换该参数。例如:var url="${base}/platform/exportbysearch?labelid="+labelid+"&query="+encodeURIComponent(query);(2)有时判断数组中是否有某元素时,要注意“1”和1是不同...原创 2018-12-11 17:25:24 · 123 阅读 · 0 评论 -
点击div外部,自动隐藏div
效果:点击标签列表外部,自动收起标签列表 方法:采用阻止冒泡 //点击标签列表外部自动收起列表 function stopFunc(e) { e.stopPropagation ? e.stopPropagation() : e.cancelBubble = true; } document.onclick = function(...原创 2018-12-15 15:46:43 · 782 阅读 · 0 评论 -
动态添加的元素绑定事件注意事项
问题描述:页面加载时通过js、datatable插件等动态添加的元素, 如:"columns": [ {"data": "", "title": "<input type=\"checkbox\" id=\"selectall\" class=\"exportSelect2\">&l原创 2018-12-15 10:19:18 · 200 阅读 · 0 评论 -
img图片在限定尺寸下等比缩放;点击查看原图
一,图片等比缩放效果:html<div class="row" id="imgbox"> <img id="image" src=""></div><div class="row"> <div id="showimg"&原创 2018-12-06 11:30:36 · 4036 阅读 · 0 评论 -
textarea多行文本,超出高度时显示滚动条
1,两个div,外面的div高度固定,带滚动条;内部为可编辑的div,高度自适应(或内部采用高度自适应的textarea)<div class="describe"> <div id="describe" contentEditable='true'></div></div>.describe{ height: 100p...原创 2018-11-30 10:38:15 · 8288 阅读 · 0 评论 -
canvas画图转为图片上传,使用formdata上传图片
画布(canvas)对象有一个非常有用的方法:toDataURL(),把画布里的图案转变成base64编码格式的png。var strDataURI = oCanvas.toDataURL();// returns "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAYAAACt..."也可转为jpgvar strData...原创 2018-11-23 14:21:42 · 7145 阅读 · 0 评论 -
事件绑定注意事项
在一个按钮函数中编写其他按钮的事件绑定时会出现多重绑定的问题:描述:如下代码,brushtypebtn按钮的click事件upload()函数中,给confirm按钮绑定了click事件,实际点击时会发现,第一次点击弹出一次警告,第二次点击弹出两次警告,以此类推…原因: 每次点击brushtypebtn按钮,都会为confirm按钮绑定一个新的click事件,即confirm按钮绑...原创 2018-11-21 16:36:27 · 173 阅读 · 0 评论 -
regexp正则表达式 过滤字符及注意事项
regexp的test() 方法可检测字符串是否包含指定字符:var re = /^\d{3}\-\d{3,8}$/;re.test('010-12345'); // truere.test('010-1234x'); // false过滤不合法字符示例:var re=/[\/:*?"'<>|]/g;re.lastIndex = 0;if(re.test($('...原创 2018-11-21 15:30:43 · 858 阅读 · 0 评论 -
js实现浏览器table导出为excel
兼容IE:https://blog.csdn.net/lei_1994/article/details/79092159https://www.cnblogs.com/zhangym118/p/6235801.html其他方法:https://www.cnblogs.com/zhuxinghan/p/6063193.htmlhttps://www.cnblogs.com/hei...转载 2018-11-14 20:58:38 · 335 阅读 · 0 评论 -
canvas编写画图工具
效果:代码:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"原创 2018-11-12 11:38:20 · 479 阅读 · 0 评论 -
IE可以实现的浏览器js下载文件的方法
方法一:打开新窗口,替换成下载界面function doSave(obj) { obj=document.getElementById('obj');//obj是需要下载的内容 if (isIE()){//IE浏览器保存文本框内容 var winname = window.open('', '_blank', 'top=10000'); winname.d...原创 2018-11-10 14:53:15 · 12096 阅读 · 1 评论