自定义博客皮肤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)
  • 收藏
  • 关注

原创 Vue中关于scoped以及scoped样式穿透的原理与使用详解

当多个组件中有相同的元素或相同的类名时,在其中一个组件中更改该元素的样式,会导致所有组件中的样式更改,造成样式污染,若只想该样式在当前组件生效就需要用到scoped。使用scoped会导致一个问题,就是若在当前组件引入一个新的组件,更改新的组件中元素的属性是无法生效的。若只想要demo中的h1样式改变,需在demo中的style标签中添加scoped属性。属性并未给h2添加属性,却在符合选择器中最后一个选择器。放在谁的后面,属性选择器就加在哪个选择器的后面。后添加属性选择器所导致的。

2023-01-30 17:49:36 877 1

原创 JS之pageY,clientY,screenY,offsetY,clientTop,offsetTop区别测试

pageY:鼠标在整个html页面y轴的位置 clientY:鼠标在整个视口的位置 screenY:鼠标到浏览器最上端的距离 offsetY:鼠标相对于触发事件的元素的位置 clientTop:元素顶部边框的宽度 offsetTop:元素到到浏览器最上端的距离......

2022-06-08 21:14:25 595

原创 jQuery笔记

入口函数 $(function(){ 函数体 }); $(document).ready(function(){ 函数体 }); 顶级对象 $是jQuery的顶级对象,相当于原生js中的Window,元素利用其包装成jQuery对象,就可以调用jQuery的方法 jQuery对象与DOM对象 DOM对象转换为jQuery对象:$(DOM对象) jQuery对象转换为DOM对象:$(DOM对象)[index]或 $(DOM对象)get(index) jQuery选择器 基础选择器:$(

2021-04-13 22:39:43 71

空空如也

空空如也

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

TA关注的人

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