¿Qué tal un análisis en profundidad de los principios de implementación y diseño de la arquitectura jquery? pdf
jQuery es la biblioteca de JavaScript más popular de la industria. Su API es muy refinada y elegante. Sin embargo, el código fuente de jQuery es enorme y oscuro. La versión 1.7.1 se lanzó al momento de escribir este artículo. El libro tiene 9266 líneas de código, que involucran 17 módulos, y a menudo es confuso e impotente para leer. Este libro intenta proporcionar una introducción y un análisis sistemáticos y completos del código fuente de jQuery, y profundiza en los conceptos de diseño, los principios de implementación y la implementación del código fuente de jQuery.
En 2010, participé en el diseño y desarrollo de la interfaz de usuario de un decodificador satelital. El programa se ejecutó en un navegador personalizado proporcionado por el proveedor de middleware del decodificador. , Descubrí que este navegador El comportamiento es similar al antiguo IE5. Varios defectos y errores torturaron al autor de manera indescriptible, por lo que esperaba presentar jQuery como una biblioteca básica y desarrollar algunos componentes e interfaces comunes para simplificar el proceso de desarrollo. Pronto descubrí que este navegador no es adecuado para el soporte de expresiones regulares y es muy complicado, lo que hace que el motor de selección Sizzle no se ejecute en absoluto. En este punto, una simple transformación de jQuery ya no puede satisfacer las necesidades.
Sin embargo, lo sorprendente es que este navegador proporciona API de JavaScript para interactuar con sistemas operativos, sistemas de archivos, middleware, reproductores, tarjetas inteligentes y receptores de satélite, como espera y apagado, lectura y escritura de archivos, facturación. , bloqueo de frecuencia satelital, recepción de datos, etc. En vista de esta compleja arquitectura y del hecho de que la mejora de los defectos del navegador no se puede completar en un corto período de tiempo, comenzamos a trasplantar jQuery para este navegador decodificador, iniciando así el estudio y análisis del código fuente de jQuery.
A partir de junio de 2011, comencé a organizar mis experiencias y registros en la "Serie de análisis de código fuente jQuery1.6.1", que se publicó sucesivamente en la comunidad de programadores ITEye y Blog Park. El libro también se basó en esta serie Viene de. La "Serie de análisis de código fuente jQuery1.6.1" es sistemática pero aún aproximada, por lo que este libro se reescribe casi por completo en base a jQuery1.7.1, lo que lo hace más completo y riguroso en contenido.
Este libro es adecuado para ingenieros de desarrollo front-end junior, intermedio y senior, así como para lectores interesados en el desarrollo front-end.
Antes de leer este libro, los lectores deben tener una comprensión preliminar de los conocimientos básicos de JavaScript, HTML y CSS, una comprensión preliminar del uso de jQuery o un conocimiento básico de otros lenguajes.
Cómo leer este libro
Este libro se divide en cuatro partes. Primero presenta la arquitectura general de jQuery y luego analiza la construcción de los módulos de objetos de jQuery, los módulos de soporte subyacentes y Implementación de código fuente de módulos funcionales. Al leer este libro, primero se recomienda que los lectores establezcan un entorno de lectura y depuración del código fuente, realicen varios intentos y verificaciones durante el proceso de lectura y profundicen su comprensión del código fuente antes de leer cada capítulo de este libro; que los lectores lean atentamente la documentación oficial correspondiente y verifiquen los ejemplos oficiales para dominar las funciones y el uso de la API.
La primera parte (Capítulo 1) presenta y analiza el concepto de diseño, la arquitectura general y la estructura del código fuente de jQuery, lo que permite a los lectores tener una comprensión general de jQuery.
La segunda parte (Capítulo 2) presenta y analiza en detalle el uso, el proceso de construcción, las propiedades y métodos del prototipo, las propiedades estáticas y los métodos del constructor jQuery().
La tercera parte (Capítulos 3 a 7) analiza en detalle la implementación del código fuente del módulo de soporte subyacente, incluido el selector Sizzle, la cola asíncrona DeferredObject, el caché de datos, la cola y la prueba de función del navegador. .
La cuarta parte (Capítulos 8 ~ 14) analiza en detalle la implementación del código fuente del módulo funcional, incluida la operación de atributos Atributos, eventos del sistema de eventos, recorrido DOM, operación DOM, operación de estilo CSS, solicitud asincrónica Ajax, Efectos de Animación.