¿Cómo se trata este trabajo para escribir las páginas estáticas

Bienvenido a la bolsa

Bienvenido a mi número de la preocupación pública personal, de vez en cuando para actualizar su experiencia de trabajo.

¿Qué es una página estática

portal

debido frase

Recientemente, la empresa responsable de los proyectos empresariales fondo de negocio de front-end, pero sólo escribir las páginas estáticas, sin necesidad de escribir JScódigo FE como una nueva era, al principio me fue rechazado, ¿cómo puedo hacer una cosa tan baja? En la parte delantera debe ser alto, ¡ah! Lo angular, que reaccionen participar ah! Después de todo, por encima de reclutar JD tener las habilidades apropiadas que exija el árbol cosa.

No es que le permite cortar una tabla Bueno ~ Una vez dicho esto, al final no se puede hacer?

Así que con este artículo.

La preparación puede acelerar el trabajo

Antes del inicio del primer vistazo a la demanda

Algunas personas pueden preguntar, páginas estáticas de escritura, sino también comprender las necesidades?

¿Y si te dije que brillaba gerente de producto Axure lo cortó?

Sólo para encontrar la comprensión, todos tienen planes para rehacer el fondo. . . . .

Inicio, ¿Cómo defino figura moderna de corte

Marco de la interfaz de usuario

Puesto que todos tienen planes para rehacer el fondo, a continuación, un estilo unificado que es una necesidad. Ya que requiere un estilo unificado, entonces el conjunto UI Frameworkes indispensable. Aquí la selección Bootstrapse basa en la profundidad de personalización a través de menos, la compañía formó una biblioteca de interfaz de usuario estilo unificado. Ve aquí, se podría decir, no es que la cita Bootstrap, y si usted piensa así, entonces realmente sólo puede ser el plan de corte, y para que haga, lo haré.

Basado en Bootstrapel uso de la interfaz de usuario menos personalizar. Por ejemplo básico colores, tales como redondeada, como el tamaño de fuente, tales como el tono, tales como estilos de montaje. A través de estos procesos de manera que pueda comprender un lenguaje menos preprocesador CSS, el portal

Automatización de construcción

¿Qué coño! No escribir una página estática? Esta construcción automatizado y qué relación? Ah usted también puede tirar.

Por supuesto, no es realmente necesario el uso de la página tradicional de la pintura DW. Pero si usted tiene un poco de trabajo en la búsqueda de la eficiencia ingeniero, entonces usted va a utilizar la automatización para construir, vamos a echar un vistazo a lo que beneficia después de la automatización.

1. La eliminación de la duplicación de esfuerzos. Mediante la automatización, puede duplicar el trabajo de herramientas de construcción para completar, como el cabezal universal, cola, bandera, etc. puede ser abstraído en una plantilla separada introducido.

2. Se pueden construir por código compilado menos, la compresión, la consolidación, etc., todo está en su prensa command+smomento de finalización

3. Evita los errores de bajo nivel. Si a menudo se debe cortar, entonces apareció la figura, después de una copia de un nuevo estilo HTML encontró la confusión, el original no es cambiar el nombre ~ ~ referencias css, estos problemas pueden ser resueltos mediante la automatización. Piense en la vida buena no es una gran cantidad de ella.

4. Liberación ctrl + c / v. Esto elimina la necesidad de explicarlo ~ ~ Después de todo, el 80% del código generado es tal cosa. . .

5. Mejorar la eficiencia. Para resolver los problemas anteriores, no se puede mejorar su eficiencia?

6. Aumentar el árbol de habilidades, ya que es para hacer el front-end de construcción automatizado, entonces la devaluación trago , después de todo, gulpel lema es Automate and enhance your workflowincorrecta.

7. Si usted está haciendo, y parece que son más beneficios, por favor, dame un mensaje ^ _ ^

cooperación

La forma tradicional

