课程: JavaScript Essential Training
今天就学习课程吧!
今天就开通帐号,24,600 门业界名师课程任您挑!
Troubleshooting JavaScript in the browser - JavaScript教程
课程: JavaScript Essential Training
Troubleshooting JavaScript in the browser
- [Instructor] Writing JavaScript is one thing. Getting it to work properly is quite another. As you start writing your own JavaScript, you'll often run into issues you need to troubleshoot. You've already seen the most heavily used troubleshooting tool in action throughout the course. It's the browser console. Here you can log anything from your code into the console to see what's going on. And you typically do this if you're capturing values and then want to see what the values are before you start working with them. So here in this code example I am grabbing this variable called strapArray and I just want the console log it out to see what it is. I'm also a console logging out an element down here. And when I jump over to the console, you can see the output. We have a NodeList with some items in it and I can burrow into them. And I'm also getting the output I want. So this console log is used all the time to send…
随堂练习,边学边练
下载课程离线学习
内容
-
-
Objects: A practical introduction4 分钟 53 秒
-
(已锁定)
JavaScript objects: The code version2 分钟 57 秒
-
(已锁定)
Object containers2 分钟 22 秒
-
(已锁定)
Object properties55 秒
-
(已锁定)
Accessing objects2 分钟 32 秒
-
(已锁定)
Accessing object properties5 分钟 35 秒
-
(已锁定)
Practice: Build a new object1 分钟 18 秒
-
(已锁定)
Object methods6 分钟 29 秒
-
(已锁定)
Practice: Build a new method56 秒
-
(已锁定)
Classes: Object blueprints6 分钟 35 秒
-
(已锁定)
Object constructors2 分钟 21 秒
-
(已锁定)
Practice: Build a new object with a constructor1 分钟 13 秒
-
(已锁定)
Global objects7 分钟 47 秒
-
(已锁定)
Challenge intro: Create a new object type2 分钟 5 秒
-
(已锁定)
Solution: Create a new object type3 分钟 16 秒
-
-
-
DOM: The Document Object Model4 分钟 7 秒
-
(已锁定)
Access elements with querySelector methods6 分钟 6 秒
-
(已锁定)
Access elements using older methods3 分钟 45 秒
-
(已锁定)
Practice: Find an element1 分钟 29 秒
-
(已锁定)
Modifying element classes4 分钟 53 秒
-
(已锁定)
Attributes4 分钟 13 秒
-
(已锁定)
Inline style3 分钟 52 秒
-
(已锁定)
Practice: Modify classes and attributes, and styles1 分钟 36 秒
-
(已锁定)
Add DOM elements5 分钟 25 秒
-
(已锁定)
Challenge intro: Create elements1 分钟 17 秒
-
(已锁定)
Solution: Create elements3 分钟 35 秒
-
-
-
Variables: Containers for everything2 分钟 31 秒
-
(已锁定)
Var3 分钟 15 秒
-
(已锁定)
Scope3 分钟 37 秒
-
(已锁定)
Let4 分钟 34 秒
-
(已锁定)
Const2 分钟 58 秒
-
(已锁定)
Data types3 分钟 7 秒
-
(已锁定)
Assignment vs. comparison4 分钟 35 秒
-
(已锁定)
Math operators6 分钟 13 秒
-
(已锁定)
Challenge intro: Calculate sales tax1 分钟 35 秒
-
(已锁定)
Solution: Calculate sales tax3 分钟 30 秒
-
-
-
The real-world function2 分钟 49 秒
-
(已锁定)
Functions and methods6 分钟 23 秒
-
(已锁定)
A standard function3 分钟 53 秒
-
(已锁定)
The arrow function4 分钟 49 秒
-
(已锁定)
Arrow functions and "this"4 分钟 20 秒
-
(已锁定)
Practice: Build a function1 分钟 31 秒
-
(已锁定)
Pass data to a function with parameters4 分钟 56 秒
-
(已锁定)
Return values from a function7 分钟 1 秒
-
(已锁定)
Practice: Pass values between functions2 分钟 33 秒
-
(已锁定)
Callbacks5 分钟 29 秒
-
(已锁定)
Conditional if...else statement5 分钟 52 秒
-
(已锁定)
Logical operators3 分钟 31 秒
-
(已锁定)
Conditional switch statement5 分钟 55 秒
-
(已锁定)
Looping through content5 分钟 19 秒
-
(已锁定)
Using the map() array method4 分钟 52 秒
-
(已锁定)
Challenge intro: Create a content factory2 分钟 36 秒
-
(已锁定)
Solution: Create a content factory5 分钟 21 秒
-
-
-
(已锁定)
DOM events explained1 分钟 41 秒
-
(已锁定)
Typical DOM events5 分钟 35 秒
-
(已锁定)
Event listeners5 分钟 45 秒
-
(已锁定)
Practice: Experiment with event listeners1 分钟 32 秒
-
(已锁定)
Advanced event listeners and "this"6 分钟 12 秒
-
(已锁定)
Pass arguments through event listeners4 分钟 53 秒
-
(已锁定)
Challenge intro: Create an event listener2 分钟 15 秒
-
(已锁定)
Solution: Create an event listener6 分钟 16 秒
-
(已锁定)