Resumen del trabajo anual del front-end del sitio web

Muestra de resumen de trabajo anual de front-end web

El tiempo avanza en la rueda de un año. Un período de trabajo ha llegado a su fin. trabajo, he ganado mucho. Haz un buen trabajo clasificando tu trabajo y escribiendo un resumen del trabajo. ¿Cómo escribir un buen resumen de trabajo para que pueda desempeñar su mayor papel? A continuación se muestra un resumen del trabajo anual del front-end web que compilé para usted. Echemos un vistazo.

Resumen del trabajo anual del front-end web Parte 1

Desde que me uní a la empresa hasta ahora, me he embarcado en el camino del front-end bajo la guía de mi mentor. Los estudios y proyectos durante este período me dieron una cierta comprensión de las necesidades comerciales del front-end y el proceso de desarrollo del proyecto, y también tengo mi propia comprensión del front-end. El front-end es una tecnología basada en el producto como núcleo y la experiencia del usuario como base. Cada efecto visual sutil y experiencia interactiva puede brindar diferentes sensaciones a los usuarios. El front-end es cómodo, simple y elegante. entre los usuarios.

En este proyecto, participé en la discusión sobre soluciones técnicas de implementación de productos, tales como: si la carga de la página vacía de la vista web móvil y la carga de la página de contenido deben usar la carga de la barra de progreso o la carga de la máscara, y el análisis comparativo de qué carga El método es adecuado para Es más fácil de usar; ¿en qué circunstancias debería aparecer el pequeño botón de animación en la parte superior del lado de la PC? ¿Es más fácil de usar si la barra de desplazamiento aparece inmediatamente o se desplaza hasta una cierta distancia? luego reaparecer; ¿bajo qué circunstancias debería aparecer el pequeño botón de animación en la parte superior del lado de la PC? ¿Aparece la barra de desplazamiento o aparece nuevamente después de desplazarse a cierta distancia? Sería más fácil de usar reaparecer después de cierta distancia. En el desarrollo front-end, el "cuidado" es extremadamente importante. El comportamiento de cualquier página puede estar relacionado con el éxito o el fracaso del producto y también es responsable del usuario. Como front-end, es necesario estar familiarizado con todo el negocio del proyecto para poder desarrollarse mejor. Por ejemplo, en el proyecto que asumió Hua Jin Coin, debido a una comprensión incompleta de los requisitos, después del desarrollo. Una vez completado, se descubrió que muchos escenarios no se consideraron completamente, lo que retrasó en gran medida el ciclo de iteración. Si está familiarizado con el negocio desde el principio, comprende los requisitos del escenario y considera todos los escenarios, el tiempo de desarrollo se puede acortar considerablemente.

Estudiar bajo la guía de un tutor me hizo comprender la importancia de los conceptos básicos de front-end y el peso de las habilidades de front-end en la estructura y el rendimiento. Los cimientos frontales son como los cimientos de un edificio. Los rascacielos sólo se pueden construir sobre una base sólida. La estructura y el rendimiento son credenciales importantes para distinguir el back-end. El front-end se centra en los efectos visuales, mientras que el back-end se centra en la realización de funciones. Como front-end calificado, debe tener sus propias ventajas profesionales en términos. de estructura y habilidades de desempeño.

El front-end es el puente para todo el proyecto, comunicando productos, antecedentes y diseño. No solo necesita comprender toda la tecnología de su proyecto, sino que también necesita comprender el negocio para poder desarrollar y mantener productos de manera más eficiente.

Después de diez años de afilar una espada, acaricié el sueño de pararme sobre los hombros de gigantes y seguí los pasos de la esperanza cada vez más rápido. Un día, cuando el sol se pone por el oeste y miro hacia atrás. En el pasado, todas las nubes se han ido. Resumen del trabajo anual de front-end web Parte 2

Comencé a estudiar por mi cuenta en front-end en el segundo semestre de mi tercer año. Continué intermitentemente durante más de medio año y comencé a buscar. trabajos relacionados con el front-end; ahora, he pasado la encrucijada de la graduación y he estado trabajando durante un año; Está bien, en serio, soy una persona relativamente vaga. Como empezaste tarde, muévete rápida y constantemente para alcanzarte... ¡Corre, pequeño delantero! Escribo este resumen de fin de año para 20xX. No es una verdadera charla sobre la experiencia, sino solo una reflexión sobre el pasado y el futuro; sigo siguiendo los pasos de los grandes dioses y, ocasionalmente, me subo a los hombros de gigantes para mirar. ¡Adelante hacia el futuro!

