- 博客(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关注的人