自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 踩坑——阻止默认事件导致的移动端滑动失效,解决滑动穿透

原因为了防止移动端弹窗滚动穿透到底层,做了一个弹窗蒙版,并且阻止了底层的默认事件。但是阻止默认事件会影响到子元素,于是就导致了这个bug——弹窗也无法滚动了。stopPropagation这个方法很常见,是阻止捕获和冒泡阶段中当前事件的进一步传播,意思就是不冒泡也不捕获,阻止父与子之间事件的传递。当你调用了stopPropagation,且为冒泡模式,点击子元素,不会触发父元素事件。捕获模式,点击子元素,不会触发子元素事件。用stopPropagation就可以阻止默认事件是否触发的设置在子父元

2021-08-24 16:44:53 655

原创 CSS盒子模型

怪异盒模型(IE盒模型)设置:box-sizing:border-box;特点:width(height) = width(height) + padding + border弹性盒模型设置:display:flex;特点:用于响应式布局flex-direction:row/row-reverse/column/column-reverse; //元素排列方向flex-wrap:wrap/wrap-reverse; //换行设置 默认不换行只收缩宽度flex-flow:derecti

2021-05-17 20:57:30 57

原创 原型链和圣杯模式

原型链寻值方式构造函数是个函数,实例是个对象实例: 自身->构造函数的prototype->继承父级的prototypeprototype本身也是一个实例,所以可以用另一个实例来代替它作为原型链的一环传统继承模式Son.prototype = Father.prototype缺点:当修改Son的prototype时,也会影响到Father的prototype圣杯模式function buffer(){}buffer.prototype = Father.pr

2021-05-16 22:02:58 121

空空如也

空空如也

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

TA关注的人

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