Primero que nada, perdóname, Jquery:

Antes de comenzar a trabajar, no tenía ninguna base en ese momento. Solo por la presión de graduarme, Baidu recurrió al front-end. Empecé a aprender directamente de JS nativo; no podía moverme después de aprender. Le pregunté al superior del departamento de informática si conocía Jquery. Sin embargo, no estaba demasiado interesado.

Debido a que lo que compré era uno "avanzado", y jquery era solo un paquete general "avanzado", hizo todo lo que quería hacer y luego continuó con JS nativo, debo decir que lo que más hice en ese momento fue. Imité JS nativo para escribir varios efectos especiales; también pensé en un tema, hice un montón de páginas estáticas y armé un sitio web como un "trabajo" para buscar trabajo. Más tarde, me di cuenta de que estaba equivocado. Lo que escribí fue solo una pequeña parte de los conceptos básicos del front-end. Después de todo, un trabajo es un trabajo y es difícil para una demostración finalmente subir al escenario. Lo más importante es que el trabajo actual se basa principalmente en jquery. En cuanto a los diversos efectos especiales que se han escrito, ahora se pueden usar componentes listos para usar antes y lo ignoré. Después de comenzar, seguí buscando varios recursos para llenar los vacíos. Afortunadamente, el JS nativo no se perdió como base del front-end, además de jquery, los componentes básicos generalmente aparecen en el formulario hoy en día. de complementos de jquery. Pero en mi tiempo libre usaré JS nativo para implementar algunos, porque no quiero ignorar gradualmente el JS nativo debido a jquery.

En segundo lugar, se debe buscar la modularización:

La modularización del front-end es muy necesaria. Anteriormente, la modularización siempre se había mantenido en la etapa conceptual sin mucha práctica, pero se sentía muy. ¡Bien, después de todo, estamos siguiendo los pasos del gran maestro! No pude evitar elegir Seajs de Teacher Jade e intenté dividir el jquery escrito originalmente y varios componentes en módulos y organizarlos juntos usando Seajs, ya que la estructura del front-end de trabajo se ha estabilizado, es imposible cambiarla por completo; todo a la vez, así que simplemente creé un nuevo directorio localmente y pensé en cómo reorganizar el enfoque modular cada vez que tuviera tiempo de forma privada, para confirmar que la estructura de front-end en la que estaba trabajando localmente estaba disponible, y también; para confirmar que la estructura de front-end en la que estaba trabajando localmente estaba disponible.

En privado, para demostrar que la estructura front-end local en mi trabajo es utilizable, también creé un blog simple de acuerdo con mis propias ideas sobre la modularización. Primero utilicé mi blog como laboratorio para verificar la viabilidad; el resultado es: No importa lo bueno que sea, considérelo como un ejercicio; en mi humilde opinión, ¡considérelo como una broma para hacer reír a los maestros!

En tercer lugar, lo débil y lo fuerte: CSS:

HTML y CSS, como las partes más básicas del desarrollo front-end, pueden no ser dignos de mención a los ojos de la parte posterior. -end. De hecho, yo también lo creo; sin embargo, creo que la premisa es que estás familiarizado con estas cosas básicas y complicadas, tienes una comprensión clara de la compatibilidad de varios navegadores y puedes escribir HTML y CSS concisos y claros. ojos cerrados. ;Bueno, en realidad esto es solo un requisito a largo plazo que tengo para mí; porque la modularidad no es solo JS, sino que también corresponde a menos HTML y CSS para hacer eco de la modularidad, la modularidad de JS, luego la modularidad; de CSS No se puede ignorar, pero en lo que respecta a CSS, para lograr la máxima simplicidad, modularidad y reutilización, no lo pienses

Sí, definitivamente todavía tienes que introducir algunos; conformidad con CSS Las cosas lógicas servirán;

