JavaScript & DOM Tips, Tricks, and Techniques (Volume 4)
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.
About the Author
Bundles that include this book
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.at()
- Array Equality
- RegExp dotAll
- Async/Await Functions
- The URL() API
- Deep Copy vs. Shallow Copy
-
The
labelProperty 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
Infinitywhen 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...
Earn $8 on a $10 Purchase, and $16 on a $20 Purchase
We pay 80% royalties on purchases of $7.99 or more, and 80% royalties minus a 50 cent flat fee on purchases between $0.99 and $7.98. You earn $8 on a $10 sale, and $16 on a $20 sale. So, if we sell 5000 non-refunded copies of your book 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
