Mientras se puede apreciar, si aplicación, applet, PC de gama, el extremo frontal se realiza
en la parte delantera y la parte trasera del modo de separación, simplemente obtener datos desde el servidor, para mostrar la página,
o el cliente obtiene los datos al servidor, capa de la interacción y la capa de aplicación
algoritmo se requiere conocimientos previos necesarios para procesar datos
algoritmo investigado por el pensamiento lógico
Las manos son una parte importante del aprendizaje: un ejemplo de cada libro son prácticas y de implementar en su navegador para ver el efecto de
control recomendadas en función de Javascript jQuery maestro nativo, demostrado ser muy útil en el trabajo práctico
Ronco: herramientas de automatización de front-end para mejorar la eficiencia de
menos css: Excelente CSS preprocesador
de arranque: Excelente marco CSS, el equipo de diseñadores no es muy bueno, con un menor efecto en combinación con perfectos
RequireJS: AMD módulo de especificación de carga, front-end herramienta modular tendencia indispensable para
Node.js: JavaScript también puede hacer el fondo, el estado de los ingenieros de front-end más en los pasos
AngularJS: individual aplicación Page hacer una buena herramienta para
el desarrollo final web móvil: popularidad de los teléfonos inteligentes hacen extremo tráfico móvil está poniendo progresivamente al PC poner fin a
la gestión de memoria Javascript: SPA Cabe señalar que el problema de larga duración de las pérdidas de memoria
Herramientas
cromo Herramientas de desarrollo: el desarrollo de front-end y herramientas de depuración
- Importante tener en cuenta que varias funciones:
Consola (sin sentido)
elementos de ajuste de estilo, que es de uso general: Elementos
fuentes: código, añadir puntos de ruptura, la depuración de un solo paso, y de un solo paso a través del proceso de visualización de objetos en memoria
expresión de inspección: Ver la memoria actual por las expresiones el valor de la
pila de llamadas: ver la pila de llamadas, asíncrono abierta, se puede ver la pila de llamadas asíncronas (esto es muy útil, especialmente cuando se depura Ajax)
alcance las variables: la variable en la cadena de ámbito, muy útil
a la red: la captura ver cada solicitud muy importante, los extremos delantero y trasero del FBI necesaria
línea de tiempo: hacer análisis, JS diversas etapas de ejecución, etc., herramienta de optimización del rendimiento
de emulación: analógico entorno terminal móvil, el desarrollo de páginas móviles requeridos - Algunos plug-ins:
liveload: Después de modificar la página de forma automática actualizaciones, no Pulse la tecla F5
Dimensiones: medidos directamente en la página arma
livestyle: después de estilos css del efecto automático modificado, sin actualizar, los elementos también pueden ser sincronizados para modificar el código de la
herramienta de la imagen: Medida , toma el color
de código UC dimensiones: el lado móvil de depuración de código de exploración necesaria
Page Speed, YSlow: página de análisis de rendimiento y optimización de los plug-ins
hacen Fei como: excelente editor de reducción del precio en línea, rápido de escritura semanal, tomar notas
Marcos Hombres: medida, color cheque, herramienta de anotación, obras de arte visual después de conseguir el primer software abierto
GFW Fucker: Consumo de albaricoque, si se puede comprar un servidor virtual cuando la escalera
iHosts: muy buenos anfitriones software de gestión para modificar fácilmente los anfitriones , desarrollo y depuración necesarias
Charles: herramienta de análisis de captura de paquetes para la plataforma Mac es mejor usar el
Rythem: AlloyTeam produjo agentes software de captura, de peso muy ligero, fácil instalación, el extremo móvil (máquina real) el desarrollo y la depuración buen uso
Wunderlist: una muy buena la lista de tareas, las tareas de administrar y más fácilmente las exigencias de tiempo
Lo básico del lenguaje
- JavaScript:
cadena de ámbito, los cierres, el contexto de tiempo de ejecución, la presente
cadena de prototipo, de herencia
NodeJS API básico y común - CSS:
selectores
de compatibilidad del navegador y comunes de procesamiento de corte
métodos y principios de diseños CSS (cuadro de modelo, BFC, IFC, etc.)
CSS 3, como la animación, gradiente, etc. - HTML:
las etiquetas semánticas
avanzado
- JavaScript:
el control asíncrono (Promise, generador ES6, asíncrono)
enfoque de desarrollo modular (AMD, CMD, KMD, y así sucesivamente)
JavaScript intérprete algún conocimiento
de IO aplicar asíncrono
recolección de basura
cola de eventos
Utilice marco común y principios
de jQuery: selectores marco basado, pero personalmente creo que no puede ser llamado marco, debe considerarse como una biblioteca de herramientas, ya que no tienen el mecanismo módulo de carga, en el que el código fuente es muy adecuado para la lectura de investigación
AngularJS / Avalon y otro marco MVVM: enfoque en la comprensión del patrón MVVM concepto y la realización de dos vías de unión en sí, cómo desacoplamiento
subrayado: excelente arsenal de herramientas para facilitar la comprensión de las herramientas para lograr fragmentos comunes de
polímero / React: el desarrollo de componentes de base, el desarrollo basado en componentes orientada al futuro para comprender los principios de
CSS y HTML : La característica principal es una característica de CSS3 y HTML5, así como los procesos y principios del proceso de renderizado del navegador
DOM árbol, árbol CSSOM, el proceso de construcción del árbol y la página proceso de prestación de render
análisis de HTML, CSS, JavaScript produce cuando bloqueado
HTML5 relacionados con
SVG y el vector principio de
desarrollo y los principios de la animación de mano (animación fotograma)
Video y Audio
Box Flex diseño
icono el uso de fuentes
常用nodejs的paquete :
Koa
expresar
subrayado
asíncrono
trago
ronco
conexión
petición
Algunas ideas :
Responsive Web
graciosa la degradación, la mejora progresiva
no me hacen pensar en
la usabilidad web, accesibilidad, cuyo significado
optimización SEO motor de búsqueda, entender cómo los motores de búsqueda
beneficios y problemas de SPA
Optimización del rendimiento:
la reducción del número de solicitudes (sprite, combinado)
se aprovechan de almacenamiento en caché (caché de la aplicación, http caché, CDN, localStorage, sessionStorage, modo de notas)
para reducir el selector de consumo (derecha a izquierda), operación de reducción de DOM (DOM y el intérprete de JavaScript separación)
de reflujo CSS y volver a dibujar
proyecto
-
Control de versiones: la devaluación de Git, usa Git no va a querer usar el SVN
Git: mecanismo de gestión de la versión local del
mecanismo de gestión de versiones para el centro remoto: SVN -
Construir Automatización: principalmente pre-menos, plantillas, café, etc., así como la compresión de código y de combinación de
Gulp: construcción basada en flujo, rápido, módulo de buena calidad
ronco: tarea independiente de la construcción de una configuración lento, aburrido, alta flexibilidad -
El pretratamiento y la plantilla de motor de
menos: La sintaxis es simple, pero la función es limitada
jade, ejs, velocidad y otros motores de plantilla, cada uno con sus propias fortalezas - caffe:, No he utilizado pitón ingeniero favorita -
Estructuras de los entornos: La línea principal se asigna a los códigos locales, y comienzan una demo servidor local, como simulacros de datos analógicos, una cuestión de opinión
Home Agent: ihosts -
Las pruebas automatizadas: En los negocios más estable, eventos de prueba pueden reducirse mediante pruebas automatizadas, pero necesita más tiempo, el mantenimiento de casos de prueba será muy costoso, puede desempeñar una prueba contra-automatizado será
Jasmine
Mocha -
Ecosistema de
NPM
Bower
SPM -
Construir un blog de sus propias
páginas Git y la
HEXO
Jekyll
futuro
- Web: Componets orientadas al futuro enfoque de desarrollo basado en componentes
plantilla HTML
Sombra del DOM
personalizado Elementos
HTML Importación - desarrollo de terminales móviles nativas: se trata de la necesidad de conocer, después de que el front-end de los ingenieros a menudo se ocupará y vista web, sino también comprender el desarrollo nativo
Otras
algo no código de prueba será capaz de golpear las cosas bien,
- Para el pensamiento de negocios: Yo personalmente muy escaso en esta área, por lo que en el frente, antes de llamar código para pensar más acerca de los negocios
- Comunicación y habilidades interpersonales: esto es muy importante, front-end también tienen que lidiar con jefes de proyecto, producto, interacción, de fondo, la falta de comunicación puede conducir a una gran cantidad de esfuerzo inútil, lo que retrasa el proyecto
- La gestión del conocimiento, gestión del tiempo: el equilibrio de entrada y salida, la salida es la mejor entrada. Cómo compartir, participación de la comunidad, la buena comunicación, los registros de maquillaje
- El deseo de la nueva tecnología, y el valor de intentar
Imprimación
Iniciado por asiduamente, pero una gran cantidad de cosas en los libros no están actualizados, mientras que asiduamente, también hay que seguir centrándose en los nuevos desarrollos en la tecnología.
"JavaScript Programación avanzada": se puede utilizar como entrada-libros, sino también los libros de avanzada, que puede absorber rápidamente base, hasta que la actualización y luego volver de nuevo para ver
"JavaScript guía definitiva": no es adecuado para los principiantes, pero necesaria, no entiendo por dónde ir a la vista mirada, muy útil
"escribir mantenible JavaScript"
"JavaScript DOM arte de programación" lectura obligada para el desarrollo del aprendizaje de JavaScript y DOM.
"Guía del desarrollador Node.js": nodejs buenos libros de introducción
"en lenguaje común Node.js": nodejs libros Advanced, que debe tener
"Programación JavaScript asíncrono": JS entender el concepto de programación asíncrona
"modo de JavaScript" y "Patrones de Diseño" JavaScript: de código y diseño modos de JavaScript, desarrollarán un cambio de paradigma a JavaScript, un libro muy bueno
"JavaScript diseño de la estructura": con ruedas, al mismo tiempo, se debe saber es cómo las ruedas giran para explicar con gran detalle, desde la fuente para explicar el nivel de cada cuadro darse cuenta de parte de la estructura existente con una lectura, se puede aprender mucho
"Don`t me hacen pensar": conceptos de diseño web, la comprensión del comportamiento de los usuarios, muy bueno
"jardín CSS Zen": una obra de soportar también pasó conceptos y temas que requieren atención en el diseño de diseño de la tela
"de alto rendimiento de JavaScript" y "HTML5 de alto rendimiento": énfasis en el rendimiento del libro, que no es sólo para optimizar el rendimiento, hay muchas cosas que vale la pena nivel de principios de aprendizaje
"La tecnología de núcleo HTML5 Canvas": yo estaba leyendo un libro, para el uso de la tela para lograr la animación, y el desarrollo del marco de animación son muy útiles
"HTTP guía definitiva": HTTP relacionada con el protocolo, esencial para el desarrollo front-end y el tiempo de depuración que a menudo implica el conocimiento
"de diseño web adaptable": la tecnología en sí no es difícil, es importante que el concepto de diseño de respuesta web, así como la idea de seguir adelante
"esencia Javascript": Carné de viaje, pero también populares desarrollo de JavaScript pensando en un buen libro, muy adecuado para la entrada
Algunos sitios buenos
- GitHub : nada que decir, más de la lectura fuente de otra persona, multi Cargue su propio código fuente, aprender de Daniel en todo el mundo
- codepen : bella sensación de la parte delantera de la tierra obligatoria, hay una gran cantidad de efectos y excelentes plug-ins
- echojs : aprenden rápidamente nuevos js sitio web la información
- stackoverflow y segmentfault : Básicamente todo tipo de problemas pueden ser contestadas en el anterior
- Fundamentos web de Google : adecuado para la lectura de cada artículo con cuidado
- Los archivos estáticos : CDN abierta, muy buen uso
- IconFont : biblioteca de iconos del vector Ali, muy bueno, el apoyo CDN y apoyo a proyectos
- HTML5 es : un buen sitio, muchas nuevas características del navegador, y la tecnología de vanguardia, el artículo se puede encontrar en ella
- Trucos CSS : Cómo utilizar CSS, CSS y entender las nuevas características, aquí para conocerla
- JavaScript jardín secreto principiante JavaScript obligada, muy bueno
- w3cplus : un sitio de aprendizaje de front-end, dentro del artículo son todos muy buena calidad
- nodo de la escuela : El nodo de un buen sitio de aprendizaje
- git rama Aprende : GIT un sitio de aprendizaje, una gran interacción
- Luandun la parte delantera : una comunidad para compartir el artículo front-end, hay muchos excelentes artículos
- Expresiones regulares : Una expresión regular de introducción tutorial, una mirada bien vale la pena
- el blog de Ruan Yifeng y el blog de Xu Zhangxin : aprender algunas rápido acceso directo al conocimiento, pero si hay que cavar profundo, sino también otros recursos
- el blog de Daniel brillante: Hay lleno de conocimiento en casi
- Normas web oficial, no saben cómo leer la especificación del tiempo
La colocación de la parte delantera de
la tecnología avanza front-end, más extensión más amplia la gama, el estándar se ha convertido cada vez más diversa, parece que cualquiera de los tentáculos puede extenderse muy lejos. Cómo localizar un front-end adecuado?
Usuarios y enlaces, los usuarios experimentan el creador
si se inicia desde el diseño de interacción, o desde la optimización del rendimiento, mejorar el flujo de trabajo o mejorar la eficiencia del flujo de trabajo y en última instancia a crear y mejorar la experiencia del usuario, con el tiempo se refleja en esto depende de la experiencia del usuario.
Ahora los ingenieros de front-end hacer una cierta etapa será inevitablemente expuesta a mucho más que corte a la página, para lograr los requisitos visuales, lograr una interacción más profunda y otros problemas, como la automatización de front-end, gráfico de programación, optimización del rendimiento, etc., y luego más punto de empuje es que PHP / JSP / ASP / nodejs,
ahora con la evolución de la arquitectura front-end le puede permitir a escribir código para el extremo posterior de la plantilla, la necesidad de utilizar el lenguaje de back-end (PHP / Java / C #, etc.), que se llama el gran front-end (que es sin embargo posicionando el extremo delantero no es la salida de la gran procesamiento front-end está todavía en contacto con la parte del usuario, se sigue optimizando la experiencia del usuario). Probablemente el más común o el que más se habla es el nodo, de hecho, este tipo de selección de la tecnología puede, bate de tres más con PHP se dice Baidu, Ali nodo con más.
Yu Bo mencionó el llamado final completo es horizontal en su blog, toda la pila es vertical. consumación que todos los terminales que el blanco es la parte delantera, ya que están relacionados con la experiencia del usuario, y el usuario en contacto directo. Adaptarse a la evolución de la multi-terminal, preguntando sobre la base de la interfaz web, es posible que tenga que ampliar conocimientos y desarrollar ios desarrollo de Android, y el buen desarrollo debido a que el enfoque híbrido popular, mediante el desarrollo de habilidades de lenguaje nativo no requiere tan profunda .