Bueno, SASS es uno de los precompiladores de CSS preferidos, que es popular en el front-end y el back-end, se basa en Less y luego comenzó a recurrir a Sass. Entonces, no importa lo competente que sea Bootstrap ahora, creo que vale la pena aprender su idea de crear estilos de front-end. Sass, como creador de estilos de front-end, logra estilos optimizados, modulares y reutilizables; Creo que esto no es un sueño, por supuesto, todo requiere práctica y acumulación;

4. Punto de inflexión revolucionario:

Independientemente de si Nodejs pertenece al front-end o al back-end. -En mi opinión, Nodejs ha llevado la idea modular del front-end al extremo. La cantidad de paquetes de software en la comunidad NPM es tan alta. como cientos de miles, lo cual es suficiente para demostrar su grandeza; Nodejs implementa internamente los módulos requeridos por la especificación Commonjs para llamar a módulos internos y externos, por lo que es inevitable que la comunidad NPM sea tan poderosa; los marcos son implementaciones modulares basadas en Nodejs; y mucho más que eso, Nodejs también trae varias herramientas de automatización de front-end que inyectan constantemente nueva vitalidad al trabajo de front-end. poner fin al trabajo modular en la comunidad del NPM.

5. Pienso demasiado:

Cada vez que prometo hacer un plan, el viento aumenta gradualmente con el ritmo del tiempo, cada vez que miro hacia atrás de repente, solo lo dejo; un suspiro: ¿Adónde se fue el tiempo? Jaja, es mejor seguir el camino de tus pies. Después de todo, siempre es bueno hacer lo que tienes que hacer; tal vez como mi pequeña interfaz, ¡los sueños no son ensoñaciones!

6. Conoce lo mejor de ti: Angularjs

La situación laboral actual no ha cambiado mucho. Algunas cosas aún deben ser hechas por el equipo primero, pero habrá más aficionados. manic, 20xX En 2016, quería aprender Angularjs; por un lado, es como una reserva técnica en el trabajo, por otro lado, mi campo experimental todavía necesita más contenido para transformar el back-end. programa del blog primero; derecha ¡Considéralo una forma de ejercicio! Actualmente existen muchos marcos front-end populares y varios expertos también tienen diferentes opiniones. La razón por la que quiero elegir Angularjs es porque tengo poco apetito y no puedo comer un panecillo al vapor de un solo bocado. Mastique lentamente. La razón principal es: el pensamiento de Angularjs me atrae mucho, la inyección de dependencia, el sistema de comando, etc. no me son familiares y tengo un apetito ilimitado, no importa cuánto aprenda, quiero entender estas ideas, que probablemente lo sean. el más importante por ahora. Para mí, comprender estas ideas es probablemente lo más importante en este momento. Resumen del trabajo anual del front-end web Parte 3

El tiempo vuela y, en un abrir y cerrar de ojos, soy un empleado formal de desarrollo front-end web durante dos meses.

En estos días inolvidables y comunes, me di cuenta profundamente de la atmósfera positiva de la empresa y del gran encanto de cada departamento, fui testigo de la madurez paso a paso de la empresa y vi la mejora continua de la red de la empresa y la mejora continua del sistema, día a día. Al mismo tiempo, también veo el deseo de aprender y las infinitas oportunidades y desafíos que el centro de operación y mantenimiento brinda a los administradores de sistemas. Así que resumiré el trabajo anterior aquí.

Después de ver que el centro de operación y mantenimiento ha brindado a los administradores de sistemas una codiciada plataforma de aprendizaje y un sinfín de oportunidades y desafíos, me gustaría hacer un resumen de mi trabajo anterior aquí.

Mientras trabajaba en el centro de operación y mantenimiento trabajé con seriedad, tenía un fuerte sentido de responsabilidad y espíritu emprendedor, y estaba muy entusiasmado con mi trabajo. Realmente cumplí con todas las tareas asignadas por mis superiores. bueno para comunicarse con los demás y trabajó bien con todos los aspectos de la empresa. Los colegas del departamento pueden cooperar entre sí, llevarse bien entre sí, realizar sus tareas con la persona a cargo y completar con éxito diversas tareas. un fuerte espíritu de equipo. Preste atención a su propio desarrollo personal y trabaje duro constantemente para aprender conocimientos sobre arquitectura de sistemas y sitios web. Por lo tanto, ahora puedo mantener los servicios del sistema de la empresa y monitorear la arquitectura del sitio web, incluidos los nodos frontales, información diversa sobre el tráfico de servicios del sitio web del sitio de origen, etc. Puedo ver y alertar oportunamente sobre fallas relacionadas causadas por los servicios de red, y Puedo prestar atención a los procesos detallados de la empresa. Tengo las habilidades básicas de un personal de gestión y mantenimiento de sistemas.

