自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(15)
  • 收藏
  • 关注

原创 vscode常用快捷键

vscode常用快捷键

2022-11-21 21:46:41 672 1

原创 防抖&节流

防止太短时间内事件多次触发 而 造成计算机资源浪费,降低程序运行速度。重复的 ajax 调用不仅可能会造成请求数据的混乱,还会造成网络拥塞,占用服务器带宽,增加服务器压力。方法二:时间差大于规定的时间间隔 则 执行事件,并重新赋值最新的时间。一、节流(将多次执行变为每隔一段时间执行)二、防抖(将多次执行变为最后一次执行)方法一:定时器1s内触发一次事件。

2022-11-09 21:02:53 107

原创 多行文本省略

设置如何处理元素内的空白。:处理自动换行的方式。

2022-11-08 20:51:19 309

原创 数字累加动画

【代码】数字累加动画。

2022-11-03 20:51:18 127

原创 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 252

原创 scrollTop

scrollTop:代表在有滚动条时,滚动条向下滚动的距离也就是元素顶部被遮住部分的高度。在没有滚动条时scrollTop==0恒成立。offsetTop: 当前元素顶部距离最近父元素顶部的距离,和有没有滚动条没有关系。单位px,只读元素。clientHeight:视野可见的内容和内边距,不包括x轴的滚动条高度、边框、外边距;offsetHeight:在clientHeight的基础上, 加上边框和滚动条的高度;scrollHeight:所有的内容(包括肉眼看不见、溢出、被窗口遮挡的部分;

2022-10-18 20:06:48 486

原创 hover下拉菜单

【代码】hover下拉。

2022-10-10 22:32:12 345

原创 angular监听页面滚动

/ 文档对象(document)的根元素卷去的高。// 网页被卷去的高。window可换为指定元素;

2022-10-09 21:23:41 1721

原创 scroll事件不生效

高度不能100%(高度必须超过容器高度)

2022-10-08 21:03:26 467

原创 快速获取元素位置

它返回一个对象,其中包含了left、right、top、bottom四个属性,分别对应了该元素的左上角和右下角相对于浏览器窗口(viewport)左上角的距离。

2022-10-08 20:52:28 66

原创 元素上下左右居中

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 125

原创 angular

angular

2022-09-06 16:02:42 78

原创 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 135

原创 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 189

原创 阻止事件冒泡的3种方法

实现代码:$("#three").click(function(event) { event.stopPropagation(); });a.写入event.stopPropagation();事件处理过程中,阻止了事件冒泡,但不会阻击默认行为b.写入return false;事件处理过程中,阻止了事件冒泡,也阻止了默认行为c.写入event.preventDefault(); 事件处理过程中,不阻击事件冒泡,但阻击默认行为...

2022-04-19 21:40:40 3172

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除