blackChef

// [() => Promise] => Promise
const runPromiseFnInOrder = async function(fns) {
  const ret = [];
  for (const fn of fns) {
    const r = await fn();
    ret.push(r);
  }
  return Promise.resolve(ret);
};

blackChef

const item = function(id) {
  return `
    <input type="text" name="${id}"/>
  `;
};

const list = function(ids) {
  return `
    <div>
      ${ids.map(item)}

blackChef

const nativeScrollTo = function(to) {
  window.scrollTo({
    top: to,
    left: 0,
    behavior: 'smooth',
  });
};

const customScrollTo = function(to, duration = 1000) {

blackChef

data = {
  name: 'John',
  age: 20,
  items: [
    { id: 0, name: 'a' },
    { id: 1, name: 'b' },
    { id: 2, name: 'c' },
  ]
};

blackChef

let debounceWithQueue = function(fn, wait = 0) {
  let timeoutId;
  let argsQueue = [];

  return function(arg) {
    argsQueue = argsQueue.concat(arg);

    if (timeoutId !== undefined) {
      clearTimeout(timeoutId);
    }