web笔记
文章平均质量分 63
ᴀs ʏᴏᴜ ʟɪᴋᴇ
这个作者很懒,什么都没留下…
展开
-
Vue中关于scoped以及scoped样式穿透的原理与使用详解
当多个组件中有相同的元素或相同的类名时,在其中一个组件中更改该元素的样式,会导致所有组件中的样式更改,造成样式污染,若只想该样式在当前组件生效就需要用到scoped。使用scoped会导致一个问题,就是若在当前组件引入一个新的组件,更改新的组件中元素的属性是无法生效的。若只想要demo中的h1样式改变,需在demo中的style标签中添加scoped属性。属性并未给h2添加属性,却在符合选择器中最后一个选择器。放在谁的后面,属性选择器就加在哪个选择器的后面。后添加属性选择器所导致的。原创 2023-01-30 17:49:36 · 870 阅读 · 1 评论 -
JS之pageY,clientY,screenY,offsetY,clientTop,offsetTop区别测试
pageY:鼠标在整个html页面y轴的位置clientY:鼠标在整个视口的位置screenY:鼠标到浏览器最上端的距离offsetY:鼠标相对于触发事件的元素的位置clientTop:元素顶部边框的宽度offsetTop:元素到到浏览器最上端的距离......原创 2022-06-08 21:14:25 · 584 阅读 · 0 评论 -
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 · 67 阅读 · 0 评论