嗯~ 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ù)去追“同一屋檐下”了,就到這里吧(? ?_?)?
!