¿Llamar a JS desde HTML consume más memoria? ¿Es más rápido usar el código directamente?
Escribirlo directamente en la misma página tiene el mismo efecto de ejecución que escribir el código js en otra página y luego introducirlo en la página. La memoria ocupada por el mismo código es básicamente la misma. está escrito en otra página para facilitar el desarrollo y el mantenimiento. Permítanme hablar sobre algunas de mis opiniones personales sobre la memoria ocupada por el código js:
1. El código JavaScript consume más memoria que el código html y css, especialmente las operaciones DOM.
Como desarrollador front-end, es posible que hayas escuchado este dicho: minimiza las operaciones DOM. ¿Pero por qué? La razón es simple. Demasiado código JavaScript y demasiadas operaciones DOM ralentizarán la velocidad de carga de la página web y, por supuesto, aumentarán la sobrecarga de memoria. Pero la pregunta vuelve a surgir: ¿por qué demasiadas operaciones DOM aumentan la sobrecarga de memoria y hacen que el navegador se ralentice? En primer lugar, el objeto DOM en sí también es un objeto js, por lo que, estrictamente hablando, no es que operar este objeto sea lento, sino que después de operar este objeto, se activarán algunos comportamientos del navegador, como diseño y pintura. Algunas operaciones de js romperán las reglas y harán que el navegador ejecute el diseño: como obtener los atributos DOM que deben calcularse a través de js, agregar o eliminar elementos DOM, modificar el estilo del elemento DOM a través de js y el estilo implica cambiar el tamaño. , etc. Por lo tanto, las operaciones DOM frecuentes pueden aumentar la sobrecarga de memoria y afectar el rendimiento web.
2. ¿Qué métodos se pueden utilizar para optimizar este problema?
Obviamente, la eficiencia de ejecución del código JavaScript externo introducido por el problema es la misma que la del código JavaScript escrito directamente en la etiqueta script de la página web. Pero, ¿cómo deberíamos maximizar la optimización de algunas operaciones DOM inevitables en la página del juego?
a. Buenas ideas de programación, reducir la redundancia de código e intentar reutilizar el código.
En pocas palabras, necesitamos utilizar ideas de programación orientada a objetos para encapsular y reutilizar nuestras funciones de uso común tanto como sea posible, lo que puede reducir las operaciones DOM innecesarias hasta cierto punto.
b. Uso adecuado de algunos métodos de optimización y.
Por ejemplo, existe un método en JavaScript nativo llamado fragmentación de documentos (DocumentFragment()). Con este método, puede colgar varias operaciones DOM similares en el fragmento de documento y, finalmente, realizar el equivalente a un DOM. operación de gastos generales.
Finalmente, como desarrollador front-end, debemos prestar atención al rendimiento web, especialmente a JavaScript, lo que requiere que tengamos buenos hábitos de codificación durante el proceso de desarrollo.