CINXE.COM

<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>JASON Format</title> <meta name="viewport" content="width=device-width,initial-scale=1"> <link rel="icon" href="/assets/icon.png"> <link rel="modulepreload" as="script" href="/index.2b1d13e1.js" crossorigin="anonymous"> <link rel="stylesheet" href="/assets/styles/index.58f97fe6.css"> <link rel="alternate" type="application/rss+xml" title="Jason Format" href="/posts.rss"> <link rel="me" href="https://mastodon.social/@developit"> <link rel="me" href="https://toot.cafe/@developit"> <link rel="preload" as="image" href="/assets/cover-low.jpg"></head> <body><div class="app"><header class="header_limv23"><nav><a href="/"><img src="/assets/icon.png" class="logo_limv23" title="Home" /></a><a href="/blog">Blog</a></nav><nav class="right_limv23"><a href="https://twitter.com/_developit" target="_blank" rel="noopener" title="Twitter"><svg width="24" height="24" viewBox="0 0 24 24"><path d="M24 4.6c-.9.3-1.8.6-2.8.7a5 5 0 002.1-2.7c-1 .6-2 1-3 1.2a5 5 0 00-8.5 4.5A14 14 0 011.7 3a5 5 0 001.5 6.6c-.8 0-1.6-.2-2.2-.6A5 5 0 005 14a5 5 0 01-2.3 0 5 5 0 004.6 3.5 9.9 9.9 0 01-7.3 2A14 14 0 0021.5 7.1 10 10 0 0024 4.6z"></path></svg></a><a href="https://github.com/developit" target="_blank" rel="noopener" title="GitHub"><svg width="24" height="24" viewBox="0 0 24 24"><path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z"></path></svg></a><input class="dark_limv23" type="checkbox" title="Dark Mode" /></nav></header><section class="home"><header class="jumbotron_vkn9n"><div class="cover_vkn9n" style="background-image: url('/assets/cover-low.jpg');"></div><h1>JASON Format</h1><p>Practical JavaScript and the occasional accidental module.</p></header><section class="content blog_emduki"><div class="post_emduki"><div><a href="/reusable-array-search-predicates">Quick tip: reusable Array search predicates</a><time title="Sun Jun 06 2021 15:26:00 GMT+0000 (Coordinated Universal Time)">Jun 06, 2021</time><p>JavaScript's this keyword doesn't get much love these days, but there's one fun way to use it that might convince folks to reconsider their lint rules.</p></div></div><div class="post_emduki"><div><a href="/element-worklet">Element Worklet</a><time title="Wed Jan 20 2021 12:46:33 GMT+0000 (Coordinated Universal Time)">Jan 20, 2021</time><p>I've been contemplating ways to build more resilient web applications. One consistent issue that seems to crop up in my explorations is that we have no way to execute JavaScript at a given priority.</p></div></div><div class="post_emduki"><div><a href="/javascript-sleep">Real sleep() in JavaScript</a><time title="Fri Jan 15 2021 12:22:33 GMT+0000 (Coordinated Universal Time)">Jan 15, 2021</time><p>The JavaScript language is single-threaded, which means that blocking that single thread for any period of time will prevent importing things like input handling and rendering. </p></div></div><div class="post_emduki"><div><a href="/event-delegation-vs-direct-binding">Event Listeners: Delegation VS Direct Binding</a><time title="Fri Aug 28 2020 11:00:15 GMT+0000 (Coordinated Universal Time)">Aug 28, 2020</time><p>The DOM provides a mechanism for registering event handlers that supports two techniques for observing events: directly-bound per-element listeners, and “delegated” listeners that receive events orig…</p></div><img src="https://res.cloudinary.com/wedding-website/image/upload/c_thumb,f_auto,q_60,g_face,h_200,w_400/v1598628155/nasa-Q1p7bh3SHj8-unsplash_inzedd.jpg" alt loading="lazy" width="400" height="200" /></div><div class="post_emduki"><div><a href="/islands-architecture">Islands Architecture</a><time title="Tue Aug 11 2020 10:01:17 GMT+0000 (Coordinated Universal Time)">Aug 11, 2020</time><p>I’ve struggled to find references to this online, but heard the name used multiple times this year when describing the approach outlined here.</p></div><img src="https://res.cloudinary.com/wedding-website/image/upload/c_thumb,f_auto,q_60,g_face,h_200,w_400/v1597095361/krzysztof-grech-6orUY98fw9s-unsplash_r6wjnf.jpg" alt loading="lazy" width="400" height="200" /></div><footer><a disabled href="/blog">← Newer Posts</a><a href="/blog/1">More Posts →</a></footer></section></section></div><script type="isodata"></script> <script type="module" src="/index.2b1d13e1.js" crossorigin="anonymous"></script> </body> </html>