Un día, un socio menor en nuestro grupo me preguntó de pronto, se sabe que hay un trabajo llamado ingeniero de reconstrucción? Esto está haciendo? Reconstrucción de Ingenieros
Creo que este tema dado lugar al desarrollo de la parte delantera del campo, así que voy a ordenar el proceso de desarrollo en el extremo frontal del campo, la forma en que un poco menos de la previsión de 2.017 tendencia. No querer ver los recuerdos, se puede saltar hacia atrás para ver el futuro.
Y dijo Dios: Sea la luz y fue la luz
Desde 1991, Tim Berners - Lee HTML descripción en público, durante el año 1999 W3C HTML 4 publicada en las páginas de escritura web con el fin de mejorar el intercambio de ideas entre sí, con el fin de mantener sus propias páginas web, y los más brillantes Gran Dios es los ocho inmortales era sobrenatural, e incluso inventó PHP (mejor lenguaje del mundo). Este período no tiene uno de los llamados puestos de desarrollo front-end, que son ingenieros de software. Esta es la era, por supuesto, el hombre de Dios es moneda corriente, y ahora el Internet demasiado o todo el concepto de la industria de TI y forma de prototipo durante este período. sitio Web de Google abierto oficialmente, PC individual lentamente comenzó a extenderse.
Y llamó Dios a la expansión Cielos
O'Reilly Media, Battelle, y MediaLive en octubre de 2004 llevó a la primera Asamblea de la Web 2.0, Web 2.0 era de abierta, Blog, Wiki, RSS diversos sitio web personal comenzó el aterrizaje de nuestro campo de visión, mientras que el berro, el fin del mundo en línea con éstos producto era 2.0 está empezando a florecer en el país. Nos hemos centrado en la primera ola de cliente web división de desarrollo de software, al mismo tiempo, el nacimiento de los Estados Unidos de FaceBook cruz-producto de los tiempos, en 2005, se produce la red escolar, la parte delantera empezó a animarse, en agosto de 2006, Jquery primera un comunicado.
Y llamó Dios a lo seco Tierra, y las aguas lo llamó mar
Durante el año siguiente, básicamente gira en torno a una variedad de bibliotecas front-end como MooTools , Subrayado , Prototype , Dojo, jQuery , YUI página de desarrollo. Las principales bibliotecas también absorben las ventajas de unos a otros, y mejorar constantemente a sí mismos, pero la esencia no hay mucha variación.
Al mismo tiempo, no vemos detrás del navegador Segunda Guerra Mundial estalló, motor V8 comenzó a brillar, los estándares web están empujando ECMAScript5.0 evolución. Nodo puesto en libertad, es decir, la parte delantera del campo ampliamos, llegar al servidor.
Los teléfonos inteligentes comenzaron a difundirse, la tendencia es imparable oleada extremo móvil, interfaz web comenzó a desarrollar una variedad de bibliotecas móviles termina de Sencha Touch, Zepto.js, JQ móvil, conceptos HTML5 más hot, infinita variedad de juegos en red, y Flash también batalla hasta el punto de incompatibles, Twitter también se puso en marcha este pionero juego de herramientas de CSS Bootstrap.
Con la actualización de hardware, mejorar el rendimiento del motor V8, mejorar en gran medida el rendimiento de toda la página, hemos comenzado a desarrollar páginas web complejas a esta demanda están empezando dio a luz a la ingeniería front-end para el desarrollo del pensamiento, la primera es problema de carga modular, AMD, CMD, UMD en el escenario, derivado del producto de Seajs, RequireJS comenzó a demarcar el sitio.
Esta era es la era de la representación del lado del servidor para el rey, que incluye una gran cantidad de costura en el módulo o componente que se hace en el lado del servidor, sino también la plantilla + + RequireJS modo de jQuery abierta para desarrollar páginas complejas. (Esta vez, ha habido división JS ingenieros de reconstrucción e ingenieros).
día de la gestión y la noche, la luz y la oscuridad, respectivamente
12 años más tarde, con las especificaciones y normas para promover aún más del W3C, una mayor intensificación de todas las páginas web complejas, la gente no está satisfecho con el desarrollo, cuando los fideos jQuery, ha habido una serie de marco para el desarrollo de clientes simplificar, tales como la espina dorsal, Ember, AngularJS, Vue, Avalon, Knockout, Reaccionar y así una variedad de MV * marco.
Esta es una época de señores de la guerra separatistas, tantos marco brota, cada desarrollador de acuerdo con sus preferencias, seleccionar las diferentes necesidades del tejido empresarial para lograr estos objetivos.
Node.js comenzó a subir, Express, Koa marco para comenzar a usar diversos proyectos de producción, gestión de servicios PM2, solución empresarial para el seguimiento y la estabilidad, mientras que Ali comenzó a explorar el desarrollo de carreteras Node.js capa intermedia, sonido continuo, proporcionar extremos delantero y trasero de la solución de separación.
Y dijo Dios: Produzcan las aguas que hay vida
Micro-canales gigante de las redes sociales ya se está levantando, jugar al número público de micro-canales, de manera que el frente comenzó a caliente el cargo, empezó a someter la controversia y nativos Web.
15 años, Facebook lanzó React.js Conf 2015 Asamblea General basado en el código abierto marco de JavaScript Reaccionar nativo, de un solo golpe Reaccionar a una nueva altura, aprender de una vez, la escritura en todas partes . Este año es el año de pertenencia a reaccionar.
Al mismo tiempo, herramientas de construcción están constantemente iteración, gloria ronco tiene que ir, Gulp no permanecer mucho tiempo en el trono, webpack de la tormenta barrió.
16 años, webpack se ha convertido en la corriente principal del paquete de front-end construido, fuerte subida Vue, Ng2 liberación completa. La parte delantera de la corriente principal del desarrollo de la forma básica de la Período de tres reinos (Reaccionar, Vue, Ng) . Mientras tanto, el terminal móvil también formó una manera orientada al desarrollo híbrido, nativo página incrustada vista Web.
Debido a que el rendimiento de la red y el hardware sigue mejorando el extremo frontal del modelo original que ahora más como B en cs, pero todavía hay ventajas cs de distribución.
Y creó Dios al hombre a su propia imagen - rota o dividida
Lo anterior recordó un momento en la parte delantera del proceso de desarrollo, esto es lo algunas de las predicciones de hace 17 años, su propio desarrollo final.
Con los diferentes servicios, cada equipo comenzó a apuntar a la diferenciación tecnología de front-end:
Página pesada SPA
modo de página web híbrido
página de eventos
otros juegos
Página pesada SPA - Teambition
páginas pesadas SPA, es extremadamente complejas funciones de negocios, el uso Vue, reaccionar, después angular de este marco MVVM en el proceso de desarrollo, inevitablemente cada vez más componentes, la frecuencia de comunicación entre las comunicaciones de la ciudad, los componentes de sub-ensamble entre padre e hijo grandemente aumentado. Cómo gestionar el flujo de datos entre estos componentes se convertirá en la mayor dificultad de este tipo de aplicación web.
Desde la página se carga que, SPA puede confiar animación de carga Carga por primera vez, para cubrir un número de página de problemas de rendimiento de carga (TB normalmente cargado 5S mí aquí alrededor), muchos de carga lenta y carga retrasada y similares también tienen que hacer. Porque detrás de todos los datos relacionados con la necesidad de su uso, no habría ningún problema de si a su uso.
Desde la reciente estrella Rx.js, podemos verlo, nos preocupa cada vez más por el problema de la gestión de datos, gestión de datos local es sólo un aspecto, sino que también implica el problema de que varios usuarios puedan sincronizar los datos, es decir, el servidor y problemas de sincronización de datos del cliente, tales como los datos de sincronización en tiempo y forma.
Oportuna y correcta sincronización de datos medios concepto: el funcionamiento de una misión multijugador, tanto de ellos cuando se modifica una tarea probable que la cobertura de datos causa. Un acabado simplemente modificada, B también modificó unos segundos, ya que la sincronización no es oportuna, no sé A B modificado, los datos recientemente revisados B resultado cubren las modificaciones Una de las. Así que si desea reducir errores similares, es necesario garantizar oportuna y correcta sincronización de datos.
Dado que tanto los datos y la petición, entonces sin duda tendremos que hacer un buen uso de la caché local y una variedad de tiendas, utilizará el LocalStorage, sessionStorage de.
Así que muchos negocios y componentes, con destino a la memoria puede causar estrés, la forma de gestionar la memoria es una ciencia, más típico es la destrucción de los componentes, lo razonable de la creación y destrucción de componentes, han sido componentes de la organización interna de datos de los datos será muy código de prueba para el personal.
Se puede ver relacionada @ Xu Fei artículo
modo de página web híbrido - App es ahora más corriente
Desarrollo de modo híbrido sigue siendo la corriente principal de los terminales móviles, las características de esta página web no es complicado negocio, la mayor parte de la pantalla principal de información, además de algunos botones de acción, un problema que hay que resolver es que una gran cantidad de tiempo para comunicarse y nativo, y Android vistas web de una variedad de fabricantes nacionales es muy difícil de resolver los problemas en esta área de micro-canales para hacer el bien, para participar de una forma directa de su navegador para apoyar la unidad subyacente.
Para la realización de jsbridge, las empresas tienen diferentes implementaciones, depende principalmente en el desarrollo de los nativos cómo definir un programa de puente para desarrollar mi propio punto de vista la experiencia, hay tan pocos puntos deben ser abordados:
problemas de autenticación de usuario, la forma de verificar la identidad del usuario nativa, es un sitio común de sesión original, Web o el uso de nativos comúnmente utilizado razón, pero a pesar de eso, necesitamos ayuda para inyectar identidad nativa.
problema petición Ajax, si está en forma de un URL para incrustar se puede enviar petición ajax solo, sin ningún problema, pero si el texto de representación HTML directamente Webview del camino, es similar a la PC, abra los archivos html carpeta, como, petición AJAX no salir, tenemos que hacer para ayudar a cerrar Originario de llamada.
los costos de comunicación, desde el lado original de PC en comparación con más participantes, por lo que la solución de problemas aún más problemas, esto es principalmente para ver cómo todo el diseño de la arquitectura de aplicaciones.
Los problemas de rendimiento, ¿cómo debo decir, no todos los desarrolladores de aplicaciones son muy potentes, por lo que si hay un código nativo problema, la probabilidad de error se convertirá en Webview alta, tales como animaciones CSS3, fácilmente conducir al colapso de la elevada proporción de memoria y así sucesivamente .
Por lo tanto, para los desarrolladores de interfaz web en esta dirección, si el desarrollo nativo experimentará más como un pato.
Página de la actividad - tales invitación de un universo de
Página de tales actividades, principalmente en el diseño y fresco animación, chupar los ojos, emocionante, actividades emocionantes, básicamente, de una página, puede desencadenar una ola de ola de círculo de amigos. Técnicamente con basada en WebGL, uso general Three.js, haciendo que la lona para mostrar una variedad de animación y efectos visuales.
La parte delantera en esta dirección será más atención, los navegadores compatibles, rendimiento, efectos diseñados, la fluidez de animación, la experiencia y así sucesivamente. El navegador principal de micro-canales compatible, porque el círculo de amistades en el mercado, en general, será sesgada diseño y la animación más.
Otros juegos - juegos H5, visualización de datos
En ese momento una variedad de juegos H5 domésticos populares, en particular, básicamente con CreateJS para producir más, poco contacto, no mucho comentario.
Con el advenimiento de la era de los grandes datos, diversas áreas de la biblioteca de visualización de datos front-end es interminable, D3, Highcharts, eCharts domésticos son excepcionales en este campo.
Girar el campo
De hecho, hay un campo, a través de una variedad de conocimientos nodejs, aprendiendo lado de los servicios, para pasar al campo del servidor.
futuro
He mencionado anteriormente segmentos (o está fragmentado - son más truco), sentido de sí mismo, ha sido poco a poco mostrar algunas tendencias, no sé si tiene sensación de la madera, tales como Xu Fei será más buena TB este escuelas de negocios pesados, y de la mano Amoy las personas estarán más preocupados por el género híbrido, e incluso llevar a cabo su propio marco weex este desarrollo JS-nativo. Por supuesto, la mayoría de los desarrolladores probablemente todavía lo hacen, no es tan evidente tendencia, pero con la inclinación de los recursos de la empresa se centró en la transformación del negocio y las empresas, muchos desarrolladores todavía diferenciada gradualmente.
Personalmente pienso que esta subdivisión es en realidad más favorable a nuestro front-end,
El peso del negocio de front-end, escena diversificación, que muestra el extremo frontal de todo el campo del desarrollo relativamente rápido, a participar en todos los aspectos, ha seguido la evolución de los tiempos y el desarrollo.
Hay varios segmentos de, podemos hacer un especial más refinado, los diferentes segmentos del conocimiento, requiere un cuidadoso estudio y la investigación, como la parte delantera tiende a la centralización y normalización (Redux, etc.) para organizar los datos se requiere que los estudiantes a entender la teoría básica de la base de datos front-end. El conocimiento puede saber exactamente lo que cada una de estas áreas, es un desafío enorme.
Propicio para el intercambio, las diversas ramas de la persona, puede llegar a su propia experiencia en tecnología para comunicarse unos con otros, aprender unos de otros, construir unas redes de conocimiento más sistemáticos.
De hecho, dicen muchos, me siento mucho de qué hablar, como @ Kou Yun propuesta más Backbone, Ember, AngularJS, Vue, Alavon, Knockout, reaccionan marco no es un período de tiempo parece ser el pensamiento de los pioneros del marco de desarrollo integrado epigenética, y el marco ecológica esta parte. Pero mi sentimiento no es el foco de este artículo, no hay ninguna ventaja. En la actualidad existe la competencia y la cooperación entre el nativo y el cliente web.
Dirección original y discusión: conocer casi su estado original
(Estos son sólo opiniones personales y cualquier similitud sólo se puede decir grandes mentes piensan igual)