Há muitos métodos básicos e nativos do JavaScript que muitos desenvolvedores não conhecem. Muitas pessoas não conhecem o método Element.classList API, por exemplo, assim className
o gerenciamento se torna outro caso de necessidade de um kit de ferramentas JavaScript até mesmo para as tarefas mais básicas. Outro caso é a verificação da parentalidade dos nós: os desenvolvedores acreditam que isso requer um kit de ferramentas ou um loop de verificação parentNode
no topo da cadeia; não é assim! Os nós fornecem um contains
para verificar se um nó é pai de outro:
function(parentNode, childNode) { if('contains' in parentNode) { return parentNode.contains(childNode); } else { return parentNode.compareDocumentPosition(childNode) % 16; } }
O senhor notará que verificamos o contains
antes de usá-lo, como o senhor provavelmente esperaria, e usamos o raramente conhecido método compareDocumentPosition
no caso de o contains
não seja compatível (Firefox < 9). Esse método seria útil na criação de um widget do tipo arrastar e soltar e na determinação de movimentos entre listas. De qualquer forma, antes de chegar à conclusão de que o senhor precisa de um kit de ferramentas para algo que parece básico, faça uma pesquisa rápida e, com sorte, encontrará uma maneira mais fácil!
Criação de efeitos de paralaxe de rolagem com CSS
Introdução Há muito tempo, os sites com o chamado efeito “parallax” são muito populares… Caso o senhor não tenha ouvido falar desse efeito, ele basicamente inclui diferentes camadas de imagens que se movem em diferentes direções ou com diferentes velocidades. Isso leva a uma…
7 Funções essenciais do JavaScript
Lembro-me dos primeiros dias do JavaScript, quando era necessário ter uma função simples para quase tudo, porque os fornecedores de navegadores implementavam recursos de forma diferente, e não apenas recursos de ponta, mas recursos básicos, como
addEventListener
eattachEvent
. Os tempos mudaram, mas ainda existem algumas funções que todo desenvolvedor deve…
Cálculo de CSS
O CSS é um enigma completo; todos nós apreciamos o CSS por causa de sua simplicidade, mas sempre desejamos que a linguagem faça um pouco mais. O CSS evoluiu para acomodar marcadores de posição, animaçõese até mesmo clique em eventos. Um problema que sempre pensamos…