前端学习笔记——阶段遇到疑问总结

CSS相关问题

相对定位与绝对定位

相对定位：相对于自己原来的位置，偏移一些距离
绝对定位：相对于自己父元素的位置，偏移一些距离

光标样式cursor

none 无光标
pointer 竖起一只手指的手形光标

JavaScript相关问题

getElementById()与querySelector()

使用JavaScript获取元素的时候，最常用的方法是document。getElementById(getXXXByXX)方法。但是最近发现有很多地方使用的是querySelector方法。
文档对象模型Document引用的querySelector()方法返回文档中与指定选择器组匹配的第一个heml元素Element。如果找不到匹配项，则返回null。

大部分的时候这两种方法是可以互换的，这里介绍一下两者的不同之处。
getElemetById()(getXXXByXX)获取动态集合：通过函数获取元素之后，元素之后的改变还是会动态添加到已经获取的这个元素中。换句话说，通过这个方法获取到元素存储到变量的时候，以后每一次在JavaScript函数中使用这一个变量时候都会再去访问一下这个变量对应的html元素。

querySelector()获取静态集合：通过函数获取元素之后，元素之后的改变不会影响之前获取后存储到的变量。也就是获取到元素之后就和html中的这个元素没有关系了。