[JavaScript知识库]查漏补缺（三）

隐式类型转换

console.log("A"- "B"+"2")  //NaN2
//"A"- "B":用Number函数转换为数值，其结果为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</div>
<div class="div2">yyyyy浮动元素</div>

track标签

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

embed标签

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

代码回收规则

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

伪类和伪元素的区别

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

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

CSS3选择器

css 使用服务端的字体

@font-face { font-family : name ; src : url( url ) ; sRules }

h5跨文档信息传输

1. 可以实现同域内的 web 页面之间可以互相通信
2. 可以相互传递字符串和对象
3. 使用这个功能，需要获取到网页所在窗口对象的实例

DOM

DOM树中总共分为如下几种节点格式：Element类型（元素节点）、Text类型（文本节点）、Comment类型（注释节点）、Document类型（document节点）。

blink

设置后字符串会闪动

str.blink()

mark标签

突出显示mark标签里面的文本，变黄

strong标签

定义重要文本，用来加粗文本
注意：em标签表示强调，strong、b标签都不表示强调。b标签表示粗体文本

highlight

突出特效，通过改变背景颜色来隐藏或者显示一个元素