jueves, 30 de julio de 2020

Axios + (Async - Await)

const $axiosAsync = document.getElementById("axios-async"),
  $fragment = document.createDocumentFragment();

async function getData() {
  try {
    let res = await axios.get("https://jsonplaceholder.typicode.com/users"),
      json = await res.data;

    console.log(res, json);

    json.forEach((el) => {
      const $li = document.createElement("li");
      $li.innerHTML = `${el.name} -- ${el.email} -- ${el.phone}`;
      $fragment.appendChild($li);
    });

    $axiosAsync.appendChild($fragment);
  } catch (err) {
    console.log(err.response);
    let message = err.response.statusText || "Ocurrió un error";
    $axiosAsync.innerHTML = `Error ${err.response.status}: ${message}`;
  } finally {
    console.log("Esto se ejecutará independientemente del try... catch");
  }
}

getData();

jueves, 16 de julio de 2020

BOM DOMContentLoaded


Mas rapido que en el evento "load" y $(document).on('ready')

document.addEventListener("DOMContentLoaded", e => {

    console.log(e);

});

miércoles, 15 de julio de 2020

addEventListener

Optimiza los clicks apuntando el evento directamente al document

document.addEventListener('click', e => {
    if(e.target.matches("#id")){
       console.log(e.target);
    }
});

Volvimos

var volvimos = `Volvimos`;

https://tohtml.com/