亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定

側邊欄信息展示效果

GreenBoots Web前端工程師
難度初級
時長 1小時34分
學習人數
綜合評分9.43
75人評價 查看評價
9.8 內容實用
9.3 簡潔易懂
9.2 邏輯清晰
這個用animation復雜了點吧 直接給個transition加上過渡時間 然后兩個class直接控制translate就好了啊
老師這個視頻里有好幾個地方寫錯有點馬虎啊,比如持續時間那里不是animation-direction,而應該是animation-duration,前面說了動畫名稱為sml后面又改為smf,但是為什么視頻里還執行成功了?害我回頭debug,暈啊。。
有個地方有點不懂,既然translateX只是一個狀態而其真正狀態未變的話,那么,當移動closesidebar那個小圖標的話,也是應該按照其為改變的狀態來進行移動,也就是說,應該是translateX(40px),然后我有量了一下translateX(160px)的結果,竟然是100個像素,有點蒙圈。。。還望高手指點一下迷津吶。。。
3.使用了各種新特性,兼容性非常不好,在實際開發中根本不實用。
我感覺這個視頻上傳之前都沒有好好地測試一遍,直接就在視頻上面開始寫了,我想給個差評!
錯漏百出,邏輯漏洞太多了!
1.打開內容欄之後,關閉sidebar,,內容欄沒有跟著跑回去
2.沒有考慮一直點同一個menubar的裏的同一個item的時候的情況。
第三個,如果老師能根據兼容性問題做一點補充就好了。比如queryselector在ie8以下是不兼容的,
document.querySelectorAll那裡可以改成用getElementsByTagName("ul")[0]這種方式來替代比較穩妥。
首先我得感謝老師教會我面向對象的編程思路,很清晰。
但是我不得不說這個視頻有漏洞,不知道後面會不會補,我看著好糾結……
首先是側邊欄用設置透明度的方法實現隱藏,實際上雖然看不見,但是如果在實際使用中,還是會蓋到下面的介面的。
第二個,hasOpened那裡的判斷,少考慮了一種可能,那就是當 menuContentEl === self.currentOpendMenuContent的時候(即點擊的是剛打開的內容),要設置關閉。

最新回答 / weibo__幸福不遠__0
再點擊已打開實際上執行了一次關閉自己然后再打開了自己
側邊欄可以封裝成一個插件,以便以后復用
老師Sublime裝了什么插件,可以實現智能提示不同瀏覽器的前綴
-webkit-animation-duration: 1s; animation-direction: 1s;應該為-webkit-animation-duration: 1s; animation-duration: 1s;
從開始在慕課網學習到現在,我覺得這是講javascript最好的老師
挺難得。我的JavaScript還是好low
老師的js功底比css好多了 逃~
講解的很清楚,邏輯清晰,很棒!
課程須知
1.本課程屬于難度比較大的前端課程;2.對HTML、CSS有較深理解;3.尤其對JavaScript中的構造函數、原型鏈、冒泡及閉包等技術有所了解;4.你還要熟悉CSS3動畫方面的知識。
老師告訴你能學到什么?
1.學會如何實現側邊欄內容效果;2.對CSS3動畫添加有較深的理解;3.掌握構造函數的方法;4.代碼實戰開發的一些經驗。

微信掃碼,參與3人拼團

微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號

友情提示:

您好,此課程屬于遷移課程,您已購買該課程,無需重復購買,感謝您對慕課網的支持!

本次提問將花費2個積分

你的積分不足,無法發表

為什么扣積分?

本次提問將花費2個積分

繼續發表請點擊 "確定"

為什么扣積分?

舉報

0/150
提交
取消