GeorgiaPereira039 / MemoriaGame

Jogo da memória. Tema: Pokemon
Other
9 stars 0 forks source link

bug-fixed: melhorando aspectos de segurança do jogo memoriagame e indentação #24

Closed ghost closed 1 year ago

ghost commented 1 year ago

Oi GeorgiaPereira039.

Geralmente sites, jogos, blogs não devem ser feitos com inline-css, é melhor sempre utilizar tags semânticas por recomendação padrão de segurança online. Geralmente existem ataques inline-css que descobrem certas falhas de algoritmo.

Geralmente inline-css serve para performance em alguns casos isolados, no caso do jogo, não vejo como a performance seria importante do que segurança. Por isso mudei as tags inline para alguma estática e fixa como img com o atributo src.

Sobre a questão de performance - utilizar tags inline reduz solicitação de rede. Imagine que ao acessar qualquer site com conexão de alta latência, como mobile 3g ou edge ao ter o estilo não inline haveria um atraso extra para uma solicitação de rede adicional que poderia causar um flash de conteúdo sem estilo.

Isso não muda nada no jogo, é apenas um bug-fixed

antes image

depois image

Como podemos ver na imagem, a propriedade css-inline "background-image" foi substituída pelo atributo src na img Espero ajudar de alguma forma

ps: Outra mudança que adicionei foi a indentação no código js

GeorgiaPereira039 commented 1 year ago

Boa. Valeu pela orientação, não sabia. Ficou bacana