课程: Learning JavaScript Debugging
今天就学习课程吧!
今天就开通帐号,24,700 门业界名师课程任您挑!
Challenge: Putting it all together
(upbeat electronic music) - [Instructor] In this challenge, we're going to look for and solve a few problems with another version of the Hansel and Petal page using the techniques we've covered so far. On this page, we have a little modal pop-up that appears to ask customers to join the mailing list. I'm going to reload this to make sure we can see it. After a couple of seconds, there it goes. We want it to fade in and out nicely and be dismissible via its Close button here or the Escape key. And once it's been displayed to the user, we want to make sure that they don't see it over and over again. So that's what we expect, but there are a few strange behaviors happening here. First of all, when I close the modal, it disappears way less gracefully than it appears. The modal is made with a couple of simple elements for its overlay and content with the animation coming from CSS transitions. You can look at the…
随堂练习,边学边练
下载课堂讲义。学练结合,紧跟进度,轻松巩固知识。
内容
-
-
-
-
(已锁定)
Debugging without a debugger5 分钟 16 秒
-
(已锁定)
Leverage more of the Console API7 分钟 4 秒
-
Stop and look around: Simple breakpoints5 分钟 24 秒
-
(已锁定)
Explore other breakpoint options7 分钟 47 秒
-
(已锁定)
Challenge: Knowing when to stop2 分钟 28 秒
-
(已锁定)
Solution: Knowing when to stop3 分钟 56 秒
-
(已锁定)
Step into, over, and out of functions5 分钟 48 秒
-
(已锁定)
Find out where you are using the call stack4 分钟 34 秒
-
(已锁定)
Monitor variables with watches5 分钟 16 秒
-
(已锁定)
Source maps to debug minified files4 分钟 41 秒
-
(已锁定)
Challenge: Putting it all together4 分钟 10 秒
-
(已锁定)
Solution: Putting it all together8 分钟 52 秒
-
(已锁定)
-
-