En septiembre, me convertí en empleado de tiempo completo de la empresa y en mi momento más inmaduro estaba en la etapa de aprendizaje, aprendiendo la estructura de distribución del sitio web de la empresa y varios servicios de red comunes en la empresa. Después de construir ftp puro, publicar el sitio web PHP y administrar la base de datos backend, a través de varias operaciones hábiles básicas, atendí las necesidades de desarrollo de la empresa y preparé varias experiencias prácticas sobre esta base. en monitoreo de servicios de red; bajo el mando de mis superiores, construí de forma independiente una nueva versión de nagios, el software del servidor de monitoreo, y pasé la prueba. Sobre esta base, era comparable a los servidores que se ejecutan en la empresa. Para facilitar mejor la gestión, I Nagvis ha estudiado y realizado el efecto 3D en el dispositivo de monitoreo para que los administradores puedan tener una comprensión más clara del estado de carga del servidor backend del sitio web la primera vez.

A través del estudio colectivo regular en nuestro departamento, me interesé más y anhelé aprender Linux en sí, por lo que, en base a mi estudio, también aprendí varios tipos de publicación de sitios web, incluidos apache, barniz, lighttpd y publicación de servidores web de otras plataformas, esto me ha preparado completamente para el monitoreo y manejo de eventos futuros. Por esta razón, creé especialmente el foro bbs de nuestro departamento de forma independiente y lo publiqué en Internet externo para que los empleados del departamento no solo en la empresa, usted; También podemos visitar y comunicarnos en casa para facilitar el mismo aprendizaje y comunicación entre los empleados del departamento de nuestra empresa. En octubre, tuve la suerte de presenciar el lanzamiento de la nueva versión de sns2.5 en mi empresa. Al mismo tiempo, también participé en las pruebas internas de la empresa, cooperé con la empresa en los errores de la nueva versión y los detecté. preguntas de manera oportuna. Dado que la empresa se encuentra actualmente en una etapa de desarrollo, tengo que atenderla, trabajar activamente con otros departamentos y esforzarme por hacer mis propios esfuerzos para el desarrollo de la empresa.

Mirando hacia el futuro En el proceso de trabajo futuro, seré más estricto conmigo mismo, pero también hay varias direcciones generales en las que debo trabajar duro. El sistema de monitoreo de Nagios tiene muchos negocios complejos. Es mi trabajo principal y su finalización refleja mi debida diligencia en mi trabajo. Este es mi trabajo principal y su realización refleja la escrupulosidad de mi trabajo.

Además, debido a la asignación de tiempo, muchos conocimientos del sistema de dispositivo de monitoreo de cactus no se pueden consolidar a tiempo. También es necesario aprovechar el tiempo para practicar maniobras y participar en la construcción y planificación reales. para que la red del sistema pueda aplicarse de manera más flexible y acumular experiencia en el manejo de excepciones relacionadas. Al mismo tiempo, insistiré en hacerlo yo mismo, aprenderé Shell y escribiré varios scripts puros para mejorar la eficiencia del manejo de emergencias. Al mismo tiempo, también crearé servicios comunes de nginx y squid.

El próximo año, también tomaré los exámenes de certificación correspondientes para mejorarme continuamente y aprovecharé la oportunidad de usar mi tiempo libre para estudiar conocimientos de TI y desarrollar diversos conocimientos sobre servidores, incluido el aprendizaje de minicomputadoras y la mejora en Dominio del inglés. Resumen del trabajo anual del front-end web Parte 4

