不熟悉的CSS

querySelector() 方法返回文档中匹配指定 CSS 选择器的一个元素。

注意： querySelector() 方法仅仅返回匹配指定选择器的第一个元素。如果你需要返回所有的元素，请使用querySelectorAll() 方法替代。

A>B：

是CSS3特有的选择器，表示选择A元素的所有子B元素。与A B的区别在于，A B选择所有后代元素，而A>B只选择一代。
另外：没有<的用法。

E+F表示HTML中紧随E的F元素。

nth-child是个伪类的用法，如p:nth-child(2)就表示在p的父元素中选择位居第二位的p，

eval:可以解析任何字符串变成JS

<script>
var str = 'function show(){alert(123)}';

eval(str);

show()
</script>

parse：只能解析JSON形式的字符串变成JS

<script>
var str = '{"name":"hello"}';   //一定是严格的JSON形式

var json = JSON.parse(str);

alert( json.name );
</script>

stringify:把JSON转化为字符串

<script>
var json = {name : "hello"};
var str = JSON.stringify(json);
alert( str );
</script>