零碎记

1、左右居中可，用margin：0 auto，但是上下居中就不能像这样用margin：auto 0了，可以用定位。

2、对一个元素同时用position和magin的话，会产生一些问题。例如：只有margin属性，没有position，这是设置margin：0 auto；会居中对齐。但是例如如果加了个position：absolute；即使不设置position的top、right、buttom、left属性值，此时居中也会失效。

　　margin中的auto此时不起作用，除非用具体的数值才会起作用（我猜是因为margin和position对元素的不同影响，因为都涉及到位置的移动，后面慢慢来看，做个实验）。

3、字符串也可以进行切片，slice（），所以同样可以对字符串进行遍历，但是是只读属性，不能增加，删除等。

　　var str = “abcdef”；

　　str[0] 即为a

4、break终止整个循环，continue跳出本次循环，终止单次循环

　　for (var i = 0; i < 10; i++) {

　　　　if (i == 5) {

　　　　　　// 结束这整个for循环，整个循环次数为5

　　　　　　// break

　　　　　　// 结束当前循环，即i=5的这次循环，整个循环次数为9

　　　　　　// continue

　　　　}

　　}

5、object，点语法在两种情况下不能使用。

　　(1) key包含了空格等字符；

　 （2）key存储在变量里；此时如果用点语法，会将变量当做一个字符串来解释，本身object里面是不存在这个字符串的，所以会出错

6、object，key里没有奇奇怪怪的东西例如空格之类的字符，就可以省略引号

7、object，你给一个key赋值的时候，如果该属性不存在，则会添加该属性；如果属性存在，则会覆盖之前的值

8、object，删除属性，delete objectName.keyName

9、API 应用程序接口。需要实现一个功能但是不知道怎么实现，然后这时候别人给了一个可以实现该功能的函数，这个函数就叫API

10、居中

　　block元素居中 margin：auto；

　　inline liline-block元素居中 text-align： center；

11、outline，可以跟div添加一个边框（跟border有区别），设置边框属性例如大小时不会影响div大小，这个outline只会紧紧贴着div块

12、${VarName} 作用是显示变量VarName的值，${}会被变量替换成变量名所拥有的值（字符串）

13、targetName.onmouseover = function() {//}    targetName.addEventListener('mouseover', function(){//}) 鼠标移到目标上触发事件

　　targetName.onmouseout = function() {//}       targetName.addEventListener('mouseout', function(){//})   鼠标从目标上移开触发事件

14、对一个对象设置动画后如animation，隶属于该对象的选择器如id选择器、类选择器或者是伪类选择器都可以对该动画进行属性设置，

　　而不是说在某一个选择器上加了动画之后就只能在该选择器上进行属性设置

　　<div id="test" class="class-test">示例</div>

　　#test {animation:gomove 1s}

　　@keyframes gomove {

　　　　from {//}

　　　　to{//}

　　}

　　// 虽然animation在#test{}里面，但是#test:hover和.class-test{}都指向同一对象，所以可以对#test{}里面的animation进行属性设置

　　#test:hover {animation-play-state: paused}

　　.class-test {animation-iteration-count: infinite}

 

15、p.part{}   只能对含有'part' class属性的段落应用该样式

 

　　.part{}   任何含有'part' class属性的元素应用该样式

 16、margin用于兄弟块之前产生间隙