Crie|Descubra possibilidades criativas ilimitadas
propósito criativo
Este é um site que reúne a criatividade de todos. Aqui podemos ver o trabalho árduo dos alunos que participaram do curso de desenvolvimento front-end Web, ver seu crescimento, ver seu amor e ver sua infinita criatividade! Embora este site de exibição seja tão simples, os sites dos alunos são muito ricos e criativos. Espero que você goste deles!
função estrutural
- Enviar trabalho
- Exibir todos os trabalhos, incluindo exibir a página de detalhes
- Exibir a lista de classificação dos trabalhos e curtir os trabalhos
- Colecione suas obras favoritas
detalhes técnicos
- Ao monitorar o tamanho da janela do navegador, a imagem do banner da página inicial fica sempre em tela cheia
- Altere a barra de navegação monitorando a posição de rolagem
- Layout: método de layout tradicional de posição+float, incluindo alguns truques como display: inline-block e clear float.
- O ícone usa iconfont
- -webkit-scrollbar style altera a barra de rolagem para tornar a página da web mais embelezadora
- Use pseudoclasses para obter alguns efeitos na lista de classificação
- Fiz alguns efeitos de cores deslizantes nas bordas do cartão
- Realizei a modelagem de toda a página do site, obtive o conteúdo do template através de ajax e renderizei na página.
- Use location para obter os parâmetros de URL atuais, para que páginas diferentes possam usar modelos diferentes e alguns efeitos específicos. Este efeito pode ser alcançado com apenas uma função, e o parâmetro é o nome do modelo.
- Use js para controlar os atributos de exibição de alguns efeitos para obter alguns efeitos específicos na minha coluna de favoritos
- Envie a página acessando submit.php (usando bootstrap para obter o efeito de estilo do formulário), enviando-a ao banco de dados e, em seguida, buscando-a em getdata.php e gerando uma string json.
- Quando o site obtém dados, o método de sincronização ajax é usado para obter a string json de getdata.php. Ao mesmo tempo, chamadas recursivas são usadas ao fazer o loop da string json para resolver alguns problemas assíncronos causados pelo uso de ajax.
- Use SessionStorage para armazenar dados recuperados
- Implementada uma função de classificação por valor de estrela na página de classificação
- Incorpore espaços reservados em modelos para colocar os dados recuperados no local correto
- Para a página de detalhes, uma função é usada para obter os parâmetros de URL para que diferentes contas possam exibir diferentes páginas de detalhes.
