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 e attachEvent. Os tempos mudaram, mas ainda existem algumas funções que todo desenvolvedor deve…