- 博客(15)
- 收藏
- 关注
RSS订阅
1原创 防抖&节流
防止太短时间内事件多次触发 而 造成计算机资源浪费，降低程序运行速度。重复的 ajax 调用不仅可能会造成请求数据的混乱，还会造成网络拥塞，占用服务器带宽，增加服务器压力。方法二：时间差大于规定的时间间隔 则 执行事件，并重新赋值最新的时间。一、节流（将多次执行变为每隔一段时间执行）二、防抖（将多次执行变为最后一次执行）方法一：定时器1s内触发一次事件。
2022-11-09 21:02:53
108
原创 transform、transition、animation
transform: scale(x轴缩放倍数,y轴缩放倍数);一般情况下,只为scale设置一个值,表示x轴和ye轴等比例缩放 transform:scale(缩放倍数) scale值大于1 表示放大 scale值小于1 表示缩小。animation: 动画名称 动画时长 速度曲线 延迟时间 重复次数 动画方向 执行完毕时的状态。如果有2个时间值 第一个时间表示动画时长 第二个时间表示延迟时间。2:使用动画 animation:动画名称 动画花费时长;动画名称和动画时长必须赋值。onload 函数中。
2022-11-01 20:56:40
256
原创 scrollTop
scrollTop：代表在有滚动条时，滚动条向下滚动的距离也就是元素顶部被遮住部分的高度。在没有滚动条时scrollTop==0恒成立。offsetTop: 当前元素顶部距离最近父元素顶部的距离,和有没有滚动条没有关系。单位px，只读元素。clientHeight：视野可见的内容和内边距，不包括x轴的滚动条高度、边框、外边距；offsetHeight：在clientHeight的基础上， 加上边框和滚动条的高度；scrollHeight：所有的内容(包括肉眼看不见、溢出、被窗口遮挡的部分；
2022-10-18 20:06:48
489
原创 快速获取元素位置
它返回一个对象，其中包含了left、right、top、bottom四个属性，分别对应了该元素的左上角和右下角相对于浏览器窗口（viewport）左上角的距离。
2022-10-08 20:52:28
70
原创 元素上下左右居中
1.margin-top(需要给父元素添加padding/border/overflow防止父元素一起被带下来)；在父元素上text-algin：center和margin：0 auto;可分别设置子元素为inline和block元素。3. 1）首先需要将父元素样式设置position：relative；2）将子元素样式设置position：absolute；子元素为inline则设置text-height和父元素一样高；万能：子元素使用子元素使用绝对定位；
2022-09-21 21:32:32
126
原创 ng-container、ng-template、ng-content异同点
相同：1.都不会渲染成DOM元素不同：2.ng-template和ng-container可与ngif/ngfor等结构性指令结合使用，效果一样。3.ng-content子组件内占位使用，仅有select属性，支持css选择器。4.ng-template
2022-08-24 21:35:37
137
原创 position属性
1.static默认属性，即没有定位，元素出现在正常的流中。因此这种定位就不会受到top、bottom、left、right的影响。2.fixed（脱离文档流）fixed定位是指元素的位置相对于浏览器窗口是固定位置。（ fixed定位在IE7和IE8下需要描述！DOCTYPE才能支持）3.relative相对自身本来的位置。并且其元素移动后原来占据的位置仍然存在，并不影响其他元素。4.absolute（脱离文档流）相对设置了非static属性的父级元素，若无，则相对于body
2022-05-17 21:32:22
196
原创 阻止事件冒泡的3种方法
实现代码：$("#three").click(function(event) { event.stopPropagation(); });a.写入event.stopPropagation();事件处理过程中，阻止了事件冒泡，但不会阻击默认行为b.写入return false;事件处理过程中，阻止了事件冒泡，也阻止了默认行为c.写入event.preventDefault(); 事件处理过程中，不阻击事件冒泡，但阻击默认行为...
2022-04-19 21:40:40
3174
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人