为了账号安全,请及时绑定邮箱和手机立即绑定

侧边栏信息展示效果

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下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消