当前位置：网站首页>查漏补缺（三）

查漏补缺（三）

2022-04-23 05:53:00 【KK要继续努力】

隐式类型转换

符号	转换结果
-、*、/、%、++、–	将字符串转换为数字
+	将数字转换为字符串

console.log("A"- "B"+"2")  //NaN2
//"A"- "B":用Number函数转换为数值，其结果为NaN，在减法操作中，如果有一个是NaN，则结果是NaN

一元加减操作符

类型	结果
数字	不变（如果数字第一位是0，转换后去掉0）
布尔类型	true变为1，false变为0
null	0
undefined	NaN
字符串	字符串为纯数字，返回相应数字；不是返回NaN
对象	NaN

一元减操作符与加操作类似，只不过返回的是负数

onchange是文本框（input或者textarea）内容改变时触发事件

元素层级显示优先级

帧元素>表单元素>非表单元素
帧元素：frameset、frame、iframe
表单元素：文本输入框，密码输入框，单选框，复选框，文本输入域，列表框等等；
非表单元素：a、div、table、span等

手动写动画最小时间间隔为16.7ms

多数显示器的默认频率是60hz,即每秒刷新60次。所以理论上的最小间隔是1/60*1000ms=16.7ms

选择器权重

在这里插入图片描述

浮动元素重叠问题

针对这句话的实例：如果有非浮动元素和浮动元素同时存在，并且非浮动元素在前，则浮动元素不会高于非浮动元素

浮动元素与块级元素

浮动元素背景、边框在块级元素下面，文字与块级元素同级

.div2 {
    
    background-color: pink;
    border: 1px solid red;
    width: 500px;
    height: 300px;
    float: left;
}
.div1 {
    
    background-color: green;
    border: 1px solid green;
    width: 700px;
    height: 500px;
}
<div class="div1">xxxxx</div>
<div class="div2">yyyyy浮动元素</div>

浮动元素与行内元素

行内元素的边框、背景、内容与浮动元素平级显示

.div2 {
    
    background-color: pink;
    border: 1px solid red;
    width: 500px;
    height: 300px;
    float: left;
}
span {
    
    background-color: green;
    border: 1px solid green;
    width: 700px;
    height: 500px;
}
<span class="div1">xxxxx</span>
<div class="div2">yyyyy浮动元素</div>

track标签

track标签为诸如 video 元素之类的媒介规定外部文本轨道。
用于规定字幕文件或其他包含文本的文件，当媒介播放时，这些文件是可见的。

embed标签

embed标签定义嵌入的内容，此为空标签，没有内容

代码回收规则

1.全局变量不会被回收。
2.局部变量会被回收，也就是函数一旦运行完以后，函数内部的东西都会被销毁。
3.只要被另外一个作用域所引用就不会被回收

伪类和伪元素的区别

CSS3中伪类和伪元素的语法不同：伪类 :link、:hover；伪元素 ::before、::after
可以同时使用多个伪类，而只能同时使用一个伪元素；
伪元素/伪对象：不存在在DOM文档中，是虚拟的元素，是创建新元素。这个新元素(伪元素) 是某个元素的子元素，这个子元素虽然在逻辑上存在，但却并不实际存在于文档树中.
伪类：存在DOM文档中，(无标签,找不到, 只有符合触发条件时才能看到 ), 逻辑上存在但在文档树中却无须标识的“幽灵”分类。

本质区别：是否创造了新的元素,这个新创造的元素就叫伪元素。