Se o senhor começou com o antigo on_____ ou com a propriedade addEventListener, o senhor sabe que os eventos impulsionam as experiências do usuário no JavaScript moderno. Se o senhor já trabalhou com eventos, sabe que preventDefault() e stopPropagation() são usados com frequência para lidar com eventos. Uma coisa que o senhor provavelmente não sabia: […]
Tag: JavaScript
Ignorar ou executar apenas um teste com o JavaScript MochaIgnorar ou executar apenas um teste com o JavaScript Mocha
Sempre que começo a sentir ansiedade em relação a uma grande mudança que estou fazendo, começo a escrever mais testes unitários. Anoto meu medo e, em seguida, escrevo um teste que ataca e, por fim, relaxa esse medo. Há duas ações que tenho usado com frequência para escrever testes: pular todos os testes, exceto um, […]
Detectar alterações nas preferências de tema do sistema usando JavaScriptDetectar alterações nas preferências de tema do sistema usando JavaScript
JavaScript e CSS permitem que os usuários detectem a preferência de tema do usuário com o CSS’ prefers-color-scheme media query. Atualmente, é padrão usar essa preferência para mostrar o tema claro ou escuro em um determinado site. Mas e se o usuário alterar sua preferência enquanto estiver usando o aplicativo? Para detectar uma alteração de […]
Converter Fahrenheit em Celsius com JavaScriptConverter Fahrenheit em Celsius com JavaScript
Os Estados Unidos são um dos últimos órgãos que se recusam a implementar o padrão de temperatura Celsius. Por quê? Porque somos arrogantes e achamos que não precisamos mudar. Dito isso, se o senhor codifica para usuários fora dos EUA, é importante fornecer dados meteorológicos localizados aos usuários. Vamos ver como o senhor pode converter […]
Como estender protótipos com JavaScriptComo estender protótipos com JavaScript
Um dos pontos de atrito ideológico da primeira estrutura JavaScript era estender protótipos em vez de envolver funções. Estruturas como MooTools e Prototype estendiam protótipos, enquanto o jQuery e outras estruturas menores não o faziam. Cada um deles tinha seus benefícios, mas, no final das contas, todos esses anos depois, ainda acredito que a capacidade […]
Como internacionalizar números com JavaScriptComo internacionalizar números com JavaScript
A apresentação de números em um formato legível assume muitas formas, desde gráficos visuais até a simples adição de pontuação. Essa pontuação, no entanto, é diferente de acordo com a internacionalização. Alguns países usam , para decimais, enquanto outros usam .. O senhor está preocupado em ter que codificar toda essa loucura? Não se preocupe, […]
Como controlar as animações CSS com JavaScriptComo controlar as animações CSS com JavaScript
Quando se trata de animações na Web, os desenvolvedores precisam medir os requisitos da animação com a tecnologia certa: CSS ou JavaScript. Muitas animações podem ser gerenciadas com CSS, mas o JavaScript sempre oferecerá mais controle. Com document.getAnimationsno entanto, o senhor pode usar o JavaScript para gerenciar animações CSS! O document.getAnimations retorna uma matriz de […]
Eventos de impressão JavaScriptEventos de impressão JavaScript
As consultas de mídia são uma ótima maneira de alterar o comportamento de forma programática, dependendo do estado de exibição. Podemos direcionar estilos para dispositivos, proporção de pixels, tamanho da tela e até mesmo para impressão. Dito isso, também é bom ter eventos JavaScript que também nos permitem alterar o comportamento. O senhor sabia que […]
Detectar a visibilidade das barras do navegador com JavaScriptDetectar a visibilidade das barras do navegador com JavaScript
Uma coisa é saber o que está no documento do navegador, outra é ter informações sobre o próprio navegador do usuário. Já passamos da fase de detectar o navegador que o usuário está usando e agora estamos sabendo quais partes da interface do usuário do navegador os usuários estão vendo. Os navegadores fornecem window.personalbar, window.locationbar, […]
Detectar suporte a XR com JavaScriptDetectar suporte a XR com JavaScript
Há alguns anos, escrevi um artigo sobre como detectar o suporte a VR com JavaScript. Desde aquela época, muita coisa mudou. A “realidade aumentada” tornou-se uma coisa e a terminologia mudou para “XR”, em vez de VR ou AR. Dessa forma, a API precisou evoluir. A presença de navigator.xr indica que o navegador é compatível […]