- 博客(6)
- 收藏
- 关注
RSS订阅原创 各种函数的this指向
1.普通函数 -- 指向window 2.构造函数中this -- 实例对象 3.构造函数中this -- 实例对象 4.对象中的方法中的this -- 实例对象 5.定时器函数里面的this -- window 6.事件绑定的this -- 事件源 7.箭头函数中的this，没有默认指向，一般指向外层函数this...
2022-06-18 21:33:20
422
1
原创 防抖和节流
频繁触发某个操作时，只执行最后一次。当持续触发一个事件时，在一定时间内，事件没有再触发，才执行回调函数。如果又触发了时间，就重新计时。类比坐电梯，如果电梯门快要关闭，有一个人要进电梯，电梯门会重新开始计时关闭。没有人在坐就关闭电梯，电梯运行（看其他小伙伴们说到的，这个例子真的很清晰防抖原理节流单位时间内，频繁触发同一个操作，只会触发一次。不管事件触发有多频繁，都会保证在设定事件内执行一次回调函数节流原理......
2022-06-18 20:10:19
106
原创 js基础一些知识点总结
js基础一些知识点总结数据类型undefined与null的区别let num //undefinedconsole.log(undefined+1)//NaNundefined 声明一个变量没有赋值let num = null //nullconsole.log(null+1) //1null赋值了但内容为空检测null数据类型得到的是object因为js底层的语言设计缺陷所导致的隐式转换+号作为正号解析可以转换为Number任何数据和字符串相加结果都是字符串减法
2022-05-28 16:46:57
87
原创 用flex布局摆放骰子位置
用flex布局摆放骰子位置1点.box{ width: 200px; height: 200px; background-color: #fff; border-radius: 20px; /*主轴侧轴方向居中*/ display: flex; justify-content: center; align-items: center;}.box>div{ width: 40px;
2022-05-23 11:44:32
135
原创 盒子居中的几种方法
盒子居中的几种方法拿下面的例子来说1. 绝对定位 + 变换移动.box{ position: relative; width: 300px; height: 300px; background-color: pink; } .box>div{ position: absolute; left: 50%;
2022-05-20 20:47:26
1764
原创 css三个长度单位 px, rem ,vw
css三个长度单位pxpx单位是绝对单位，无论屏幕窗口多大，文字图片盒子等等都是那么大rem (现在常用的单位rem是相对单位，与html文字大小有关系一般设置html的字体大小为视口宽度的1/10①通过媒体查询实现/* 每个视口宽度都要设置相应的字体大小*/@media (max-width = 375px){ html{ font-size: 37.5px; }}@media (width:414px) { html { fo
2022-05-20 19:52:09
194
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人