课程: Mastering Web Developer Interview Code
免费学习该课程!
今天就开通帐号,24,700 门业界名师课程任您挑!
How do you debug CSS using your browser?
- [Instructor] In a previous interview with John Ravello, we learn that one of the important skills developers need is the ability to debug other code. In this episode, we're going to take a look at some of my favorite ways to debug CSS with the Chrome Developer Tools. Now, although we're using Chrome right here, all browsers have their own set of developer tools, which are fairly comparable with what I'm going to be showing you in Google Chrome. Now, regardless of the tool you're using, it's critical to be comfortable with the developer tools that you know. Developer tools are pretty deep. So I'm just going to focus in CSS, in this episode, and the following things. First, I'm going to talk about navigating the DOM, or the structure of your page, so that you can target a specific element. In the Chrome browser, you do that through the Elements tab. Now second, we're going to take a look at the two main places where…
内容
-
-
-
How do you use the data- attribute in HTML?11 分钟 14 秒
-
(已锁定)
Are you comfortable using jQuery?11 分钟 32 秒
-
(已锁定)
Describe when you should use the bind() method5 分钟 21 秒
-
(已锁定)
Do you know how to use the conditional operator?3 分钟 43 秒
-
Have you used Ajax to load an external file?8 分钟 25 秒
-
(已锁定)
Have you used JavaScript templates?7 分钟 3 秒
-
(已锁定)
How do you manipulate the DOM?11 分钟 7 秒
-
(已锁定)
How do you search using functional programming?6 分钟 27 秒
-
How do you use a constructor to create instances?10 分钟 33 秒
-
(已锁定)
How do you use arrow functions in ES6?6 分钟 30 秒
-
(已锁定)
How do you use the Fetch API?7 分钟 22 秒
-
(已锁定)
How do you render JSON to a DOM element?9 分钟 36 秒
-
(已锁定)
How does an IIFE work?7 分钟 12 秒
-
(已锁定)
How does immutability work in JavaScript?4 分钟 12 秒
-
(已锁定)
How would you use JavaScript reduce()?3 分钟 54 秒
-
(已锁定)
Quick concepts: Do you have experience linting your code?2 分钟 31 秒
-
(已锁定)
What are event bubbling and propagation about?11 分钟 42 秒
-
(已锁定)
What does "use strict" do?3 分钟 28 秒
-
(已锁定)
What is a callback and how do you use it?8 分钟 51 秒
-
(已锁定)
What is the relationship between promises and callbacks?9 分钟 57 秒
-
(已锁定)
What is the virtual DOM?7 分钟 7 秒
-
(已锁定)
What is variable hoisting and how do you guard against it?8 分钟 43 秒
-
(已锁定)
What tooling options have you used in the past?7 分钟 11 秒
-
(已锁定)
When would you use recursion?6 分钟 25 秒
-
(已锁定)
Can you build a Sass mixin?7 分钟 57 秒
-
(已锁定)
Do you know how to use CSS variables?10 分钟 38 秒
-
(已锁定)
Animate an underline on hover in CSS9 分钟 48 秒
-
(已锁定)
Explain the difference between absolute and relative positioning7 分钟 55 秒
-
(已锁定)
How comfortable are you with Sass?12 分钟 10 秒
-
(已锁定)
How do you animate CSS?9 分钟 41 秒
-
(已锁定)
How do you debug CSS using your browser?10 分钟 47 秒
-
(已锁定)
How do you use calc() in CSS?9 分钟 56 秒
-
(已锁定)
How would you use flexbox to control horizontal alignment?7 分钟 21 秒
-
(已锁定)
In CSS, what's the difference between ems and rems?9 分钟 58 秒
-
(已锁定)
What's the difference between a pseudo-class and a pseudo-element?6 分钟 16 秒
-
(已锁定)
Do you know how to use npm?8 分钟 40 秒
-
(已锁定)
Do you have experience using version control?16 分钟 37 秒
-
(已锁定)
How does routing work in a modern web application?9 分钟 30 秒
-
-
-