js
小兔快跑zZ
这个作者很懒,什么都没留下…
展开
-
文本域输入提示,自动补全功能
文本域自动补全功能原创 2023-07-05 11:34:00 · 896 阅读 · 0 评论 -
js 树形数据操作
树形数据操作 let arr = [ { id: '1', title: '节点1', children: [ { id: '1-1', title: '节点1-1' }, { id: '1-2', title: '节点1-2' } ] },.原创 2022-05-23 17:26:46 · 579 阅读 · 0 评论 -
js监听localStorage
let arr = ['setItem', 'clear', 'getItem', 'removeItem'] arr.forEach(item => { let obj = {} obj[item] = localStorage[item] let event = new Event(item) localStorage[item] = function (key, value) { event.newData = { ke..原创 2022-05-17 16:05:34 · 551 阅读 · 1 评论 -
日历demo
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<原创 2022-04-08 17:49:20 · 371 阅读 · 0 评论 -
diff算法
diff算法我们知道都是同层比较,那么同层是怎么判断的?我们先看一下vue源码中的 关键部分 function updateChildren (parentElm, oldCh, newCh, insertedVnodeQueue, removeOnly) { let oldStartIdx = 0 let newStartIdx = 0 let oldEndIdx = oldCh.length - 1 let oldStartVnode = oldCh[0] .原创 2021-07-12 10:32:12 · 94 阅读 · 0 评论 -
html2canvas生成图片空白,图片偏移问题
项目中需要使用将思维导图导出成图片,使用html2canvas生成图片在iPhone6上图片空白,查了好久发下将外层div的position:relative去掉后图片生成才正常,但是再次合成的图片内容发生偏移,顶部空白,缺少一部分内容,添加配置项y:0,scrollY:0后图片偏移还是不正常,内容不全,顶部多出一部分空吧,原因是待生成的div有滚动,尝试计算滚动的距离来设置scrollY,但是效果不理想最终方案:因为待生成的dom需要在页面上展示,会产生滚动条,在页面上重将带生成的dom重新复制一份,使原创 2021-04-07 11:35:49 · 1194 阅读 · 0 评论 -
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></head><body> <script> do原创 2021-01-04 10:55:23 · 476 阅读 · 0 评论 -
判断对象是否通过new创建
```functionTest(){if(thisinstanceofTest){console.log('success')}else{console.error('Testmustbewithnew.')} if(new.target==='undefined') { }console.log(new.target,'--------...原创 2020-10-19 11:04:39 · 608 阅读 · 0 评论 -
js计算每个月天数
//data格式:2019-5-3getDay(data,type='day') { let day = '' let arr = data.split('-') let year = arr[0] if (/^(4|6|9|11)$/.test(arr[1])) { day = 30; } else if (/^2$/.test(arr[1])) { if...原创 2019-11-12 15:56:13 · 386 阅读 · 0 评论 -
取巧计算每个月的天数
getDay(){ let lastMonth = new Date().getMonth() let time= new Date(`2019.${lastMonth+1}.1 00:00`).getTime()-new Date(`2019.${lastMonth}.1 00:00`).getTime() let day = time/24/...原创 2019-07-29 16:32:43 · 135 阅读 · 0 评论 -
client 家族
1.clientWidth/clientHeight 获取网页可视区域宽、高 调用者不同,意义不同 调用者为div时,代表盒子本身宽、高 调用者为body/html时,代表可视区域宽、高2.clientX/clientY 鼠标距离可视区域距离 通过event 调用3.clientTOP/clientLeft 盒子的border ...原创 2018-07-13 21:25:39 · 178 阅读 · 0 评论 -
事件对象event
事件对象代表事件的状态,如鼠标位置,键盘按键状态 事件通常与函数结合使用,函数不会再事件发生前执行 document.onclick = function (event) { //兼容写法 event = event || window.event; console.log(event); 事件对象...原创 2018-07-08 23:25:56 · 89 阅读 · 0 评论 -
数组操作---push、concat、slice、join、shift
1.push 在原数组末尾添加元素,返回数组长度 var a=[1,2,3,4,5,6,7,8] var b=a.push(10,9) console.log(a)//Array(10)0:11:22:33:44:55:66:77:88:109:9ength: 10__proto__: Array(0) console.log(b)// 10...原创 2018-07-08 16:51:35 · 262 阅读 · 0 评论