El desarrollo del front-end web evolucionó a partir de la producción de páginas web, y este nombre tiene características muy obvias de la época. En la evolución de Internet, la producción de páginas web es un producto de la era Web 1.0. En ese momento, el contenido principal del sitio web era estático y el comportamiento de uso del usuario era principalmente navegar por el sitio web.

Conocimientos a dominar

Dominar HTML es el núcleo de las páginas web, el lenguaje estándar para crear páginas web en la World Wide Web y el lenguaje utilizado por los navegadores de la World Wide Web. la necesidad de intercambiar información entre diferentes computadoras. Por tanto, actualmente es el idioma más utilizado en Internet y el principal idioma que constituye los documentos de la red. Aprender HTML es esencial para convertirse en desarrollador web.

Aprender CSS es una parte importante de la apariencia de las páginas web. CSS puede hacer que la apariencia de las páginas web sea más hermosa.

Aprender la sintaxis básica de JavaScript y cómo programar con JavaScript mejorará las habilidades personales de un desarrollador.

Comprenda los conceptos básicos de Unix y Linux Aunque estos dos puntos son muy básicos, sigue siendo beneficioso para los desarrolladores comprender los conceptos básicos de Unix y Linux.

Comprenda el servidor web Cuando domine algunos conocimientos básicos de configuración de Apache y la tecnología de configuración de htaccess, se beneficiará mucho en su trabajo futuro y este conocimiento es relativamente fácil de aprender.

Habilidades que deben dominarse

Familiarícese con el uso de sistemas de control de versiones. Familiarícese con un buen sistema de control de versiones y descubrirá que dominar los sistemas de control de versiones es una ventaja. bendición en la práctica.

Aprenda un marco web Una vez que domine HTML, lenguajes de secuencias de comandos del lado del servidor, CSS y JavaScript, debe buscar un marco web para acelerar su desarrollo web. A los programadores de Python les gusta usar Django y webpy, y a los programadores de Ruby les gusta usar RoR.

Para los principiantes, el conocimiento anterior no parece complicado. De hecho, cuando aprenda paso a paso y desarrolle casos exitosos para su empresa, encontrará que todos los esfuerzos son significativos.

Diseño visual más sólido

La tecnología front-end incluye cuatro partes: arte front-end, compatibilidad con navegadores, CSS, tecnología HTML "tradicional" y Adobe AIR, Google Gears y más. Conceptual diseño de interacción, diseño visual artístico, etc.

En términos que pueden entenderse de esta manera, usando Internet como analogía, todo el contenido que se transmite al ordenador del usuario a través del navegador se denomina colectivamente tecnología front-end. Por el contrario, el contenido almacenado en el lado del servidor se denomina tecnología back-end.

Optimización del front-end web

Reducir solicitudes HTTP (reducir solicitudes HTTP)

Reducir consultas DNS (reducir consultas DNS)

Evitar redirecciones (Evitar redirecciones)

Hacer la web más amigable.

)

Hacer que Ajax pueda almacenarse en caché

Componentes posteriores a la carga

Componentes precargados

Reducir el número de elementos DOM

Dividir componentes entre dominios

Minimizar el número de iframe

Eliminar errores http 404 (no 404)

Los 10 proyectos anteriores cubren varios procesamientos de páginas Las tecnologías encontradas en el desarrollo front-end web permiten a los desarrolladores front-end dominar con precisión y rapidez la estructura general de la página web para lograr el propósito de reducir los costos de desarrollo y embellecer la página.

Cuáles son las responsabilidades de un desarrollador front-end web

1. Responsable de la producción de productos y páginas de desarrollo front-end utilizando Div css combinado con Javascript

2. Familiarizado con W3C Diferencias entre los navegadores estándar y convencionales en el desarrollo front-end, uso competente de DIV CSS. Proporcionar soluciones de página de front-end para diferentes navegadores

3. Responsable de la implementación de los requisitos de productos y soluciones de front-end relevantes, y proporcionar una arquitectura de front-end razonable

4. Trabajar con productos y desarrollo back-end. El personal mantiene una buena comunicación y puede comprender y digerir rápidamente las necesidades de todas las partes e implementarlas en un trabajo de desarrollo específico.

5. Comprender el trabajo relacionado en el lado del servidor y; Tener ideas únicas en experiencia interactiva, diseño de productos, etc. ;