Outro dia, eu estava ministrando um workshop de JavaScript e um dos participantes me fez uma pergunta sobre JS durante o intervalo do almoço que realmente me fez pensar. O senhor disse que se deparou com isso acidentalmente, mas estou um pouco cético; pode ter sido apenas um truque intencional do WTF! De […]
Tag: JavaScript
Criar arquivos Zip com JavaScriptCriar arquivos Zip com JavaScript
Embora estejamos fazendo coisas incríveis com JavaScript no lado do servidor, é importante não perder de vista algumas das coisas excelentes que estão acontecendo no lado do cliente. Um desses projetos incríveis que descobri recentemente foi o JSZip: uma biblioteca JavaScript que permite que o senhor gere facilmente arquivos ZIP a partir do front-end. E […]
Detectar formatos de áudio suportados com JavaScriptDetectar formatos de áudio suportados com JavaScript
À medida que o streaming se torna nossa principal fonte de entretenimento e os fornecedores lutam para criar o melhor formato de vídeo, será cada vez mais importante que detectemos o suporte a vídeo do dispositivo e do navegador antes de publicar vídeos em nossos sites. Pensamos menos em áudio, mas o mesmo princípio se […]
Observar as alterações de objetos com JavaScriptObservar as alterações de objetos com JavaScript
Observar as alterações nas propriedades de um objeto sempre foi uma tarefa muito procurada; muitos shims foram usados ao longo dos anos para ouvir as alterações nos objetos. Atualmente, temos métodos melhores para ouvir as alterações de objetos: a API Proxy. Sindre Sorhus criou on-change, uma pequena ferramenta JavaScript que permite que o senhor ouça […]
JavaScript fetch com tempo limiteJavaScript fetch com tempo limite
O novo AbortController e AbortSignal APIs tornaram o cancelamento de fetch muito mais limpo. Para aprender um método mais moderno de cancelar uma solicitação de fetch leia buscar com tempo limite! O fetch API começou como alvo de críticas devido à falta de tempo limite e cancelamento de solicitações. Embora essas críticas possam ser consideradas […]
Detectar suporte a WebVR com JavaScriptDetectar suporte a WebVR com JavaScript
Faz dois anos que não me envolvo muito com WebVR na Mozilla, mas, apesar de não contribuir todos os dias, posso ver a RV dando saltos e limites, desde o Firefox fazendo um esforço maior até o Chrome impulsionando a RV e Oculus e HTC (Vive) melhorando suas ofertas. Os jogos nativos estão ficando melhores, […]
Script & Style Show: Episódio 16: JavaScript e LEDs com Kristina DurivageScript & Style Show: Episódio 16: JavaScript e LEDs com Kristina Durivage
Neste episódio: Todd voltou de uma conferência incrível e David vê o convidado desta semana como a passagem para fazer com que seus filhos pensem que ele é um super-herói. A incrível Kristina Durivage aparece para falar sobre JavaScript, engenharia elétrica e usos incomuns de LEDs para programação, além do cenário da Web. Aproveite! […]
Obter e definir volume com JavaScriptObter e definir volume com JavaScript
O <audio> e <video> oferecem muito mais funcionalidades do que a maioria das pessoas sabe. Por exemplo, o senhor sabia que é possível detectar as tags formatos de vídeo e formatos de áudio usando alguns truques de JavaScript? Isso me fez pensar sobre as possibilidades de detectar o volume do sistema com JavaScript no navegador. […]
Script & Style Show: Episódio 18: JavaScript Date e TC39 com Maggie PintScript & Style Show: Episódio 18: JavaScript Date e TC39 com Maggie Pint
Script & Style Show: Episódio 18: JavaScript Date e TC39 com Maggie Pint
Substituir caracteres repetidos com JavaScriptSubstituir caracteres repetidos com JavaScript
Pode ser complicado trabalhar com URLs porque eles podem ser mais complicados do que o formato tradicional de URL que o senhor digita. Lembrei-me disso novamente quando estava analisando URLs do Webpack e vi essa beleza: webpack-internal:///../rbd/pnpm-volume/144384a5-85d9-4142-b9b9-168eea22eb97/node_modules/.registry.npmjs.org/fbjs/0.8.17/node_modules/fbjs/lib/isNode.js Analisei o URL com new URL(“….”) mas vi que o pathname incluía todas […]