Sort lines alphabetically, if they aren't already, and perform these steps:
(based on this related question: https://stackoverflow.com/q/1573361/3258851)
Control+F
Toggle "Replace mode"
Toggle "Use Regular Expression" (the icon with the .* symbol)
| function propuestas(partido) { | |
| let lista = [...document.querySelectorAll('.e-module div[data-option]')].map(el=>({ | |
| partido: el.dataset.option, | |
| texto: [...el.querySelectorAll('p')].reduce((old,cur)=>old + cur.textContent, "") | |
| })).filter(obj=> (partido === "all" ? true : obj.partido === partido) && obj.texto.length > 0); | |
| partido === "all" ? console.table(lista) : console.table(lista,["texto"]); | |
| let csv = lista.map(r => `"${r.partido}"|"${r.texto.replace(/\n/g, " ")}"`); | |
| csv.unshift(`"partido"|"texto"`); | |
| // Copia al portapapeles todos los datos a un CSV |
CrUX is the Chrome UX Report from Google. This crash course will take you through everything you need to get the most out of the data.
https://developers.google.com/web/tools/chrome-user-experience-report/
| /** | |
| * useScroll React custom hook | |
| * Usage: | |
| * const { scrollX, scrollY, scrollDirection } = useScroll(); | |
| */ | |
| import { useState, useEffect } from "react"; | |
| export function useScroll() { | |
| const [lastScrollTop, setLastScrollTop] = useState(0); |
With the addition of ES modules, there's now no fewer than 24 ways to load your JS code: (inline|not inline) x (defer|no defer) x (async|no async) x (type=text/javascript | type=module | nomodule) -- and each of them is subtly different.
This document is a comparison of various ways the <script> tags in HTML are processed depending on the attributes set.
If you ever wondered when to use inline <script async type="module"> and when <script nomodule defer src="...">, you're in the good place!
Note that this article is about <script>s inserted in the HTML; the behavior of <script>s inserted at runtime is slightly different - see Deep dive into the murky waters of script loading by Jake Archibald (2013)
He sido freelance, emprendedor y trabajo desde hace años para empresas USA de diversos tamaños en remoto como programador fullstack. Ahora en GitHub. Si puedo ayudar a alguien en orientar su carrera, mis DMs están abiertos. Ask me anything.
he recibido muchos mensajes y escribo aquí algunos de los consejos que he dado en resumen. Nota: algunas cosas son concretas de trabajar en España. Si vas a trabajar desde Sudamérica sólo una nota: tienes la ventaja de la zona horaria para trabajar con EEUU.
Tener un buen nivel de inglés es fundamental para poder trabajar con clientes extranjeros. El conocimiento del idioma tiene que mantenerse en el tiempo. Es como mantenerse en forma física; si lo dejas, lo pierdes. Personalmente aunque trabajo 100% en inglés desde hace bastantes años, intento crearme un entorno diario con el idioma para no perderlo:
| const drawille = require('drawille') | |
| const bunny = require('bunny') | |
| const glmatrix = require('gl-matrix') | |
| const width = 200 | |
| const height = 200 | |
| const canvas = new drawille(width, height) | |
| const mat4 = glmatrix.mat4 | |
| const vec3 = glmatrix.vec3 | |
| let points = [] |
| <css-doodle> | |
| :doodle { | |
| @grid: 20x1 / 60vmin; | |
| overflow: hidden; | |
| } | |
| :container { | |
| transform: scale(25); | |
| filter: @svg-filter(<svg> | |
| <filter> | |
| <feTurbulence baseFrequency="@r(.016, .056, .001)" seed="@r(100)" numOctaves="@r(8, 15)" /> |
| boolean recording = false; | |
| int frame = 1; | |
| float theta = 0; | |
| float phi = 0; | |
| float time = 0; | |
| float r = 50; | |
| int cols = 5; | |
| int rows = 5; | |
| Lissajou[][] curves; |
| <!doctype html> | |
| <div id="sketch"></div> | |
| <style> | |
| body { | |
| margin: 0; | |
| overflow: hidden; | |
| background: #383838; | |
| } | |
| #sketch { |
