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

Preface

JavaScript Naming Conventions

insertAdjacentHTML()

getBoundingClientRect()

textContent()

scrollIntoView()

The <table> API

Array Manipulation Tips

Pattern Matching

Strict Mode

The + Operator

contains()

Document Fragments

querySelector() and querySelectorAll()

Implied eval()

1. 1. The Function() constructor
2. 2. Passing a string literal to a setTimeout() or setInterval() call
3. 3. Using document.write()

selectionStart and selectionEnd

activeElement

removeEventListener()

window.matchMedia()

Try, Catch, Throw

setSelectionRange()

classList

stopPropagation()

The location Object

normalize() and splitText()

Pseudo-Elements in JavaScript

lastIndexOf()

The continue Statement

event.button

The keypress and keydown Events

Invoking Functions

1. As a function
2. As a method
3. As a constructor
4. Using apply() and call()

Mouse Coordinates

Array.every()

Function.call() and Function.apply()

1. Using .call()
2. Using .apply()

Function.bind()

More on Function.bind()

1. Partially Apply a Function
2. Partial Application vs Currying?

The arguments Object

Child Nodes

Augmenting Types

Configuration Data

Switch Fall-Throughs

Interacting with a Live DOM

The NodeIterator API

TreeWalker

Array.some()

Avoiding Null Comparisons

Array.map()

trim()

Mouse Event Properties

Function.length

Array.reduce() and Array.reduceRight()

Number to String Conversion

compareDocumentPosition()

null vs. undefined

Node.isEqualNode()

window.getSelection()

getElementsByClassName()

Method Lookups

The dataset Object

Encoding/Decoding URIs

Enumerable vs. Non-enumerable Properties

elementFromPoint()

scrollTop and scrollLeft

appendData()

deleteData() and insertData()

replaceData() and substringData()

Manipulating HTML Comment Nodes

Array.forEach()

The text Property on Script Elements

More Weekly Tips!

About the Author