display: none 把一个元素隐藏,同时去除了宽高,也就是在文档流中没有了元素的位置,但是会被加载 会产生回流和重绘 不会被子元素继承,但是父元素都不在了,子元素自然也就不会显示了 visibility: hidden 把一个元素隐藏,但不同的是该元素在文档流中依然占有原来的位置,同样是被加 ...
分类:
其他好文 时间:
2020-04-07 22:35:25
阅读次数:
74
节点应用 获取页面上的元素diva var diva=document.querySelector("#diva"); console.log(diva.childNodes);获取子节点 console.log(diva.children);获取子元素 console.log(diva.paren ...
分类:
Web程序 时间:
2020-04-07 09:17:10
阅读次数:
71
【逆战班】 通常我们在删除某个父元素下的若干子元素的时候 习惯使用for循环遍历来实现,但是下面这种情况就有点不好使了。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" cont ...
分类:
编程语言 时间:
2020-04-06 16:00:45
阅读次数:
66
<!-- 下面俩行代码就是解决异步加载数据导致swiper不轮播的关键 --> observer: true,//修改swiper自己或子元素时,自动初始化swiper observeParents: true,//修改swiper的父元素时,自动初始化swiper ———————————————— ...
分类:
Web程序 时间:
2020-04-06 11:27:15
阅读次数:
162
flex布局 用以代替浮动的布局手段; 必须先把一个元素设置为弹性容器;//display:flex; 一个元素可以同时是弹性容器和弹性元素; 设为flex布局以后,子元素的float、clear和vertical-align属性将失效。 主轴:弹性元素排列的方向; 弹性容器的属性 1、flex-d ...
分类:
其他好文 时间:
2020-04-05 23:54:02
阅读次数:
110
body中的内容如下所示,设置两个div盒子元素,其中分别放置两个p标签并写上文字。 第一种情况,css样式如下,注意给box1中的p标签设置了浮动属性,当一直调大margin-top的值,直到p标签中的文字超出了box1的范围,会发现box2中的文字不再居左显示,而是紧跟第一段文字后面显示,即使b ...
分类:
其他好文 时间:
2020-04-05 20:21:53
阅读次数:
84
在ivx中通用变量是经常使用到的一种变量,而且它的元素类型可以为数组,因此也常用作循环创建的数据来源,当我们要对循环创建出来的列表进行排序时,操作上其实就是对通用变量内部元素的一个排序,今天就说一下这种排序的具体操作。我们以这个通用变量为例,通用变量内包含一个元素employees,这个元素的属性是一个数组,每个数组元素包含两个子元素,number和lastName。为了便于观察,我们将通用变量的
分类:
编程语言 时间:
2020-04-03 23:54:03
阅读次数:
166
1、定义 虚拟dom就是一个简单的对象,包含标签名(tag)、属性(attr)、子元素(children),通过js操作virtual DOM,最终映射到真实的dom上。 2、为什么要用虚拟dom: 频繁地操作dom,会造成页面的回流和重绘,增加性能开销,降低页面的渲染速度。 把dom的操作放到js ...
分类:
其他好文 时间:
2020-04-03 23:30:09
阅读次数:
112
字重font weight font weight 的取值 : normal | bold |bolder |lighter |100 ~ 900 其中400对应的自重是normal ,700对应的是bold 字号 font size 百分数 百分数是子元素相对于父元素的大小,如父元素是20px,子 ...
分类:
Web程序 时间:
2020-04-03 19:55:50
阅读次数:
107
BFC就是页面上的一个隔离的独立容器,容器里面的子元素不会影响到外面的元素。反之也如此。包括浮动,和外边距合并等等,因此,有了这个特性,我们布局的时候就不会出现意外情况了。 display 属性为 block, list-item, table 的元素,会产生BFC. 给这些元素添加如下属性就可以触 ...
分类:
Web程序 时间:
2020-04-03 19:46:28
阅读次数:
124