JavaScript Framework Design (2nd Edition)

This book is the second edition of JavaScript Framework Design, written by the well-known front-end developer Situ Zhengmei (Zhong Qincheng) for intermediate and advanced front-end readers who want to understand why frameworks are written the way they are. The book consists of 16 chapters and follows the evolution of the author's own frameworks, mass Framework and avalon, as its main thread. It begins with the most fundamental seed module: modular organization, object extension, array conversion, type detection, domReady, and no-conflict handling. Next comes the language module, which extends and applies compatibility fixes to native methods for strings, arrays, numbers, functions, dates, and more. The middle section moves into the dirtiest and most labor-intensive part of framework design: browser sniffing and feature detection, class factories and property descriptors, the selector engine and the implementation ideas behind Sizzle, the node module (creation, insertion, cloning, removal, and innerHTML-series compatibility handling), the multi-generational evolution of the data caching module, the style module's handling of opacity, the box model, dimensions, and coordinates, and the attributes module's distinction between intrinsic and custom attributes. The event system is covered in two chapters, one for desktop and one for mobile, sorting out the flaws of attachEvent and addEventListener along with event delegation and simulated implementations. The latter half of the book discusses asynchronous models (callbacks, Promise, generators, async/await), the data interaction module (from XMLHttpRequest to fetch), the animation engine (easing formulas, requestAnimationFrame, CSS3 transition/animation), and goes deep into MVVM and componentization: static and dynamic templates, evaluation functions and refresh functions, Proxy/Reflect, virtual DOM and the diff algorithm, the performance wall and the complexity wall, and finally a comparison of three component solutions—jQuery, avalon2, and React—as well as front-end routing.