FRONT_END-DEMOS
O programa de treinamento front-end é usado para registrar demos acumulados por trabalho pessoal e estudo.
| Nome | Código -fonte |
|---|
| KOA+MySQL implementos de envio de correio cronometrado | |
| Projeto Vue-Todo-Demo | código |
| Projeto React-Todo-Demo | código |
| Arraste e solte a caixa para fazer upload de arquivos | código |
| Canvas implementa uma placa de figura | código |
| Canvas desenham um gráfico de pizza | código |
| Vue National Day Show-Off Plan H5 Página de atividade (terminal móvel) | código |
| Tutorial angular do herói | código |
| Testando vários formatos de áudio | |
| Tags de áudio HTML5 | código |
| Tags de vídeo html5 | código |
| Árvore binária de estrutura de estrutura de dados-js | código |
| Idéias de solução de problemas do leetcode | código |
| O nó usa o Protobuf | código |
| Vue usa o Protobuf | código |
| px2remm | código |
Quais são os projetos front-end adequados para iniciantes praticarem? . Escrevi o passo a passo, coloquei o código -fonte no Github, graças ao autor original do projeto. Aprendizado nativo de javascript, por ferris
Lição 1
- 1. Controle Div Atributos
- 2. Substituição da pele da web
- 3. A função recebe parâmetros e aparece
- 4. Use um loop para transformar três divs em vermelho
- 5. Mova o mouse para dentro/fora para mudar o estilo
- 6. Lembre -se da caixa de prompt de senha
Lição 2
- 1. Método de entrada Baidu
- 2. Clique no div para exibir seu inerhtml
- 3. Encontre a soma de todos os números na matriz
- 4. Efeito da camada pop-up
- 5. Passe o parâmetro de função e altere o valor de qualquer atributo de divisão
- 6. Lista de imagens: mova -se para dentro/fora para alterar a transparência da imagem
- 7. guia simples
- 8. Calendário JS simples
- 9. Botão único para mostrar/ocultar uma lista de reprodução para encolher e expandir
- 10. Efeito de caixa imediata
- 11. Mova o mouse e modifique o caminho da imagem
- 12. Caixa de seleção (caixa de seleção) Selecione tudo/não selecione tudo/retornar para selecionar
Lição 3
- 1. Use o tipoof para visualizar os tipos de dados
- 2. Use a parseint para analisar números e soma
- 3. Acumule o botão, adicione 1 sozinho
- 4. Digite dois números para comparar tamanhos
- 5. Depois que a página é carregada, adicione 1 sozinho
- 6. Determine se o número é um número de dois dígitos
- 7. Calculadora da Web
- 8. Relógio da web simples
- 9. contagem regressiva (100 segundos)
Lição 4
- 1. Settimeout Application
- 2. Jogue automaticamente um efeito de deslizamento
- 3. Altere automaticamente a direção e o efeito do slide
- 4.Adrumes Aplicação Um para encontrar o total de parâmetros de função
- 5.CSS Função Defina/Leia as propriedades do objeto
- 6. A caixa de entrada atual é destacada
