1 原生js的dom操作
创建节点 createElement
移除节点 removeChild
替换节点 replaceChild(oldNode,newNode)
插入节点 insertBefore(newNode, refNode)在refNode节点前添加newNode
添加节点 appendChild(childNode)
高级选择器 querySelector(css选择器)
2、 == 的隐式转换
①、双等号两边有一个 NaN 一律返回false
②、双等号两边有布尔值,将布尔值转换成数字 false => 0 , true => 1
③、 如果等号一边有字符串,另一边有三种情况
(1) 如果是字符串,则直接比较
(2) 如果是对象,则先调用valueOf()方法,如果没有则调用toString()方法
(3) 如果是数字,则将字符串转换成数字,然后进行比较
(4) 如果是其他,则直接返回false
④ 如果是数字和对象比较,则调用对象的valueOf() 或者 toString()方法 进行比较
⑤ null == undefined
转换对象是先调用valueOf()方法,如果返回对象是对象本身或者一个对象则再调用toString()方法
但date对象是个例外,date对象默认先调用toString()方法、
eg : new Date() + 1 => "Mon Aug 14 2017 15:40:31 GMT+0800 (中国标准时间)1" 返回字符串
3、 对于运算,先用Number()将对象转换成数字,然后进行计算
5 * null = 0 因为 Number(null) = 0
5 * "A" = NaN 因为 Number("A") = NaN
如果Infinity与0相乘,结果是NaN
5 / 0 5/null ==> 结果是 Infinity
0 / infinity ==> 0
但是 0/0 ==> 结果是 NaN
取余的隐式转换规则
Infinity%Infinity结果是NaN
a % b 中 b 是除数, a 是被除数
被除数无穷大, 除数有限大, 则 NaN
被除数有限大, 除数为0, 则NaN
被除数有限大, 除数无限大, 则结果是被除数
被除数是0 , 结果是0
0 % NaN ==> NaN
5 - Infinity ==> -Infinity
console.log(Infinity-Infinity);//NaN
console.log("两个数的差是"+5-5);//NaN
console.log("两个数的差是"+(5-5));//两个数的差是0
4、DOM事件流
DOM事件流分为冒泡型事件流和捕获型事件流
点击事件的发生过程是 事件捕获 事件处理 事件冒泡
事件捕获是从windows ——> document ——> html ——> body ——>目标元素
处理事件
事件冒泡是 从目标元素——>body——>html——>document——> windows
所以事件会被触发两次,所以要阻止事件的冒泡
5、为什么要清除浮动元素? 怎么清除?
网友评论