RelevantLatestTop

Sofia Santana

16 de ago.

Como selecionar elementos internos específicos usando múltiplos seletores em JavaScript

#javascript#dom#seletores

9 reações3 comentários

8 min de leitura

Leandro FreitasExcelente explicação, esse método de combinar seletores realmente resolve muita dor, principalmente em estruturas mais complexas. Uma dúvida: em casos de DOM muito grande, você ach

Patricia DantasConcordo com o Leandro, dependendo do tamanho do DOM, o uso de querySelectorAll pode ficar pesado. Uma estratégia que já usei foi limitar o escopo do elemento principal e fazer bus

Ver todos os 3 comentários →

Fabio Macedo

15 de ago.

Resolvendo problemas de DOM não encontrado ao manipular elementos em scripts carregados dinamicamente

#javascript#carregamento#dom

6 reações3 comentários

8 min de leitura

Bruno AlmeidaÓtima explicação, Fabio Aqui no meu time, sempre reforçamos o uso do evento DOMContentLoaded pra evitar esses problemas, principalmente em páginas com muitos scripts assíncronos.

Ana RamosConcordo, Bruno. Além disso, acho que o uso de frameworks modernos que gerenciam o ciclo de vida do DOM pode ajudar bastante, mas o entendimento do timing ainda é importante pra ca

Ver todos os 3 comentários →

Camila Almeida

15 de ago.

Como selecionar elementos específicos dentro de uma hierarquia HTML usando JavaScript sem comprometer a performance

#javascript#performance#dom

13 reações5 comentários

4 min de leitura

Yuri CamposNo meu time, o que pega é o custo de buscas repetidas. Sempre que possível, guardo referências ao elemento e só altero o que é preciso, evita retrabalho e melhora a performance.

Fabio AlmeidaGosto quando a discussão sai do demo. Em React/Next, eu colocaria teste pequeno, responsável claro e caminho para voltar atrás

Ver todos os 5 comentários →

Tiago Teixeira

14 de ago.

Resolvendo problemas de DOM não localizado ao usar getElementById e seletores jQuery

#javascript#dom#seletores

6 reações4 comentários

8 min de leitura

Wesley SantanaNo meu time, às vezes o problema é esse mesmo, a ordem do script ou a fal ta do defer. Acho que vale sempre revisar o fluxo de carregamento pra evitar esses bugs meio chatos.

Tiago QueirozSofia, na minha opinião, pra projetos menores, o bom e velho colocar scripts no final funciona bem. Mas pra escala maior, usar modules ou frameworks que já cuidam do ciclo de vida

Ver todos os 4 comentários →

Bruno Santana

13 de ago.

Resolvendo problemas de elementos DOM não encontrados em scripts carregados tardiamente

#javascript#carregamento#dom

9 reações3 comentários

7 min de leitura

Patricia QueirozÓtimo guia, ajuda demais na hora de colocar o script na posição certa. No meu time, a gente costuma usar o evento DOMContentLoaded pra cuidar para que o DOM tá pronto antes de mani

Bruno TeixeiraConcordo com a Patricia. Às vezes é mais seguro colocar o script no final do body, mas o uso do defer realmnete ajuda a manter o código organizado, especialmente com arquivos exter

Ver todos os 3 comentários →

Mariana Queiroz

12 de ago.

Resolvendo o problema de elementos DOM não serem encontrados por métodos ou jQuery

#javascript#debug#dom

8 reações5 comentários

10 min de leitura

Camila QueirozSempre movo meus scripts pro final do body, ajuda muito a evitar esses problemas. Mas acho que o mais seguro é usar o DOMContentLoaded, principalmente com scripts inline.

Igor DantasConcordo, o defer também é uma mão na roda, ainda mais pra quem tem vários scripts externos. Mas tem que ficar de olho na compatibilidade com browsers mais antigos.

Ver todos os 5 comentários →

Gabriela Vieira

7 de ago.

Problemas ao Renderizar Componentes React em Elementos DOM Ainda Não Carregados

#carregamento#dom#reactjs

14 reações4 comentários

4 min de leitura

Wesley BarrosConcordo, Gabriel. Essa questão de ordem de carregamento pega muita gente no início, principalmente quem vem de outras tecnologias que não usam essa separação clara entre HTML e sc

Tiago RamosNo meu caso, o problema foi na configuração do webpack. Uma linha mal colocada e o React não encontrava o elemento.

Ver todos os 4 comentários →

Wesley Teixeira

4 de ago.

Implementando rollback eficiente ao trocar visibilidade de ícones em componentes web

#javascript#dom#ui

9 reações6 comentários

4 min de leitura

Sofia RamosTem valor, só não compraria como regra geral. Precisa ficar claro quem opera, quem revisa e o que acontece quando falha.

Leandro QueirozBoa, mas eu tomaria cuidado com a parte invisível. O primeiro ganho aparece rápido, a manutenção só aparece depois

Ver todos os 6 comentários →

Leandro Esteves

27 de jul.

Manipulação de estilos em Shadow DOM com base na hierarquia do DOM externo

#css#shadow dom#dom

5 reações4 comentários

3 min de leitura

Nicolas DantasPois é, essa limitação do CSS acaba forçando a gente a usar JS pra essa comunicação. No meu time, a gente faz um evento disparado pelo script que monitora o DOM externo e atualiza

Leandro RamosNo meu caso, evitar dependências complexas foi melhor. Criei uma API simples no JS que controla o estado do componente, e aí o CSS só reage a atributos ou classes. Assim, fica mais

Ver todos os 4 comentários →

Beatriz Lima

7 de jul.

Ordenar tabelas de divs sem usar jQuery

#javascript#performance#dom

10 reações3 comentários

1 min de leitura

Bruno VieiraNo meu time, a gente tentou migrar pra JS puro, mas a complexidade do sorting acabou complicando. Acho que depende do tamanho da tabela, se é algo que rola de fazer com uma função

Sofia SantanaConcordo, Bruno. Pra tabelas menores, é tranquilo fazer com JS puro, mas se for uma tabela gigante, o overkill de jQuery acaba sendo menos impactante.

Ver todos os 3 comentários →