Require JS
6 likes2,083 views
RequireJS is a module loading library for JavaScript that allows for asynchronous JavaScript loading and dependency management. It uses a modular approach to define dependencies and includes optimization and build tools for deployment. RequireJS is used by loading the RequireJS library script, which then loads the main JavaScript file defined by the data-main attribute. The main file uses require() to execute code once dependencies are loaded, and modules are defined using define() to specify their dependencies.
![main.js require( [ "jquery-1.6.4.js", "friend", "pet", "cat-lover" ], function( _jquery_, Friend, Pet, CatLover ) { } by B.Shankar](https://image.slidesharecdn.com/rquirejs-111222030805-phpapp01/85/Require-JS-7-320.jpg)
![Require([ ], { }) require() executes code once the given dependencies have been loaded. by B.Shankar](https://image.slidesharecdn.com/rquirejs-111222030805-phpapp01/85/Require-JS-8-320.jpg)
![friend.js define( [ "jquery-1.6.4.js" ], function( _jquery_ ){ } by B.Shankar](https://image.slidesharecdn.com/rquirejs-111222030805-phpapp01/85/Require-JS-9-320.jpg)
![Define([ ], { }) When you define a RequireJS module, you use the define() function. by B.Shankar](https://image.slidesharecdn.com/rquirejs-111222030805-phpapp01/85/Require-JS-10-320.jpg)
Require JS
- 1. RequireJS What is it? When to use it? by B.Shankar
- 2. What is it? A module loading library for Java Script by B.Shankar
- 3. When to use it? When you needed to load multiple JavaScript files into an application Use RequireJS for Asynchronous Script Loading And JavaScript Dependency Management by B.Shankar
- 4. What it does? allows for asynchronous JavaScript loading and dependency management uses a modular approach to dependency definitions. by B.Shankar
- 5. It includes? optimization and "build" tools for deployment by B.Shankar
- 6. <!-- Load the RequireJS library; the "data-main" attribute will tell the RequireJS library which JavaScript file to load (main.js) after itself has loaded. --> <script type="text/javascript" src="./require.js" data-main="./main"> </script> Load it and then define the initial JavaScript file. by B.Shankar
- 7. main.js require( [ "jquery-1.6.4.js", "friend", "pet", "cat-lover" ], function( _jquery_, Friend, Pet, CatLover ) { } by B.Shankar
- 8. Require([ ], { }) require() executes code once the given dependencies have been loaded. by B.Shankar
- 9. friend.js define( [ "jquery-1.6.4.js" ], function( _jquery_ ){ } by B.Shankar
- 10. Define([ ], { }) When you define a RequireJS module, you use the define() function. by B.Shankar