零碎记

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

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

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

三、字符串也能够进行切片，slice（），因此一样能够对字符串进行遍历，可是是只读属性，不能增长，删除等。

　　var str = “abcdef”；

　　str[0] 即为a

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

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

　　　　if (i == 5) {

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

　　　　　　// break

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

　　　　　　// continue

　　　　}

　　}

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

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

　 （2）key存储在变量里；此时若是用点语法，会将变量当作一个字符串来解释，自己object里面是不存在这个字符串的，因此会出错

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

七、object，你给一个key赋值的时候，若是该属性不存在，则会添加该属性；若是属性存在，则会覆盖以前的值

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

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

十、居中

　　block元素居中 margin：auto；

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

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

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

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

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

1四、对一个对象设置动画后如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}

 

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

 

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

 1六、margin用于兄弟块以前产生间隙