Partes de codigo 2025, Janeiro

Manipulação de eventos modernos - CSS-Tricks

Manipulação de eventos modernos - CSS-Tricks

Isso é melhor do que fazer o evento "window.onload" tradicional, pois ele pode anexar vários manipuladores de eventos a um único evento e todos eles são chamados. "

Clarear / escurecer cor - CSS-Tricks

Clarear / escurecer cor - CSS-Tricks

Os pré-processadores CSS Sass e Less podem pegar qualquer cor e escurecer () ou clarear () por um valor específico. Mas essa capacidade não é incorporada ao JavaScript. "

Mover o cursor para o fim da entrada - CSS-Tricks

Mover o cursor para o fim da entrada - CSS-Tricks

Onde el é uma referência a uma entrada ou área de texto. function moveCursorToEnd (el) (if (typeof el.selectionStart == "número") (el.selectionStart = "

Variáveis ​​de string multilinha em JavaScript - CSS-Tricks

Variáveis ​​de string multilinha em JavaScript - CSS-Tricks

Isso funciona: var htmlString = "This is a string."; Isso falha: var htmlSTring = "This is a string."; Às vezes, isso é desejável para facilitar a leitura. Adicionar"

Fazer elementos HTML5 funcionarem no antigo IE - CSS-Tricks

Fazer elementos HTML5 funcionarem no antigo IE - CSS-Tricks

Para que o DOM (e, portanto, o CSS) os reconheça como elementos reais: (function () (if (! / * @ Cc_on! @ * / 0) return; var e = "

Loop nas correspondências querySelectorAll - CSS-Tricks

Loop nas correspondências querySelectorAll - CSS-Tricks

Vejamos algumas opções para iterar em um NodeList, conforme você volta após a execução de document.querySelectorAll. Escrevemos um artigo atualizado sobre "

Loop through Array sem pesquisas inúteis CSS-Tricks

Loop through Array sem pesquisas inúteis CSS-Tricks

Encontre o comprimento do array antes de usá-lo na função for, então não é necessário contar o comprimento do array a cada iteração (assumindo o comprimento "

Valor KeyboardEvent (keyCodes, metaKey, etc) - CSS-Tricks

Valor KeyboardEvent (keyCodes, metaKey, etc) - CSS-Tricks

Quando um KeyboardEvent é disparado, você pode testar qual tecla foi pressionada porque esse evento contém informações nas quais você pode escrever a lógica. "

Obtenha URL e partes de URL em JavaScript - CSS-Tricks

Obtenha URL e partes de URL em JavaScript - CSS-Tricks

JavaScript pode acessar o URL atual em partes. Para este URL: https://css-tricks.com/example/index.html?s=flexbox window.location.protocol = "

JavaScript MD5 - CSS-Tricks

JavaScript MD5 - CSS-Tricks

Var MD5 = função (string) (função RotateLeft (lValue, iShiftBits) (return (lValue> (32-iShiftBits));) função AddUnsigned (lX, lY) (var "

Array JavaScript contém - CSS-Tricks

Array JavaScript contém - CSS-Tricks

Os objetos Javascript são realmente legais, mas às vezes faltam algumas funções / métodos úteis. O exemplo acima é com Arrays. É realmente"

Entrada com imagem de fundo desaparecendo - CSS-Tricks

Entrada com imagem de fundo desaparecendo - CSS-Tricks

Isso replica a funcionalidade dos campos padrão da Pesquisa Google incorporáveis. Eles têm uma imagem de fundo e quando a entrada é clicada "

Intervals - CSS-Tricks

Intervals - CSS-Tricks

Padrão Você não precisa criar a variável, mas é uma boa prática, pois você pode usar essa variável com clearInterval para interromper o "

Injetar HTML de uma string de HTML - CSS-Tricks

Injetar HTML de uma string de HTML - CSS-Tricks

Digamos que você tenha algum HTML que é uma string: let string_of_html = `

Legal
`; Talvez venha de uma API ou você mesmo a construiu a partir de "

Injetar novas regras CSS - CSS-Tricks

Injetar novas regras CSS - CSS-Tricks

Se você precisar alterar o estilo de um elemento com JavaScript, normalmente é melhor alterar o nome de uma classe e ter o CSS já na página "

Botão "Voltar" - CSS-Tricks

Botão "Voltar" - CSS-Tricks

Os navegadores já têm botões "voltar", então é melhor você ter um bom motivo para precisar colocar um em sua página! Botão de entrada com JavaScript embutido "

Obtenha a chave do YouTube em um link - CSS-Tricks

Obtenha a chave do YouTube em um link - CSS-Tricks

Exemplo de link: // link do Youtube var youtubeLink = document.getElementById ('myLink'). Href; var youtubeVideoKey = "

HtmlEntities para JavaScript - CSS-Tricks

HtmlEntities para JavaScript - CSS-Tricks

Htmlentities () é uma função PHP que converte caracteres especiais (como <) em seus valores de escape / codificados (como <). Isso permite que você mostre "

Obter variáveis ​​de URL - CSS-Tricks

Obter variáveis ​​de URL - CSS-Tricks

Função getQueryVariable (variável) (var query = window.location.search.substring (1); var vars = query.split ("&"); for (var i = 0; i "

Variáveis ​​globais - CSS-Tricks

Variáveis ​​globais - CSS-Tricks

Declare a variável fora da função ... var oneVariable; function setVariable () (oneVariable = "Variável definida de dentro de uma função!";) função "

Obter todos os eventos DOM possíveis - CSS-Tricks

Obter todos os eventos DOM possíveis - CSS-Tricks

Você pode obter uma matriz de todos os eventos que começam com "on" (por exemplo, onclick) executando-o no Console do Firefox. .filter (function (i) (return "

Obter tamanho do objeto - CSS-Tricks

Obter tamanho do objeto - CSS-Tricks

Como em, o número de chaves. function objectSize (the_object) (/ * função para validar a existência de cada chave no objeto para obter o número de "

Função de chamada com temporizador aleatório - CSS-Tricks

Função de chamada com temporizador aleatório - CSS-Tricks

Function randRange (data) (var newTime = data; return newTime;) function toggleSomething () (var timeArray = new Array (200, 300, 150, 250, 2000, 3000, "

Moeda do formato - CSS-Tricks

Moeda do formato - CSS-Tricks

Esta função arredondará os números para duas casas decimais e garantirá que o valor retornado tenha duas casas decimais. Por exemplo, 12.006 retornará 12.01, "

Correção do IE 10 na janela de exibição do Windows Phone 8 - CSS-Tricks

Correção do IE 10 na janela de exibição do Windows Phone 8 - CSS-Tricks

(function () (if (navigator.userAgent.match (/IEMobile/10.0/)) (var msViewportStyle = document.createElement ("style"); msViewportStyle.appendChild ("

Esvaziar um Array - CSS-Tricks

Esvaziar um Array - CSS-Tricks

Esta é uma das maneiras mais rápidas e fáceis de esvaziar um array. Claro que existem outras maneiras, mas essas geralmente incluem a criação de uma nova matriz. "

Conteúdo necessário de JavaScript com conteúdo substituto - CSS-Tricks

Conteúdo necessário de JavaScript com conteúdo substituto - CSS-Tricks

A área necessária para o JavaScript fica oculta com CSS embutido e, em seguida, é exibida após carregar com um pequeno trecho de JavaScript. Abaixo disso, as tags noscript são usadas "

Log de console sem erros - CSS-Tricks

Log de console sem erros - CSS-Tricks

Var Fb = (); // Um ​​literal de objeto vazio para manter a função Fb.log = function (obj, consoleMethod) (if (window.console && window.console.firebug && "

Folha de estilo diferente até a hora do dia - CSS-Tricks

Folha de estilo diferente até a hora do dia - CSS-Tricks

Nomeie seus arquivos css de acordo: night.css, day.css, etc ... Um bônus legal é que, uma vez que o JavaScript obtém o tempo da máquina local em vez de "