Biblioteca de fragmentos

Fragmentos probados y listos para copiar en Python, Flask, JavaScript, SQL, HTML, CSS y Bash. Abre cualquiera en el playground.

Mostrar solo los snippets guardados en este navegador

3 fragmentos

javascript

Debounce

Run a function only after the user stops typing or resizing.

function debounce(fn, wait = 300) {
  let timer;
  return (...args) => {
    clearTimeout(timer);
    timer = setTimeout(() => fn(...args), wait);

beginner #performance#events#functions

javascript

Event delegation

One listener on a parent handles clicks for current and future children.

document.body.innerHTML = `
  <ul id="todo">
    <li>Write tests <button data-action="done">Done</button></li>
    <li>Deploy <button data-action="done">Done</button></li>
  </ul>`;

intermediate #dom#events#performance

javascript

Run promises with a concurrency limit

Process many async jobs, but only N at a time.

async function mapLimit(items, limit, worker) {
  const results = new Array(items.length);
  let next = 0;
  async function lane() {
    while (next < items.length) {

advanced #async#promises#performance

PandaDev

Servicios

Catálogo de apps

Aprender

Empresa

Ayuda

Cambiar idioma

Biblioteca de fragmentos

Debounce

Event delegation

Run promises with a concurrency limit