Cómo aprender JavaScript sistemáticamente
Desde que AJAX se hizo popular, la gente ha descubierto que el uso de JavaScript puede brindar una mejor experiencia a los usuarios, e incluso utilizar esta ventaja para desarrollar juegos web a gran escala, por lo que este pequeño lenguaje se ha tomado en serio. Hoy en día, muchas empresas contratan ingenieros de JavaScript especializados. Por lo general, JavaScript es una habilidad esencial para el desarrollo front-end WEB. Una breve introducción a los beneficios de JavaScriptr no significa que todos lo aprenderán o incluso lo aprenderán bien. El interés es muy importante. Creo que el interés es el mejor maestro para concentrarse en hacer una cosa. Bueno. . Además, todos deben creer que los lenguajes pequeños pueden hacer grandes cosas. He usado Greasemonkey para escribir algunas herramientas muy prácticas. Por ejemplo, puedes usar JavaScript Greasemonkey para escribir complementos para juegos web en línea. Hablemos de mi proceso y experiencia al aprender JavaScript.
Comience con el diseño DIV CSS
El uso de DIV CSS para diseñar páginas web estándar puede hacer que el código XHTML frontal sea menor y la estructura más clara, lo cual es útil para usar JavaScript fácilmente para opere el DOM, por ejemplo, para mostrar una lista con 3 filas y 3 columnas. Si usa un diseño de tabla tradicional y ahora necesita usar JavaScript para generar dinámicamente esta lista, entonces necesita un bucle anidado. estructura li y diseño flotante CSS, solo un bucle es suficiente. Por supuesto, la estandarización WEB no significa necesariamente que no se puedan utilizar tablas. Lo que quiero decir es que XHTML con una estructura clara facilita la integración de efectos o funciones de JavaScript en los proyectos.
Dominar varias herramientas de desarrollo y prueba
Como desarrollador, es necesario estar familiarizado con las herramientas de prueba. Esto le ayudará a mejorar su eficiencia a la hora de descubrir y resolver problemas. Esto es especialmente cierto para los proyectos. Primero recomendaré las dos herramientas de prueba y desarrollo de JavaScript y XHTML más utilizadas: Web Developer y Firebug.
Estar familiarizado con la función de cada método en JavaScript
Este requisito puede parecer un poco irreal. Creo que este requisito es cierto para lenguajes grandes como C# y. JAVA, porque estas bibliotecas de idiomas son demasiado grandes. Creo que nadie puede recordarlas por completo y no es necesario recordarlas todas. Por ejemplo, el uso de JAVA para crear páginas web y el desarrollo de teléfonos móviles se centran en diferentes bibliotecas de clases. No es así con JavaScript. Realmente no tiene muchos métodos y funciones integrados. Si te familiarizas con él primero, podrás desarrollarlo fácilmente. Por ejemplo, al principio puedes pensar que JavaScript tiene trim(). , que tienen muchos idiomas, para eliminar espacios al principio y al final de las líneas. Métodos. Cuando comprenda la biblioteca de funciones incorporada de JavaScript, descubrirá que debe implementar estos métodos en JavaScript usted mismo. Para otro ejemplo, si cambia a JavaScript desde otro lenguaje más potente, puede pensar que JavaScript debería tener un método de cifrado MD5. Por supuesto, esto no existe, pero alguien ha implementado dicho método en JavaScript, a saber, JavaScript MD5. Después de todo, hay muy pocos métodos integrados en JavaScript, pero muchas personas talentosas han escrito algunos métodos nuevos para aumentar las funciones de JavaScript. Por ejemplo, el marco prototipo crea principalmente extensiones de funciones básicas de JavaScript.
Comprender la programación DOM
Comprender la programación DOM es un curso más importante en el proceso de aprendizaje de JavaScript, porque además de escribir algo de lógica de procesamiento de datos pura, JavaScript se trata más de cambiar dinámicamente XHTML. estructura y contenido para lograr el propósito de actualización dinámica de la interfaz, y todas estas tareas dependen de la programación DOM.
El marco jQuery encapsula este aspecto bastante bien, proporcionando una gran cantidad de métodos de operación DOM, lo que le permite encontrar fácilmente un nodo DOM (etiqueta XHTML) en cualquier lugar de la página y luego realizar operaciones relacionadas (agregar, eliminar, modificar, verificar). Para aquellos que tienen experiencia en la operación de documentos XML en otros idiomas, creo que comenzarán rápidamente.
Póngase en contacto y utilice AJAX
Hoy en día, si aprende JavaScript sin utilizar AJAX, enterrará las ventajas de JavaScript (AJAX en sí no se considera contenido de JavaScript). AJAX es beneficioso tanto para los usuarios como para los servidores. Para los usuarios, proporciona una mejor experiencia de usuario. El escenario de aplicación más típico es la detección previa de la disponibilidad del nombre de usuario en la página de registro. Tradicionalmente, los usuarios pueden encontrar estos problemas: Después de completar un montón. Al completar la información y enviar el formulario, el servidor informa al usuario que se ha registrado y le solicita que complete la información nuevamente. Esto es muy fatal para los grandes sitios web multiusuario, porque la mitad de los 10 nombres de usuario ingresados por el usuario. puede haber sido registrado. Para el servidor, reduzca el tráfico de la página web, porque después de AJAX, los datos generalmente se cargan según demanda y no se recargará toda la página debido a las actualizaciones locales. Por ejemplo, si una página web ocupa tres pantallas de alto, podemos cargar solo el contenido de la primera pantalla de forma predeterminada y luego cargar el contenido de la segunda y tercera pantalla cuando el usuario baja la barra de desplazamiento. Además, las aplicaciones WEB de mapas en línea también son ejemplos de uso de AJAX.
Mejore la comprensión profunda de JavaScript con esta palabra clave
La función y el apuntamiento de JavaScript son muy diferentes de muchos lenguajes de desarrollo orientados a objetos reales. No siempre apunta al actual. objeto. Cambiará. Si no presta atención a este problema, puede encontrar problemas como errores o no ejecución de código que parece correcto.
Aprender programación orientada a objetos en JavaScript
La programación orientada a objetos es algo bueno. Hace que los programadores piensen de manera más organizada y organicen el código con mayor claridad. JavaScript también puede ser programación orientada a objetos, pero también es bastante diferente de algunos lenguajes de programación orientada a objetos tradicionales, por lo que se necesita algo de esfuerzo para familiarizarse realmente con la programación orientada a objetos de JavaScript.
Entender los cierres Los cierres de JavaScript también son un tema del que se ha hablado mucho. Los cierres complican el alcance de las variables de JavaScript, pero esta característica hace que el lenguaje sea más flexible.
Aprenda el desarrollo estandarizado
Creo que ha oído mucho sobre el espíritu de equipo. Trabajar para una empresa para realizar desarrollo es, por supuesto, inseparable del equipo si el equipo quiere cooperar felizmente. , cada miembro debe La codificación debe cumplir con ciertos estándares, que también es el requisito básico para los programadores de toda empresa. Las especificaciones generalmente se refieren a nombres de variables, organización de archivos, especificaciones de anotaciones, etc. Este conocimiento es similar a las especificaciones de otros lenguajes.
Busca un libro sobre algoritmos y léelo
Creo que no es difícil aprender y usar un idioma. Lo que sí es difícil es utilizar la gramática y las oraciones básicas del idioma. resolver algunos problemas complejos. Para resolver algunos problemas complejos, se pueden utilizar algunos algoritmos. Algunas implementaciones de algoritmos pueden ser realizadas por un equipo, como la implementación específica de la segmentación de palabras chinas por parte de la Academia de Ciencias de China y el algoritmo A* de búsqueda automática de rutas comúnmente utilizado en los juegos. . Tal vez piense que no puede encontrar problemas tan complejos en el desarrollo de JavaScript. De hecho, depende del proyecto que esté haciendo. Si está desarrollando un juego web a gran escala, generalmente enfrentará problemas más desafiantes. Los libros de algoritmos y la comprensión de las soluciones a algunos problemas comunes, naturalmente, lo harán más poderoso durante el proceso de desarrollo. Además, estar familiarizado con los algoritmos obviamente le resultará útil para entrar en contacto con otros lenguajes de desarrollo en el futuro.
Tome notas sobre problemas de compatibilidad y ERRORES
Es mejor tomar notas sobre problemas de compatibilidad de navegadores CSS y JavaScript, porque estos problemas, o errores, son bastante extraños y necesitan para ser explorado El navegador no le indicará dónde se equivocó y el IDE tampoco le informará, especialmente en el caso de problemas de compatibilidad con CSS, lo que hará que se quede atascado durante mucho tiempo sin resolver dichos problemas durante el proceso de desarrollo. Incluso si ha resuelto problemas similares antes, es posible que los vuelva a encontrar en el futuro. Como resultado, no ha tomado notas antes para fortalecer su memoria. Está destinado a sufrir nuevamente, porque estos problemas de compatibilidad no son solo uno o dos. Y el efecto de memoria temporal no es obvio. En mi experiencia, ocurren muchos problemas con IE6. Ahora incluso el propio Microsoft espera acelerar la desaparición de IE6. Esto, por supuesto, es una buena noticia para nosotros en el desarrollo front-end.
Leer código excelente, como jQuery
Leer código excelente es definitivamente una buena manera de mejorar. Esto no solo le permite comprender las especificaciones organizativas del código excelente, sino que también le permite comprender. Las ideas de implementación de algunas funciones. Por ejemplo, jQuery es un marco de JavaScript que vale la pena aprender. Por supuesto, para leer un marco de JavaScript tan profesional, debe tener una base sólida en JavaScript; de lo contrario, encontrará demasiadas preguntas durante el proceso de lectura, lo que incluso puede ser un duro golpe para su confianza.
Tenga cuidado de evitar el uso de marcos de JavaScript para el desarrollo directamente antes de comenzar con JavaScript.
Si no tiene ninguna base de JavaScript, no utilice marcos de JavaScript para el desarrollo directamente. Creo que esto puede inducir a error en la comprensión de un idioma. Por ejemplo, si usa jQuery directamente para escribir oraciones con puntos conectados, ¿cree que este es un tipo de sintaxis de JavaScript? Para otro ejemplo, si usa un prototipo, no piense que el método de clase base después de la extensión del marco está integrado en JavaScript. Creo que los marcos de JavaScript se utilizan para mejorar la eficiencia y definitivamente no son algo que debas aprender al comenzar con JavaScript.
Muchos ejemplos encontrados en línea pueden no ser compatibles con varios navegadores
Hay muchos códigos fuente con efectos JavaScript escritos por un internauta hace N años, IE era el mundo, por lo que. algunos El front-end es demasiado vago para resolver el problema de compatibilidad de los scripts entre navegadores, lo que hace que los scripts escritos solo sean aplicables a IE.