JavaScript & DOM Tips, Tricks, and Techniques (Volume 3)

Preface

String.prototype.link()

innerHTML and the DOM

Attaching Properties to Functions

Using the delete Operator

Arguments Aliasing Removed in Strict Mode

parentNode

The form Property on Input Elements

getComputedStyle() for Fonts

HTML Comments in JavaScript

Optional Parameters for Window.setTimeout()

history.back with iframes

Understanding the Callstack

Tips on Using const

The for...of Loop

ES6 String Methods

String.repeat()

Nested Template Literals

Using function.length with the Rest Operator

SEO-Friendly Ajax States

Objects in ES6

The Comma Operator

ES6 Object Destructuring

Destructuring Assignment

ES6 Object Destructuring with Nested Objects

ES6 Array Destructuring

Array Destructuring Swap

Destructuring in Function Arguments

ES5 Multi-line Strings

Computed Object Properties in ES6

ES6 Sets

More Tips on Using ES6 Sets

Array.of() in ES6

Array.from() in ES6

Array.from() Map Function

Array.from() and the Optional this Value

Array.find() and Array.findIndex()

ESx Naming vs. ES20xx Naming

A Simple Introduction to Closures in JavaScript

HTML Collections

DOM Scripting on Malformed or Invalid HTML

A Little-known Fact About Hoisting

Getting the Value of a Selected Radio Button

The querySelector() Single-Byte Trick

Triggering a Click Event

The focusin and focusout Events

Intro to ES6 Modules

More on ES6 Modules

Importing a Full Module

Renaming Module Exports

JavaScript Errors and the Error Object

Some Facts on ES6 Arrow Functions

Default Exports in ES6 Modules

An Intro to the Page Visibility API

Using document.domain for Cross-origin Requests

What is JSON? An Introduction and Guide for Beginners

1. JSON Defined
2. A Brief History of JSON
3. How is JSON Different from a JavaScript Object?
4. How Should JSON be Stored?
5. Using JSON.stringify()
6. Using JSON.parse()
7. Using JavaScript to Manipulate JSON
8. Is JSON Better Than XML?
9. What is JSONP?
10. How Does JSONP Work?
11. JSON Tools
12. Conclusion

Using Default Parameters in ES6

1. Default Parameters in ES5 and Earlier
2. Default Parameters in ES6
3. Dealing With Omitted Values
4. Default Parameter Values and the arguments Object
5. Expressions as Default Parameters
6. Conclusion

An Introduction and Guide to the CSS Object Model (CSSOM)

1. What is the CSSOM?
2. Inline Styles via element.style
3. Getting Computed Styles
4. Getting Computed Styles of Pseudo-Elements
5. The CSSStyleDeclaration API
6. setProperty(), getPropertyValue(), and item()
7. Using removeProperty()
8. Getting and Setting a Property’s Priority
9. The CSSStyleSheet Interface
10. Working with a Stylesheet Object
11. Accessing @media Rules with the CSSOM
12. Accessing @keyframes Rules with the CSSOM
13. Adding and Removing CSS Declarations
14. Revisiting the CSSStyleDeclaration API
15. The CSS Typed Object Model… The Future?
16. Final Words

More Weekly Tips!

About the Author