¿Qué habilidades de desarrollo de JavaScript deberían dominar los desarrolladores front-end web novatos?
tiene muchas funciones ampliadas que lo perfeccionan y brindan a los programadores la oportunidad de crear sitios web más atractivos y fáciles de usar.
Si bien muchos desarrolladores disfrutan elogiando JavaScript, algunos ven su lado oscuro.
Las páginas web que utilizan mucho código javascript se cargan lentamente y demasiado javascript puede hacer que una página se vea fea y retrasada. Pronto, cómo utilizar
javascript de forma eficaz se convirtió en un tema muy candente.
Hoy he preparado este consejo de desarrollo de JavaScript para principiantes en el front-end web. Espero que te resulte útil.
1. Mantenga el código lo más simple posible
Quizás todos hemos escuchado el problema del código simple N veces. Como desarrollador, es posible que lo haya utilizado muchas veces durante el proceso de desarrollo de su código, pero nunca lo olvide durante el proceso de desarrollo de js.
§ Intente agregar comentarios y espacios en el modo de desarrollo para mantener el código legible
§ Elimine espacios y comentarios antes de publicar en el entorno de producción e intente abreviar variables y métodos Nombre
§ Utilice herramientas de terceros para ayudarle a comprimir javascript.
2. ¡Piensa con claridad antes de realizar cambios! Prototipo
Agregar nuevas propiedades al prototipo de un objeto es una causa común de errores de script.
yourObject.prototype.anotherFunction='Hola';
yourObject.prototype.anotherMethod=function(){...}.
En el código anterior, todas las variables se ven afectadas porque todas heredan de suObjeto. Por lo tanto, se recomienda eliminar cambios similares después de su uso.
yourObject.prototype.anotherFunction='Hola';
yourObject.prototype.anotherMethod=function(){};
test.anotherMethod();
deleteyourObject.prototype.anotherFunction='Hola';
deleteyourObject.prototype.anotherMethod=function (){};
3. >
Incluso los mejores desarrolladores cometen errores. Para minimizar errores como este, ejecute su código a través de un depurador para asegurarse de no encontrar ningún error sutil.
4. Evite usar Eval
Su JS funcionará bien sin usar el método eval. Si se pasa una cadena como argumento a
eval, se ejecutará el resultado.
Esto reducirá en gran medida el rendimiento del código. Intente evitar el uso de eval en un entorno de producción. Minimiza el acceso al DOM
El DOM es la API más compleja y puede ralentizar el proceso de ejecución del código. En ocasiones, es posible que una página web no se cargue o se cargue de forma incompleta. Es mejor evitar el uso del DOM.
6. Aprenda javascript antes de usar bibliotecas javascript
Internet está inundado de una gran cantidad de bibliotecas javascript y muchos programadores tienden a usar bibliotecas js sin comprender sus efectos negativos. Se recomienda encarecidamente que aprenda codificación JS básica
antes de utilizar bibliotecas de terceros; de lo contrario, no tendrá suerte.
7. No utilice los métodos "SetTimeOut" y "Setinterval" como alternativas a "Eval"
setTimeOut("document.getID('value')", 3000);
En el código anterior, document.getID('value') se trata como una cadena en el método setTimeOut. Esto es similar a los métodos eval
, que ejecutan una cadena cada vez que se ejecuta el código, reduciendo así el rendimiento, por lo que se recomienda pasar un método en estos métodos.
setTimeOut(yourFunction, 3000);
8. [] es mejor que newArray();
Un error común es usarlo cuando es necesario. un objeto de matriz, o usar una matriz cuando se debe usar un objeto. Pero el principio es simple:
"Cuando el nombre del atributo es un entero pequeño consecutivo, se debe usar una matriz. De lo contrario, use un objeto"_DouglasCrockford, JavaScript: Bueno
"Partes " autor.
Sugerencia:
vara=['1A', '2B'];
Evitar:
vara=newArray();
a[0]="1A";
a[1]="2B";
9. p >
Los programadores están acostumbrados a utilizar la palabra clave var al inicializar cada variable. Se recomienda utilizar comas para evitar palabras clave redundantes y reducir el tamaño del código. Como se muestra a continuación:
varvariableOne='string1',
variableTwo='string2',
variableThree='string3';
10. No ignores el punto y coma "."
Esta suele ser una de las razones por las que la gente pasa horas depurando.
Estoy seguro de que has leído sobre esto en otros artículos, pero hay muchas reglas básicas que la gente tiende a ignorar. ¿También ignoraste el punto y coma? ¿También ha encontrado problemas de rendimiento causados por problemas con las palabras clave eval
?
Lo anterior es lo que compartí con ustedes hoy sobre las habilidades de desarrollo de JavaScript
¿Qué habilidades deben conocer los principiantes en el desarrollo web front-end? Si desea obtener más información sobre el front-end web, recuerde prestar atención al sitio web oficial de Beida Jade Bird Web Front-end Training.
*Declaración: El contenido y las imágenes provienen de Internet (algunos contenidos han sido modificados) y los derechos de autor pertenecen al autor original. Si la fuente de la información es incorrecta o se infringen los derechos, por favor. contáctenos para eliminar o autorizar asuntos relacionados.