Partes de codigo 2025, Janeiro

Supondo que você tenha um elemento no DOM:

Obtenha uma referência a esse elemento DOM: const el = document.querySelector ("# el"); Então você"

O teste de agente do usuário é uma merda, mas às vezes você precisa dele para coisas sutis. No meu caso, eu estava usando para ajustar o que estava mostrando para as teclas de atalho do teclado "

Nem todos os navegadores oferecem suporte a todos os atributos em todos os elementos. Há uma série de novos atributos em HTML5, então a ideia de testar para ver que tipo de navegador "

Normalmente, a tecla tab move para a próxima coisa focalizável. Em vez disso, isso insere um caractere de tabulação. HTMLTextAreaElement.prototype.getCaretPosition = function "

Espaço em branco, o que significa tabulações e espaços. Vanilla JavaScript (Trim Leading and Trailing) var str = "abcdefg"; var newStr = str.trim (); // "abcde f"

Let strippedString = originalString.replace (/ (<(+)>) / gi, ""); CodePen Embed Fallback "

Arrastar e soltar HTML5 é ótimo para lidar com uploads de arquivos. Mas se essa é a única coisa para a qual você está usando, é bom saber se algum dragenter em particular "

Var isMSIE = / * @ cc_on! @ * / 0; if (isMSIE) (// faz coisas específicas do IE) else (// faz coisas não específicas do IE) "

Uso inline: Clique aqui para alternar a visibilidade do elemento #foo This is foo "

Técnica # 1 função Shuffle (o) (para (var j, x, i = o.length; i; j = parseInt (Math.random () * i), x = o, o = o, o = x); return o;); Usage var testArray "

Var someString = "Olá, mundo 123!"; newString = someString.replace (// g, ''); // console.log (newString); // "Olá Mundo!";"

"mobile.html" seria substituído pela localização de onde quer que esteja sua versão móvel. Esta técnica pode ser adaptada para carregar uma folha de estilo alternativa "

Os elementos com o atributo contenteditable podem ser editados ao vivo diretamente na janela do navegador. Mas é claro que essas mudanças não afetam o documento real "

Ooo isso é inteligente! Estou pegando isso no blog do David. const isRequired = () => (lançar um novo erro ('param é necessário');); const hello = (name = "

Var meuArray =; var randomItem = myArray; Veja a Pen gLJPZv de Chris Coyier (@chriscoyier) no CodePen. "

Quando se trata de animação, somos informados de que setInterval é uma má ideia. Porque, por exemplo, o loop será executado independentemente de qualquer outra coisa acontecendo, "

Var origString = 'Happy Dance7'; var trimmedString = origString.substring (0, origString.length-1); console.log (trimmedString); // 'Dança feliz'"

Esta função também preserva o conteúdo oculto. function remove_style (all) (var i = all.length; var j, is_hidden; // Atributos de apresentação. var attr =; "

Por algum motivo, um elemento não pode se destruir em JavaScript. jQuery tem um método para isso, o que é bom porque é assim que pensamos: "

Compilado por Svein Petter Gjøby: const array =; // Método 1: Usando um Set const unique =; // Método 2: Array.prototype.reduce const unique = "

Window.location = "https: //" + window.location.hostname + window.location.pathname + window.location.search; Você pode querer testar se window.location.href "

Você já viu aquelas coisas de CDATA em JavaScript e se perguntou para que servia? É para evitar que o validador leia esse código como marcação e falhe "

Aqui está um quicky (há uma versão do PHP também): var randomColor = Math.floor (Math.random () * 16777215) .toString (16); Veja a Caneta Gerar Nova Cor Hex Aleatória "

PHP tem uma boa função print_r para imprimir informações sobre uma variável na tela. console.log () é ótimo para isso também em JavaScript, mas "

Try (document.execCommand ("BackgroundImageCache", false, true);) catch (err) () "

Demonstração de Sagar Ganatra "

Função anônima de auto-invocação atribuída à variável global yournamespacechoice. Tem o efeito de manter todas as funções e variáveis ​​privadas para "

Executar uma função a cada um segundo: function myFunction () (// fazer algo) var int = setInterval (myFunction, 1000); Cancele: clearInterval (int); "

ATUALIZAÇÃO: isso é muito antigo. Se você está procurando imagens de carregamento lento hoje em dia, eu recomendo olhar: O guia completo para imagens de carregamento lento, um nativo "