front_end-demos
El programa de capacitación front-end se utiliza para registrar demostraciones acumuladas por el trabajo personal y el estudio.
| Nombre | Código fuente |
|---|
| KOA+MySQL implementa el sitio web de envío de correo cronometrado | |
| Proyecto Vue-Todo-Demo | código |
| Proyecto React-Todo-Demo | código |
| Arrastre y suelte el cuadro para cargar archivos | código |
| lienzo implementa un tablero de imágenes | código |
| lienzo dibuja un gráfico de pastel | código |
| Página de actividades H5 Plan de presentación del Día Nacional Vue (terminal móvil) | código |
| Tutorial de héroes angulares | código |
| Prueba de varios formatos de audio | |
| Etiquetas de audio HTML5 | código |
| Etiquetas de video HTML5 | código |
| Estructura de datos-JS Operación binaria Árbol | código |
| Ideas de resolución de problemas de Leetcode | código |
| Nodo usa protoBuf | código |
| Vue usa ProtoBuf | código |
| px2rem | código |
¿Cuáles son los proyectos de front-end adecuados para principiantes para practicar? . Lo escribí paso a paso, puse el código fuente en GitHub, gracias al autor del proyecto original. Aprendizaje nativo de JavaScript, por ferris
Lección 1
- 1. Control de atributos Div
- 2. Reemplazo de piel web
- 3. La función recibe parámetros y aparece
- 4. Use un bucle para convertir tres divs en rojo
- 5. Mueva el mouse dentro/hacia afuera para cambiar el estilo
- 6. Recuerde el cuadro de solicitud de contraseña
Lección 2
- 1. Método de entrada de Baidu
- 2. Haga clic en el DIV para mostrar su InnerHTML
- 3. Encuentre la suma de todos los números en la matriz
- 4. Efecto de capa emergente
- 5. Pase el parámetro de función y cambie el valor de cualquier atributo DIV
- 6. Lista de imágenes: muévete adentro/fuera para cambiar la transparencia de la imagen
- 7. Pestaña simple
- 8. Calendario JS simple
- 9. Botón único para mostrar/ocultar una lista de reproducción para encogerse y expandirse
- 10. Efecto de cuadro rápido
- 11. Mueva el mouse y modifique la ruta de la imagen
- 12. Casilla de verificación (casilla de verificación) Seleccione todo/no seleccione todo/Regresar a Seleccionar
Lección 3
- 1. Use typeOf para ver los tipos de datos
- 2. Use el parseint para analizar los números y sumar
- 3. botón de acumulación, agregue 1 por usted mismo
- 4. Ingrese dos números para comparar los tamaños
- 5. Después de cargar la página, agregue 1 por usted mismo
- 6. Determine si el número es un número de dos dígitos
- 7. Calculadora web
- 8. Reloj web simple
- 9. Cuenta atrás (100 segundos)
Lección 4
- 1.Antimiout Aplicación
- 2. Juega automáticamente un efecto de diapositiva
- 3. Cambiar automáticamente la dirección y el efecto de deslizamiento
- 4. ABROMENTES APLICA UNA para encontrar el total de los parámetros de la función
- 5.CSS Función Conjunto/Lea las propiedades del objeto
- 6. El cuadro de entrada actual se resalta