extremos posteriores figura frontal convencional y se cortan de forma colaborativa, A(figura Aberdeen corte) después páginas estáticas escrito de notificación B(ingenieros de la parte trasera), para enviar una página a través de QQ, correo electrónico, etc. B, Bdespués de que los códigos, la vista previa local determinada después de la reunión las necesidades de los conjuntos de páginas estáticas en una plantilla de fondo (como el uso de FreeMarker ).

Con la herramienta de gestión de códigos

Un proyecto complejo, la mayoría de ellos utilizará las herramientas de gestión de código (como el común de Git, SVN, etc.). Con herramientas de gestión de código más tarde, Adespués de la página estática fue escrito, sólo se tiene que presentar el código, el aviso B, Bse tire el código después de previsualización locales, asegurarse de que cumple con los requisitos establecidos en el extremo posterior de la plantilla de página estática.

I ¿cómo hacer?

En la División I, el back-end utiliza la administración de código SVN. Nuestro departamento de front-end utiliza su propio Gitlab construido. Como ingeniero de front-end, no tengo ningún secreto de su afición por el tracto gastrointestinal. Yo uso SVN, que no estaba dispuesto. Dejar que el back-end emigrado a Git? Es como el espacio de una guerra santa - con Tab

Por supuesto, este no es el plan de recorte tenido la experiencia más importante, de los estudiantes debería haber tenido esta experiencia. Usted suerte suerte después de luchar para terminar una página, los estudiantes de back-end a menudo expresan algunas ideas (aunque ellos mismos no lo hacen escribir). Aquí hay que cambiarlo, modificarlo allí, y así sucesivamente. gerente de producto fue golpeado es así, ¿verdad? Para evitar esto, lo mejor es no dejar que ellos miren el back-end antes de su uso?

Mi plan es el siguiente:

1. Proporcionar un lugar de previsualización páginas estáticas en línea, ingenieros de back-end antes de utilizar la página de vista previa en línea y dar una opinión. He utilizado Node.jsun servicio de servidor, proporcionando página de vista previa estática.

2. Proporcionar un lugar en línea para descargar el código fuente, después de todo, no quiero ordenar una herramienta de gestión de código, puesto en marcha una batalla ^ _ ^, por Node.jsproporcionar la compresión de paquetes dinámicos, admite una sola página de envasado y embalaje independiente todas las páginas.

3. La función anterior debe ser automatizado, basado en la función de enlace Gitlab crear automáticamente un comunicado

Se valorará la experiencia

Las llamadas soluciones, se pueden dividir en dos tipos:

Uno es universal, que tienden a formar un marco, tales como: Angular, Reaccionar, Vue similares;

Uno se basa en negocios específicos, que a menudo es más habilidad Árbol determinado de mosaico de procesos

por vczero

Yo personalmente reconozco esto. Presto más atención a las soluciones basadas en servicios, sino también ser capaz de probar la calidad general de una persona.

En mi opinión, la mejor solución es no sólo más apropiado, los ingenieros necesitan constantemente en el proceso de superación de los propios estándares innovadores. Abogo por todos los estudios técnicos deben estar basadas en los negocios.

Yo prefiero en la vida con la palabra obscenidad encontré en la entrevista hay una gran cantidad de programadores como la palma de sustantivos, al frente, por ejemplo, qué angular, Reaccionar, Node.js, la NGP, Bower y así sucesivamente, y luego una multa para pedir la gran la mayoría de ellos sólo se quedan en una demostración, y no se puede entender la esencia de estas tecnologías, y la aplicación de la tecnología para entender la escena, yo lo denomino la obscenidad; la jornada de trabajo a menudo se encuentran una gran cantidad de personas que cuentan con una variedad de términos técnicos, trabajo, pero todavía no se puede romper a través de su zona de confort, puse estos también llamada la obscenidad;

Escrito en el pasado, yo personalmente creo que es un gerente de producto de obscenidad especies más frecuentes en el mundo. Sí! Estaba tan directa.

Escrito en los últimos de los últimos, no importa qué tipo de trabajo que en, por favor, creces en todos los negocios