Cómo hacer un carrusel en flash Cómo hacer un carrusel tutorial
Primero, cree un documento flash en blanco y cambie el tamaño del escenario. Inserte una imagen, ajuste la posición de la imagen y la imagen en x:0y:0 aparecerá en pantalla completa.
Convierta la imagen en un símbolo de imagen y luego inserte un fotograma clave en el fotograma 120. El primer cuadro permanece sin cambios. Haga clic en Propiedades en el fotograma 120, ajuste el grado alfa y cree una interpolación tradicional.
Crea una nueva capa y llámala Rectángulo. Seleccione la herramienta Rectángulo, convierta el rectángulo en un componente de botón, establezca la transparencia en 0 y luego haga clic derecho para escribir código. Espera, haz diferentes animaciones de imágenes.
¿Configuración de iluminación de la placa base?
En primer lugar, los usuarios pueden presionar la tecla SUPR al encender la computadora. Después de ingresar al BIOS, haga clic en Modo avanzado en la esquina inferior derecha para ingresar al modo avanzado.
Después de la administración avanzada de energía, seleccione el primer elemento y Erp admitirá la configuración de iluminación de la placa base. Haga clic en F10 en el teclado para guardar y salir de la BIOS para configurar los efectos de iluminación de la placa base. Solo como referencia, espero que ayude. Gracias.
¿Cómo utilizar PS para crear un efecto de carrusel de imágenes flash?
1. Abra la imagen y haga clic en Menú Ventana-Línea de tiempo.
2. Haga clic para crear una línea de tiempo de video; haga clic para convertir en animación de cuadros.
3. Duplica el marco seleccionado y selecciona el segundo marco para cerrar el texto.
4. Selecciónelos para establecer el tiempo en 0,5.
5. Establece el período de reproducción como permanente.
6. Hagamos una animación en carrusel y copiemos 5 cuadros porque hay 5 imágenes.
7. Como se muestra en la figura, cuando se selecciona el cuadro 3, se muestran el fondo y la capa negra, cuando se selecciona el cuadro 5, se muestran el fondo y la capa blanca, y así sucesivamente.
8. Después de eso, selecciónelos y modifique el tiempo a 0,2 y establezca el período en 3. Haga clic en Reproducir para ver el efecto.
¿Cómo aprender diseño artístico y empezar?
1. Para convertirte en artista, debes aprender tres cosas. El diseño gráfico, el diseño web y el diseño publicitario son relativamente simples ahora, por lo que el primer paso es sentar una buena base en PS, producir imágenes de diferentes especificaciones y crear arte sobre esta base. Aprender Photoshop y usarlo de manera flexible resolverá la mitad del problema.
2. Crea un diseño gráfico para el dibujo. Una vez reparado el mapa de bits, se considerará la imagen vectorial para su edición. Crea logotipos de íconos, dibuja imágenes gráficas y úsalas con PS para abrir una segunda ventana para tu camino artístico. Herramientas de dibujo vectorial: Illustrator y CorelDraw
3. También vale la pena aprender a programar CSS para diseño web si eres bueno tanto interna como externamente. Después de todo, hacer carteles en carrusel o utilizar efectos especiales con bellas imágenes puede mejorar la imagen general de un sitio web. Si prefieres el diseño artístico de páginas independientes, entonces el diseño web también es imprescindible. Recomiendo Dreamweaver de Adobe.
4. Además, el uso flexible de software de edición de vídeo como flash (animación gif), 3DMAX (producción de imágenes y vídeos tridimensionales), premiere o edius también añadirá diferentes elementos a la página web. . Finalmente, como perdedor, hay más de una docena de software a gran escala instalado y tarda unos 3 minutos en iniciar la computadora. Estoy considerando reinstalar mi sistema, así que sólo puedo recomendar esto. . . .
¿Qué necesitas aprender para obtener el certificado avanzado de front-end?
1. Parte básica avanzada
1. Sintaxis de ES6/ES7 e implementación de principios
2 Proceso de desarrollo asincrónico: devolución de llamada, promesa, generador, co, asincrónico. control de procesos como async/await (el principio de implementación de async y await).
3. El principio del patrón de diseño de promesa y su aplicación en es6, y una implementación de promesa escrita a mano que se ajusta a la especificación de promesaA+.
4 Conceptos básicos del nodo y combate real. /p>
5. Publicar y suscribir principios de diseño y principios de eventos de nodos.
6. Programación funcional
En segundo lugar, la evolución de la modularidad
La evolución del desarrollo modular de JavaScript La evolución de la historia de los módulos CommonJS, AMD, CMD y ES6. .
La solución de implementación modular más común en la actualidad: CommonJS a ESModule
Implementación simple de frases comunes escritas a mano
Herramientas de construcción de ingeniería front-end
1.Principios básicos de implementación y uso de gulp
2 Complementos universales (compresión, fusión, compilación, servicio de vista previa, inyección automática)
3.3. node.js Uso avanzado de transmisiones
4. Implementar prefijos automáticos.
5.5. Uso básico y principios de funcionamiento de webpack.
6. Cargadores y complementos comunes (complementos DLL, etc.)
Análisis del principio de funcionamiento de 7.7. Paquete de red
8. Escriba un cargador personalizado y un complemento personalizado
9. Optimización del paquete web (análisis, reemplazo en caliente de módulos, compresión, división de código, herramientas de visualización)
4. Grupo de la familia React
React
1.
2. Construir el entorno 2.react
Uso de 3.3. Sintaxis JSX (implementación principal de CreateElement y Render)
Uso de 4.4. Expresiones JSX
5. Atributos JSX (nombre de clase, HTMLfor, estilo, html incorporado peligroso)
6. p >7. Propiedades y estado de los componentes (descripción detallada de la verificación de propiedades y el estado de configuración)
8. Componentes controlados y componentes no controlados
Utilice 11. atributo infantil
12. Tablero de mensajes real del proyecto
2.redux
. 1. Biblioteca redux escrita a mano (getState, createStore, despacho, suscripción, applymiddlewar)
e, combineReducer, compose, bindActionCreators)
3. 1. Principios y aplicaciones de componentes de alto nivel
2.Reaccionar al contexto de atributos de alto nivel
3.Utilice 3.react-redux para implementar todoList.
4. React-Redux escrito a mano (análisis de principios de conexión y proveedor)
4. Middleware
React
●1. componentes?
● 2. Construir●2. Entorno reactivo
● 3. Usar sintaxis JSX (implementación principal de CreateElement y Render)
● 4.Uso de expresiones JSX
●5. Atributos JSX (nombre de clase, htmlfor, estilo, html incorporado peligroso)
6. Uso de componentes (declaración de clase, declaración de función)
●7. Propiedades y estado de los componentes (descripción detallada de la verificación de propiedades y el estado de configuración)
8. Componente compuesto
9. Período de declaración del componente. . Componentes controlados Componentes no controlados
●Uso 11. Subatributos
●12. Tablero de mensajes real del proyecto
2.redux
●1. Biblioteca redux manuscrita (GetState, CreateStore, Dispatch, Subscribe, Apply). Middleware, Combine Reducer, Compose, Bindaction Creators).
3. Reducción de reacción
●1. Principios y usos de componentes de orden superior
●2. Contexto de atributos avanzados de reacción
● 3. Utilice ● 3.react-redux para implementar todoList.
●4. React-Redux escrito a mano (análisis del principio de conexión y proveedor)
4. Middleware
●1. )
●2. Redux-logger escrito a mano, Redux-thunk, Redux-promise
3. Middleware de caché local personalizado escrito a mano
5. Reacción del enrutador dom
● 1. La diferencia entre HashRouter y el enrutador del navegador.
● 2. Utilice enlaces●2. Enlace, NavLink (coincidencia absoluta exacta, salto de estado con parámetros).
● 3. Tres métodos de renderizado de componentes de ruta (componente, renderizado, subcomponente)
● 4. Uso de parámetros de enrutamiento y subrutas
● 5 .Uso●5.Con enrutador, enrutador dedicado
●6.Componente de aviso para evitar saltos.
●7. Redireccionamiento (componente de redireccionamiento)
●8. Componentes escritos a mano comunes, como HashRouterRoute
6.
El principio de implementación de ●1. Animación de reacción
●2. Utilice la biblioteca del grupo React-Transition para desarrollar aplicaciones de animación de tareas pendientes.
7. Práctica del proyecto React Everest Classroom 1.0
●1. Construcción del entorno Webpack
●2 Navegación en la pestaña inferior
●3.Animación
●4.redux cambia la clasificación del curso.
5. Implementar el carrusel de cabezas.
6. Lista de recorridos
●7. Actualización desplegable
8. Carga de dominadas
9. de la barra de desplazamiento.
●10. Página de detalles del curso
●11. Registro de usuario
●12. Inicio de sesión de usuario
●13. página
●14. Complemento de desarrollo de Redux
8. Análisis e implementación en profundidad del nivel de código fuente Vue+React.
●1. Implementación del enlace bidireccional de Vue escrito a mano
2. La diferencia entre el DOM virtual de Vue y el DOM virtual de React.
●3. ¿Cómo implementar un algoritmo VirtualDOM?
4. Comprenda a fondo el mecanismo de actualización de setState a través del código fuente.
●5. Escriba a mano la biblioteca React, incluido el DOM virtual, el monitoreo de eventos, el ciclo de vida básico de los componentes y otras funciones.
Nodo de verbo (abreviatura de verbo) avanzado
1. Explicación detallada de http y tcp
●Análisis de protocolo de red de siete capas
●2.Conexión TCP y algoritmo Nagle
●3. Utilice Wireshark para aprender el protocolo de red de siete capas.
● 4. Descripción detallada del servidor DNS
5. Implementación del servidor estático de nodo y mecanismo de almacenamiento en caché.
6. Aplicaciones prácticas comunes●6. Mensaje HTTP
● 7. Aplicación de flujo de nodos y estrategia de carga de fragmentos de archivos.
● 8. Diseño y uso de API RESTful
● 9. Uso de CDN y OSS
● 10. Análisis del proceso de comunicación segura https
2. Expresión
●1. Marco expreso escrito a mano
●2. Principios de implementación de middleware, bodyParser, analizador de cookies, principios estáticos y de plantilla.
3. Koa Acacia
●1. Marco Koa escrito a mano
●2. Principio de implementación de middleware, bodyParser, analizador de cookies, principio estático y de plantilla.
4.Sistema operativo Linux
1 Introducción.
Sistema operativo Linux
●2.Archivos y directorios Linux
●3.Permisos de usuario y grupo de Linux
4.Comandos de Linux
5. Proceso de comando
5.Mongodb
● 1. Instalación y uso de MongoDB
● 2. Arquitectura del sistema MongoDB
● 3.Consulta avanzada de Mongodb
●4.Índice de Mongodb
●5.Seguridad y permisos de Mongodb
● 6.Modo de módulo Mongoose
● 7. Modelo de módulo Mongoose
● 8. Utilice el modelo para agregar, eliminar y cambiar documentos.
6. Everest Blog (express+mongodb+mongodb)
●Implementar un sistema de blog basado en bootstrap+express+mongodb, que incluye gestión de usuarios, gestión de artículos y lectura de más mensajes. consulta de paginación, búsqueda, carga de archivos, estadísticas de mensajes pv y otras funciones completas. Se utiliza middleware personalizado como enrutamiento Express, plantilla ejs, server-favicon, morgan, cookie-parser, body-parser, express-session, connect-mongo, connect-flash, uuid, async y otras protecciones de enrutamiento para ampliar la edición de texto enriquecido. Servidor, rebajas, implementación en la nube de heroku y otras funciones.
●1. Inicialización del proyecto
●2. Gestión de usuarios
●3. Consulta de paginación. >
●5. Buscar
6. Carga de archivos
●7. Estadísticas de mensajes PV
7. Proyecto de sala de chat del Everest (react+ socket) .io+mongodb)
●1. ¿Qué es la comunicación en tiempo real?
●2. ¿Qué es Websocket?
● 3.3. Comparación entre websocket y http
● 4. Utilice socket.io para implementar una sala de chat.
●5. Chatea de forma anónima
6. Chatea usando el nombre de usuario y la lista de usuarios
●7. Chatea de forma privada con los usuarios
●8. Divida diferentes salas de chat
9. Persistencia de mensajes
●10. Soporte de emoticones QQ
8. Instalación y uso de MYSQL
●2. Arquitectura del sistema MYSQL
●3. Agregar, eliminar y verificar el procesamiento de datos.
4. Tipo de datos y paginación restringida
5. Índice y análisis de rendimiento de consultas lentas
6. Prevención de inyección SQL para la seguridad de la base de datos.
>9. Everest Reptile (cheerio+request+mysql)
●1. Envíe una solicitud HTTP para obtener el contenido en la URL especificada.
●2. Utilice la sintaxis de Cheerio para operar los elementos de la página web y extraer los elementos necesarios.
●3. Guarde los datos en la base de datos mysql.
4. Cree un servidor web para mostrar estos datos.
●5. Utilice tareas programadas para ejecutar automáticamente tareas de actualización.
●6. Implemente el proyecto en Alibaba Cloud y configure el proxy inverso.
10. Redis
● 1. Instalación y uso de Redis
●2.5 Estructura de datos y escenarios de uso
● 3 .API comprensión y uso
●4.Cliente Redis
11.Nginx
●1 instalación y uso. Un servidor web proxy inverso
●2. Módulos y configuración básica
●3. Proxy directo e inverso y otros escenarios de aplicación.
12. Introducción e instalación de Docker
1.
Docker
●2. Dockerfile
●3. Almacenamiento y almacén espejo
●4. Pruebas unitarias. /p>
●1. Casos de prueba y análisis de requisitos
●2. Marco de pruebas unitarias mocha/ava
●3.
65438+
Principio de funcionamiento de ●1 y algoritmo de equilibrio de carga. String
●Herramienta 2.pm2
15. Monitoreo del rendimiento del front-end y optimización del rendimiento, monitoreo del comportamiento y precauciones de seguridad
●1. estrategia
●2. ¿Cómo descubrir las deficiencias de rendimiento y optimizar cada deficiencia?
●3. Informar puntos ocultos del front-end
4. Informe de errores del front-end
5. >6. Monitoreo e informes del comportamiento del front-end
●7. Recuperación en línea del front-end y pruebas A/B
●8. >9. Análisis del proceso de renderizado del navegador (árbol DOM, RenderObject, contexto de dibujo)
16. Implementación del proyecto
●1.flujo de trabajo de npmscript
2.Script de Shell. implementación
17. Seguridad
●1 principios y prácticas de código. XSS
● 2. Principios y pautas prácticas de CSRF
18. Pruebas funcionales y pruebas de rendimiento
●1 Casos de prueba y análisis de requisitos
<. p>●2. Uso básico del marco de prueba funcional universal (mocha/ava)●3.
19. Optimización completa del enlace
●1. Optimización de DNS
●2 Optimización de la velocidad de solicitud
●3. JScssimagehtml
●4. Optimización de la caché
●5. Optimización del servidor
6. Patrones de diseño de front-end del verbo intransitivo. (conferencias seleccionadas)
Patrones de diseño creativo
●1 Patrón de fábrica
●2 Patrón de constructor
●3.
Baja 4. Modo único
Modo de diseño estructural
●1.Modo de apariencia
●2.Modo de adaptador
●3.Modo de agente p>
●4. Modo de decoración
●5. Modo de combinación
Modo de diseño de comportamiento
●1.
●2. Modo de estado
●3. Modo de estrategia
4. Modo de comando
●5. 6. Modo de mediación
●5. Modo iterador
7. Estructura de datos algorítmica (conferencias seleccionadas)
1. 2. Complejidad del espacio
3. Algoritmos de clasificación comunes
●1. Clasificación y optimización de burbujas
●2.
●3. Clasificación por inserción
4. Fusionar y ordenar
5. Fórmula de clasificación rápida
Baja 6. Ordenación por conteo
●7. Clasificación de cubos
8. Ordenación por base
4.
5. Árbol (altura, preorden, orden posterior, búsqueda en amplitud, inversión)
6. Algoritmo de búsqueda de árbol binario
7. algoritmo
implementación 8.8. Reaccionar algoritmo DOMDiff virtual.