零碎記

一、左右居中可，用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用於兄弟塊以前產生間隙