HTML tutorial_HTML conceitos básicos de web design e competências práticas - Downcodes

Português

中文(简体) 中文(繁体) 한국어 日本語 English Português Español Русский العربية Indonesia Deutsch Français ภาษาไทย

Página Inicial>Tutorial de web design> Tutorial HTML

Todos Tutorial Dreamweaver Tutorial Javascript Tutorial HTML Tutorial CSS Dicas e truques Tutorial de DHTML Efeitos especiais da Web Normalização WEB

Tutorial HTML

Mapa interativo de linhas de metrô baseado em HTML5 Canvas

Prefácio Quando eu estava procurando inspiração em echarts há dois dias, vi muitos exemplos semelhantes de mapas, posicionamento de mapas, etc., mas parecia não haver nenhum mapa do metrô, então passei algum tempo mexendo neste mapa interativo do metrô. D

2025-01-24
Como construir um servidor de consulta simples usando express

Este artigo apresenta o método de uso do Express para construir um servidor de consulta simples e o compartilha com todos. Os detalhes são os seguintes: As pilhas de tecnologia usadas incluem Express e MySQL Estrutura do projeto: service--node_modules--ap

2025-01-24
Código de exemplo para usar html2canvas.js para capturar capturas de tela de páginas e exibi-las ou carregá-las

Recentemente, usei html2canvas.js ao escrever projetos, que podem realizar a função de captura de tela da página, mas encontrei muitas armadilhas, então escreverei um ensaio para registrá-las. Ao usar o html2canvas, você pode encontrar problemas como apen

2025-01-24
Uma breve discussão sobre tags novas e abandonadas em HTML5

1. Os elementos HTML 4.01 abaixo das tags obsoletas foram excluídos do HTML5. Embora os navegadores ainda suportem essas tags por motivos de compatibilidade, é recomendado o uso de novas tags alternativas. depende do público do projeto. 1. Elementos que p

2025-01-24
Explicação detalhada de exemplos clássicos de API de arrastar e soltar HTML5

1. Sobre a API de arrastar e soltar A API de arrastar e soltar é um novo recurso do HTML5. Em comparação com outros novos recursos, acho que é responsável por 60% da importância e 30% do uso no desenvolvimento real. são suficientes para o mestrado. 2. O q

2025-01-24
Compartilhe o código de efeitos especiais da caixa de seleção de um formulário nativo H5

Este artigo apresenta o código de efeitos especiais da caixa de seleção para compartilhar um formulário nativo H5 e o compartilha com todos. Os detalhes são os seguintes: O efeito é o seguinte:<!DOCTYPE html><html><head><meta charset=UTF-8><title></title>

2025-01-24
Clique no botão de opção para ativar diretamente o código de implementação do link

<html><head><script>function go(HrefName) {window.location.href = HrefName;}</script></head>

2025-01-24
Explicação detalhada da solução para o problema de arestas nas linhas de desenho do Html5 Canvas

Todas as linhas desenhadas pelas instruções de desenho de linha do Canvas HTML5 têm rebarbas (como lineTo, arcTo, strokeRect. Isso ocorre porque a posição correspondente ao valor da coordenada inteira no Canvas é a lacuna entre os pixels da tela, portanto

2025-01-24
Exemplo de código para componente de contagem regressiva de anel de tela

Este artigo apresenta o código de amostra do componente de contagem regressiva do anel de tela e o compartilha com você. Os detalhes são os seguintes: O efeito é mostrado na Figura 1: Componente de contagem regressiva do anel de tela A contagem regressiva

2025-01-24
Uma breve discussão sobre Rough.js, uma biblioteca gráfica de estilo desenhado à mão baseada em Canvas

O prefácio recomenda uma biblioteca JS de gráficos desenhados à mão baseada no Canvas. Rough.jsRough.js é uma biblioteca leve (cerca de 8k) baseada em Canvas que pode desenhar estilos aproximados desenhados à mão. Fornece recursos básicos para desenhar li

2025-01-23
Canvas, a interface mais forte do H5, implementa funções gráficas dinâmicas

No último artigo, compartilhamos como usar o canvas para desenhar gráficos, mas os desenhos eram todos gráficos estáticos. Esta semana aprenderemos como usar o canvas para desenhar gráficos dinâmicos. O que é animação? Antes de desenharmos uma animação, d

2025-01-23
Explicação detalhada de como resolver o problema da interface não retornar à posição original quando o teclado do IOS é retraído através do evento focusout

Sintomas do problema Hoje, quando eu estava desenvolvendo uma página móvel H5, encontrei o problema de que a interface não conseguia retornar à sua posição original quando o teclado era retraído no IOS. Os problemas e sintomas são descritos detalhadamente

2025-01-23
Como converter animação de tela front-end em vídeo mp4

Ao enviar uma imagem de tamanho apropriado, os usuários podem visualizar o efeito semelhante a uma apresentação de slides, selecionando o efeito e a música da animação renderizada e, por fim, clicar para confirmar para gerar um vídeo, que pode ser reprodu

2025-01-23
Exploração HTML5: Otimizando Animação Web com requestAnimationFrame

O que é requestAnimationFrame? Em programas de animação de navegador, geralmente usamos um cronômetro para alternar o objeto alvo a cada poucos milissegundos para fazê-lo se mover. Agora há boas notícias, os desenvolvedores de navegadores decidiram: Ei, p

2025-01-23
Explicação detalhada do Canvas para obter efeitos deslumbrantes de movimento de partículas (partículas geram texto)

Não existe melhor, apenas melhor. Como o título indica, este artigo deseja apenas compartilhar um efeito de movimento de partículas obtido usando o Canvas. Parece uma manchete, mas de outra perspectiva, dificilmente pode ser considerado deslumbrante. Embo

2025-01-23

Página anterior 166 167 168 169170171 172 173 174Próxima página