JavaScript & DOM Tips, Tricks, and Techniques (Volume 4)
Minimum price
Suggested price

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

Quick Tips and Tutorials for all Levels of JavaScript and Front-end Development

About the Book

This is a collection of JavaScript and DOM scripting applicable to all levels of JavaScript and front-end development. Most of the tips cover techniques and technologies that work in all modern browsers and most older browsers.

  • Share this book

  • Categories

    • JavaScript
    • ES6
    • HTML
    • Computers and Programming
    • Web Development
    • APIs
  • Feedback

    Email the Author(s)

About the Author

Louis Lazaris
Louis Lazaris

Louis is a front-end developer, author, and speaker, who has been involved in the web design and development industry since 2000. He blogs at Impressive Webs and curates a weekly newsletter called Web Tools Weekly, focused on tools for front-end developers.

Bundles that include this book

Bought separately
Bundle Price

Table of Contents

  • Using Array.sort()
  • Click Events on <label> Elements
  • change vs. input Events on Different Elements
  • Keys in ES6 Maps
  • window.scrollTo()
  • Third Parameter for addEventListener()
  • Clearing JavaScript Timers
  • Node.isConnected
  • Different Ways to Get Element Dimensions
  • Efficient Event Delegation
  • Mouse Wheel Events
  • DOM Element Dimensions and CSS Transforms
  • Using const in the Global Scope
  • Array.fill()
  • Array Method Returns
  • JavaScript Thunk
  • Array.includes()
  • elseif in JavaScript
  • Object.preventExtensions()
  • Applying a Method on a Number
  • classList with Multiple Classes
  • globalThis
  • Property Descriptors
  • history.scrollRestoration
  • Object.assign()
  • Using the File API
  • New String Methods
  • Array.entries()
  • Object.keys() and Object.values()
  • Destructuring Multiple Function Parameters
  • Building A Quick-and-dirty Code Editor
  • Remove All Falsy Values from an Array
  • focus() with preventScroll
  • Fixing focus() on mousedown
  • keypress Event now Deprecated
  • The beforeinput Event
  • An Intro to JavaScript Generator Functions
  • The FormData() Constructor
  • $(document).ready() in Vanilla JavaScript
  • Array.flat()
  • The Optional Chaining Operator
  • More on the Optional Chaining Operator
  • The Nullish Coalescing Operator
  • The Exponentiation Operator
  • Regex Sticky Flag
  • import.meta
  • Element.closest()
  • Anatomy of a URL with the Location Object
  • Writing Clean, Maintainable Code
  • The return Statement
  • replaceWith()
  • monitorEvents()
  • RORO Pattern
  • Magic Numbers
  • instanceOf
  • Replacing Logical Or
  • Image.complete
  • Remove Empty Array Slots
  • Array Equality
  • RegExp dotAll
  • Async/Await Functions
  • The URL() API
  • Deep Copy vs. Shallow Copy
  • The label Property for Form Elements
  • Object.freeze() and Object.seal()
  • JavaScript Classes
  • Event Properties
  • Everything You Wanted to Know About Infinity in JavaScript
    • What is Infinity?
    • When is Infinity Returned?
    • Checking for Infinity
    • Infinity Can Be Positive or Negative
    • Infinity as a Default Value
    • Beware of Infinity when Converting to JSON
  • The Drag and Drop API
    • Drag and Drop with the dataTransfer Object
    • Using setDragImage() with Drag and Drop
    • Different Drag Events
    • Elements That are Draggable By Default
    • Using The effectAllowed Property
  • Fading in a Page on Load with CSS & JavaScript
    • Steps I Want to Accomplish
    • The Code
    • Conclusion
  • Using the adoptNode() Method with Embedded iframes
    • Re-Adopting Elements from the Parent
    • Use Cases for This?

The Leanpub 60 Day 100% Happiness Guarantee

Within 60 days of purchase you can get a 100% refund on any Leanpub purchase, in two clicks.

Now, this is technically risky for us, since you'll have the book or course files either way. But we're so confident in our products and services, and in our authors and readers, that we're happy to offer a full money back guarantee for everything we sell.

You can only find out how good something is by trying it, and because of our 100% money back guarantee there's literally no risk to do so!

So, there's no reason not to click the Add to Cart button, is there?

See full terms...

80% Royalties. Earn $16 on a $20 book.

We pay 80% royalties. That's not a typo: you earn $16 on a $20 sale. If we sell 5000 non-refunded copies of your book or course for $20, you'll earn $80,000.

(Yes, some authors have already earned much more than that on Leanpub.)

In fact, authors have earnedover $13 millionwriting, publishing and selling on Leanpub.

Learn more about writing on Leanpub

Free Updates. DRM Free.

If you buy a Leanpub book, you get free updates for as long as the author updates the book! Many authors use Leanpub to publish their books in-progress, while they are writing them. All readers get free updates, regardless of when they bought the book or how much they paid (including free).

Most Leanpub books are available in PDF (for computers) and EPUB (for phones, tablets and Kindle). The formats that a book includes are shown at the top right corner of this page.

Finally, Leanpub books don't have any DRM copy-protection nonsense, so you can easily read them on any supported device.

Learn more about Leanpub's ebook formats and where to read them

Write and Publish on Leanpub

You can use Leanpub to easily write, publish and sell in-progress and completed ebooks and online courses!

Leanpub is a powerful platform for serious authors, combining a simple, elegant writing and publishing workflow with a store focused on selling in-progress ebooks.

Leanpub is a magical typewriter for authors: just write in plain text, and to publish your ebook, just click a button. (Or, if you are producing your ebook your own way, you can even upload your own PDF and/or EPUB files and then publish with one click!) It really is that easy.

Learn more about writing on Leanpub