這個用animation復雜了點吧 直接給個transition加上過渡時間 然后兩個class直接控制translate就好了啊
2016-04-03
老師這個視頻里有好幾個地方寫錯有點馬虎啊,比如持續時間那里不是animation-direction,而應該是animation-duration,前面說了動畫名稱為sml后面又改為smf,但是為什么視頻里還執行成功了?害我回頭debug,暈啊。。
2016-04-02
有個地方有點不懂,既然translateX只是一個狀態而其真正狀態未變的話,那么,當移動closesidebar那個小圖標的話,也是應該按照其為改變的狀態來進行移動,也就是說,應該是translateX(40px),然后我有量了一下translateX(160px)的結果,竟然是100個像素,有點蒙圈。。。還望高手指點一下迷津吶。。。
2016-03-18
第三個,如果老師能根據兼容性問題做一點補充就好了。比如queryselector在ie8以下是不兼容的,
document.querySelectorAll那裡可以改成用getElementsByTagName("ul")[0]這種方式來替代比較穩妥。
document.querySelectorAll那裡可以改成用getElementsByTagName("ul")[0]這種方式來替代比較穩妥。
2016-03-15
首先我得感謝老師教會我面向對象的編程思路,很清晰。
但是我不得不說這個視頻有漏洞,不知道後面會不會補,我看著好糾結……
首先是側邊欄用設置透明度的方法實現隱藏,實際上雖然看不見,但是如果在實際使用中,還是會蓋到下面的介面的。
第二個,hasOpened那裡的判斷,少考慮了一種可能,那就是當 menuContentEl === self.currentOpendMenuContent的時候(即點擊的是剛打開的內容),要設置關閉。
但是我不得不說這個視頻有漏洞,不知道後面會不會補,我看著好糾結……
首先是側邊欄用設置透明度的方法實現隱藏,實際上雖然看不見,但是如果在實際使用中,還是會蓋到下面的介面的。
第二個,hasOpened那裡的判斷,少考慮了一種可能,那就是當 menuContentEl === self.currentOpendMenuContent的時候(即點擊的是剛打開的內容),要設置關閉。
2016-03-15
-webkit-animation-duration: 1s; animation-direction: 1s;應該為-webkit-animation-duration: 1s; animation-duration: 1s;
2016-03-06