Mis front-end directrices de desarrollo

año de entrada instantánea y media, de combate en la parte delantera de este camino, sin límites de aprendizaje, es la vida, el código más. Mirando hacia atrás este año a escribir su propio código, estando en la miseria, dejando un sinnúmero de boxes. Entre las muchas razones por las que estoy siguió escribiendo solamente quiero entender. Pero el trabajo no nos dará tiempo para volver atrás y cambiar Cheung código general, no puedo hacer es el siguiente proceso, y no cometer el mismo error. Quiero escribir esta pluma y tinta para hacer que los estudiantes de nuevo ingreso a tomar un pequeño desvío.

Una vez más, esta es mi criterio, existe también la esencia de la escoria, si hay personas entusiastas que apuntan o dos, gratitud, numerosas palabras.

sobre Picture

  1. cuadro grande dentro de una página, especialmente la bandera ver la imagen fondo de la página de inicio de sesión, etc., utilice la aceleración CDN de terceros. Al mismo tiempo, hacerlo de nuevo comprimido, también más de 200kb, los diseñadores se comunican y si hay que retirar o cambiar la imagen si después de la compresión.

  2. Sprite es necesario, una variedad de pequeño icono, icono pequeño, hacer una imagen para entrar.

  3. Trate de usar el icono de fuente en lugar del icono pequeño, icono ventajas de fuente puede ser lanzado icono ordinaria icono de unas pocas cuadras, cambio de tamaño libre, cambio de color, también se enfríe! !

  4. Si el proyecto es grande, la empresa no es el dinero malo, la mejor solución es que los recursos de imagen en un servidor independiente, la configuración de dominio separado, recursos cargado por dominio de la imagen Cargar foto, muchas grandes empresas están dirigidas por el servidor independiente recurso estático para almacenar y distribuir

Por lo general regateo diseñador y la conclusión es que la imagen debe cargarse sin problemas, si un usuario abre una imagen de la página web se carga durante mucho tiempo para salir, incluso si hacemos otro cuadro bonito, lo que con los huevos! !

recursos conciencia: Alibaba icono de la fuente de la biblioteca

sobre js

  1. biblioteca de terceros js, debe utilizar la versión min. lib sitio interno, debe utilizar el trago combinado de compresión antes de cada puesta en línea.

  2. uso final móvil zepto biblioteca no está permitido el uso de jQuery

  3. código js a un espacio de nombres global, por ejemplo, se proyecta un sitio web específico oficial de la bicicleta, moto llamada mundial espacio de nombres, relacionada con el proyecto y todos los métodos js, funciones, variables, todas bicicleta colgando debajo

var bike={};
bike.name='cookee';
bike.getOrderDetail=functtion(id){.....}

sobre CSS

  1. estilos públicas refinación proyectos, los botones, las formas.

  2. Nombrado. Propiedades para la denominación de módulo genérico nombre de módulo pueden enfrentar, como la cabecera de la cabeza, pie de página, etc. cola, tratan de utilizar otra denominación orientado-atributo, a fin de dar el mayor grado de libertad reutilización css, sobre lo que es de nomenclatura orientada atributo, Por favor refiérase a la recomendada

  3. separación estilo de re-aislado, no utilice el atributo id en el interior CSS, JS utilizan para mantener Identificación

  4. Reducir los niveles de CSS anidada, la representación de CSS se debe de derecha a izquierda, en la prestación de una página web, este puede elaborar en ella y escribir un artículo a. Si etiqueta a niveles jerárquicos anidados, pensar en la cantidad de residuos prestación hora de milisegundos finales móviles competir por el tiempo de carga, usted no tiene ninguna razón para no mejorar su código

  5. conocida elegante lata deja claro, poner un resumen del diagrama anterior, cuando no hay nada más que ver sutil recordar estos nombres
    Pie de foto

Racionalizado y las directrices de nombres CSS eficientes /

sobre html

  1. Dom simplificó la estructura, reduciendo la redundancia html

  2. etiquetas semánticas para aprender a utilizar

  3. terminal móvil, en lugar de utilizar el lienzo de dibujo dibujo SVG, lona tienen dientes de sierra graves (en su caso los estudiantes han practicado la solución de programa de serrado, me gustaría escuchar con respeto)

Este artículo se reproduce en: Ape 2048 mis pautas de desarrollo front-end

Supongo que te gusta

Origin www.cnblogs.com/10manongit/p/12662070.html
Recomendado
Clasificación