- 博客(10)
- 收藏
- 关注
RSS订阅原创 css transform实现遮罩层
要实现的遮罩层效果：<div class="father"> <div class="cover">编辑</div></div>scss实现样式：.father{ position: relative; overflow: hidden; // 利用hidden把x轴位移-100%的遮罩层隐藏 &:hover{ .cover{ //鼠标悬浮到父元素时，遮罩层回到本来位置 transform:
2021-10-28 22:12:28
319
原创 addEventListener但是不调removeEventListener引发的“惨案“
Bug症状：在B页面点击a标签下载文件，却在下载成功后调用了A页面的几个http请求。看得我直呼好家伙！寻找病理： //点击下载按钮调用此方法下载文件 static downloadFileByUrl(url: string) { const urlObject: any = window.URL || window; let saveLink: any = document.createElement("a"); saveLink.href = url; sav
2021-09-16 00:04:24
444
原创 scrollHeight、clientHeight、offsetHeight、 scrollTop
由于需要实现下拉分页加载，所以对scrollHeight、clientHeight、offsetHeight、 scrollTop做些简单总结。一、scrollHeight、clientHeight、offsetHeight具体指的是哪些范围？scrollHeight—所有的内容（指左图中有文字的红色框框内）和内边距，这个内容包括肉眼看不见、溢出、被窗口遮挡的部分。clientHeight—右图中视野内可见的内容和内边距，不包括x轴的滚动条高度、边框、外边距。offsetHeight—右图中，在c
2021-08-17 17:25:18
382
原创 手写call、apply函数
Function.prototype.myCall = function(context){ //this指向调用myCall的函数 if(typeof this !== 'function'){ console.log("not function!"); return; } context = context || window; context.fn = this; //arguments是Object类型 const ar
2020-05-18 22:49:15
129
原创 手写简易版promise
const PENDING = 'pending'; const RESOLVED = 'resolved'; const REJECTED = 'rejected'; function MyPromise(fn) { const that = this; that.state = PENDING; that.value = null; that.r...
2020-05-05 22:04:44
249
原创 给splice()、slice()、split()总是分不清的自己
已经写了一年多的js，用了无数次字符串分割，嗯！但是还是傻傻分不清splice、slice和split，每次都要搜。。。。这两天又碰上了，但是我决定不再逃避了！来！总！结！一、给谁用 ？splice()即Array.prototype.splice()。是数组对象的方法。slice()有String.prototype.slice()和Array.prototype.slice()。因...
2019-11-19 15:26:06
220
原创 js数据类型判断——typeof、instanceof 和 Object.prototype.toString.call
对比总结typeof、instanceof 和 Object.prototype.toString.call1、typeof判断数据类型对于值类型数据：string、number、boolean、undefined、null用typeof判断值类型数据时，前四种数据会返回类型对应的小写字符串，但是null返回“object”。对于引用类型数据，即对象，typeof都返回“object”。...
2019-11-18 15:05:45
201
原创 Vue向已定义的空对象添加的新属性和值，无法在页面上渲染。
问题背景：先在data中定义了一个空对象obj:{}，ajax获取后台数据之后，将新的属性名和属性值赋给obj，结果发现页面上渲染不出数据。个人解决方式：重新定义了obj这个对象，把obj这个对象要从后台获取的属性全都先定义好了，形如：obj:{ a : ’ ', b : ’ ’ }。我这个方法只适合新添加的属性较少的情况，数据多时不可取。官方文档的相关解释：1、data是什么？2、...
2019-10-29 15:24:39
3637
原创 键盘事件总结
1、定义keydown：按下键盘键keypress：紧接着keydown事件触发（只有按下字符键时触发）keyup：释放键盘键顺序为：keydown -> keypress ->keyup2、详解1）用户按下键盘上的字符键时首先会触发keydown事件然后紧接着触发keypress事件最后触发keyup事件如果用户按下了一个字符键不放，就会重复触发keydown...
2019-10-10 16:19:14
126
原创 Vue深度监听总结
关于深度watch的一点总结最近两天项目中需要监听多层嵌套的属性。由于在之前项目里，对Vue中watch的使用都是停留在简单层面，所以在需要监听一个多层嵌套的属性时，就显得我 too young too simple了。因此，又去vue官网、掘金什么的深入学习，并且用代码测试了一番。template中的内容：<template> <div id="Index">...
2019-08-29 13:45:54
643
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人