这个用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