嗯~ o(￣▽￣)o.............，怎么說呢...........感覺好久沒寫過簡書了，U1S1，前面好像都是在劃水........這周說下進程吧，上周吭吭哧哧把第一個DNF官網(wǎng)拿下來，在這周寫網(wǎng)頁的時候進度快了一些，完成了階段剩下要求的四個網(wǎng)頁，其中也有一些不足之處，發(fā)現(xiàn)了自己動畫方面的不足之處，在寫和平精英官網(wǎng)時著重練習了各種動畫，如3D魔方，走馬燈，手風琴切換引起的背景圖切換......算是對動畫能夠初步的掌握。其中感覺在動畫中應用的關鍵是input和label標簽的搭配使用，真的方便了很多，結(jié)合opacity或者display:none，能夠?qū)崿F(xiàn)好多動畫的展示。
這個階段過程中給我最大感受的是，在后期用大屏寫網(wǎng)頁的時候和最后展現(xiàn)到小屏上顯示出來的有差異，對于同學們常說的縮放問題上總是出現(xiàn)移動的問題，主要還是定位+margin沒能夠用好，其中在寫華為官網(wǎng)的時候，因為其版面比較規(guī)整，在學長先前提到過了Flex布局，所以就刻意用了一下，當然在一些大的圖片布局方面，flex布局確實展示了它的妙不可言之處，最后后面的網(wǎng)頁在寫nav欄時候嘗試使用，發(fā)現(xiàn)在后面菜單欄的展示上，可能出現(xiàn)位置不匹配，這時候需要在通過padding或者margin來調(diào)試，總結(jié)下來，就是flex布局在大比較規(guī)整的盒子下或者圖片中進行運用，且盡量只對一個盒子進行應用，多個盒子出現(xiàn)，會將其變成同一行。
在動畫方面，第一次做輪播圖，單純的像個孩子一樣用float，在后面寫動畫時候，輪播圖用flex+overflow，更加合適，但是有一個問題就是如果再加上label標簽的使用，如果裝圖片的盒子移動位置用relative，移動位置時候用%形式，發(fā)現(xiàn)后期在進行點擊實現(xiàn)時候，無法得知移動距離，如果用px則能夠知道精確位置，較為容易實現(xiàn)。
so..........我繼續(xù)去追“同一屋檐下”了，就到這里吧(? ?_?)?
!
