Building A JavaScript Framework Building A JavaScript Framework Table of Contents Introduction................................................................................................................................................................................................1 Framework Style..........................................................................................................................................................................1 High Level Framework Structure.........................................................................................................................................1 Helper Methods....................................................................................................................................................................2 Initialisation..........................................................................................................................................................................2 Modules and Plugins............................................................................................................................................................3 Let’s Get Coding..................................................................................................................................................................3 Object Oriented JavaScript.......................................................................................................................................................................5 Introduction..................................................................................................................................................................................5 Objects and Classes vs. Prototype Classes...........................................................................................................................5 Prototype Classes.................................................................................................................................................................5 Prototypal Inheritance..........................................................................................................................................................6 Prototypal vs. Classical........................................................................................................................................................6 A Class Model Implementation Design...............................................................................................................................6 Extend...................................................................................................................................................................................7 Class Creation.......................................................................................................................................................................7 Classes in More Depth.................................................................................................................................................................7 Syntax Sugar * Extend === Mixin.......................................................................................................................................8 Super.....................................................................................................................................................................................8 Conclusion..................................................................................................................................................................................10 Functional Programming.........................................................................................................................................................................11 Iterators.......................................................................................................................................................................................11 Benchmarks................................................................................................................................................................................12 API Design.................................................................................................................................................................................12 Tests............................................................................................................................................................................................13 Functional Methods....................................................................................................................................................................13 Filter...................................................................................................................................................................................13 Detect..................................................................................................................................................................................14 Chaining.....................................................................................................................................................................................14 Conclusion..........................................................................................................................................................................15 Selector and Selector Engines.................................................................................................................................................................16 Introduction................................................................................................................................................................................16 History................................................................................................................................................................................16 Browser Support.................................................................................................................................................................16 Performance........................................................................................................................................................................17 Other Selector Engines.......................................................................................................................................................17 API Design.........................................................................................................................................................................17 Goals...................................................................................................................................................................................18 CSS Selectors.............................................................................................................................................................................18 Parsing and Searching Strategy..........................................................................................................................................18 Tokenizer............................................................................................................................................................................19 Scanner...............................................................................................................................................................................19 Processing the Giant Regular Expression..........................................................................................................................20 Searcher..............................................................................................................................................................................21 Implementing the API................................................................................................................................................................23 Tests............................................................................................................................................................................................23 onReady......................................................................................................................................................................................23 Our API..............................................................................................................................................................................25 Implementing “onready”....................................................................................................................................................25 Conclusion..................................................................................................................................................................................26 Events........................................................................................................................................................................................................27 Introduction................................................................................................................................................................................27