一些小tips

关于js当中的style属性的问题

style对象：

pixelLeft
pixelTop
pixelWidth
pixelHeight

返回以像素为单位的位置坐标的数值,非像素单位转换为像素单位显示。

left
top
width
height

返回带单位的位置坐标字符串

关于选择器的小知识

​ 找到P元素，通过P找到父元素，通过父元素找子元素当中类型为P的，然再去找第几个。
​ p:first-of-type
​ p:last-of-type
​ p:nth-of-type(n)
​ p:nth-last-of-type(n)
​ 如果使用的是child;
​ p:first-child
​ 找到P元素,通过P找到父元素，通过父元素找所有的子元素，找第一个元素，匹配判断类型(如果不是无效选择器)

关于单冒号与双冒号

区别：css3规范：单冒号表示伪类 双冒号表示伪元素

关于box-show的小知识

参数1：x轴的偏移
参数2：y轴的偏移
参数3：阴影的模糊的
(参数4：阴影的延伸)
参数5：阴影的颜色
参数6：内阴影 外阴影

​ box-shadow: 0 -2px 2px (10px) #d8d8d8 inset;

关于json与js对象

json 与js对象的区别

json是一个字符串，且有固定的格式

js对象是一个对象

两个类型就不一样
json-->js
JSON.parse(jsonString): 在一个字符串中解析出JSON对象
js-->json
JSON.stringify(obj) : 将一个JSON对象转换成字符串