JS TU 的学习思考及延生(自用回顾版)
1.关于number和string学习中
number+string->string
解决方式:parentInt来改变最终的变量
2.how many data types ?
answer:7
string,number,object,undefined,symbol,boolean,null
3.reference&value的区别:
person2直接修改了object可以通过{…}的方式:just copy the values,not reference to a person job
3.Global scope VS Local scope
key:1.与C等语言不同js没有块级作用域的说法,if语句中出现的变量会填充到当前的执行环境中
2.如果不声明变量如var 操作,在function(){}中变量可以在外部访问出现如下图所示的情况
4.power array methods
foreach :not return array
map:return new array ,not change size of origin array 很适用于HTMLelement:docment.body.innerHTML
filter:return new array ,base on condition
find:return single instance
5.如何在{}添加内容
6.统计每个对象出现的相应所需属性的次数:reduce方法
主要注意要判别从无到有的过程
DOM篇
1.getElementsByTagname() & querySelectorAll() 区别:
getElementsByTagname():HTMLCollection[ , ]-> array-like object
可以得到的:index,length property 不能:不能适用array method;
解决方法:可以使用[…items]来用array methods
querySelectorAll():NodeList :objects are collections of nodes ,can run for foreach
2.nodeValue 和textContent 的区别:
参考这个
3.className & classList 区别:
calssName使用多次会产生:overwrite的后果,classList不会,可以动态的添加
4.loadevent 和DOMContentLoaded区别:DOMContentLoaded立马执行不会等所有的资源都load,但是前者会等所有的资源都load了再执行