Require Js is a loader where the JavaScript files are loaded. All dependencies files are grouped from different modules using Require Js. Advantage of using Require Js is the speed and quality of the code. It is compatible with all browsers. Require Js is used along with jQuery, Node, Dojo etc. Detailed knowledge on subject is available over internet for reference. Having experienced in Require Js is very helpful in giving preference to you. There are number of positions available across all the locations. Wisdomjobs focus on providing interview questions and answers to help you in clearing the interview with ease. Require Js interview questions and answers are useful to attend job interviews and get shortlisted for job position. Check out interview questions page to get more information.
Question 1. What Is The Role Of Optimizer?
Answer :
The Optimizer is a built process where your project is deployed to end user and its combines all scripts/css files together and minify them.
Question 2. How To Use Require Js With Jquery?
Answer :
The Require JS uses jQuery and lots of another dependency i.e.
require(['jquery'], function ($) {
//jQuery was loaded and can be used now.
});
Question 3. What Is Amd Module?
Answer :
The AMD is stands for Asynchronous Module Definition and is used for defining modules and their dependencies with asynchronous manner.
Question 4. What Is Data-main Attribute?
Answer :
The data-main attribute is an attribute that Require JS will check to start script loading. The data-main set to the base URL for all the scripts.
Example:-
<!DOCTYPE html>
<html>
<head>
<script data-main="libs/main" src="libs/require.js"></script>
</head>
<body>
<h1> RequireJS Sample apps</h1>
</body>
</html>
Question 5. What Is Module In Require Js?
Answer :
Module is independent unit of program which make easy maintenance and reusability of code. In RequireJs we talk about JavaScript module.
Question 6. What Is The Project Structure Of Require Js?
Answer :
Project directory and the structure looks like:-
Question 7. What Is Config Function?
Answer :
The Require JS can be initialized by passing the main configuration in the HTML template through the data-main attribute.
If you want to update the Require JS configuration values with your own configurations value. You can do using the require js. Config function.
The configurations options:-
Example looks like:-
require.config({
baseUrl: 'scripts/app',
paths: {
lib: '../lib'
},
shim: {
'backbone': {
deps: ['underscore'],
exports: 'Backbone'
}
}
});
Question 8. What Are Asynchronous Module Definition (amd) Modules?
Answer :
Defining Modules:-The Module is defined using define () method and it used for loading the module i.e.
define({
country:"India",
state: "UP",
city: "Noida",
userDetail: function () {
return "User Detail";
}
});
Defining Functions:- A module can also use a function without dependencies i.e.
define(function () {
return {
country:"India",
state: "UP",
city: "Noida"
}
});
Defining Functions with Dependencies:- The Dependencies module looks like.
define(["../comp", "../user"],
function(comp, user) {
return {
country:"India",
state: "UP",
city: "Noida",
addUser: function() {
comp.decrement(this);
user.add(this);
}
}
});
Defining a Module as a Function:- Its looks like.
define(["../comp", "../user"],
function(comp, user) {
return function(userName){
return userName != null ? userName :'NA'
}
});
Defining a Module with a Name:- Its looks like.
define("Users", ["../comp", "../user"],
function(comp, user) {
return {
country:"India",
state: "UP",
city: "Noida",
addUser: function() {
console.log(this);
}
}
});
Question 9. When Should I Use Require () And When To Use Define ()?
Answer :
The define () method looks like:-
define(
module_id /*optional*/,
[dependencies] /*optional*/,
definition function /*function for instantiating the module or object*/
);
And
define (['moduleA', 'moduleB'], function (moduleA, moduleB) {
//define the module value by returning a value
return function () {};
});
The require () method looks like:-
require(['jquery'], function ($) {
//jQuery was loaded and can be used now.
});
Example 1:-
define( 'MyApp', ["marionette"], function (Marionette) {
// set up the app instance
var app = new Marionette.Application();
app.on("initialize:after", function(){
console.log("initialize started.");
});
// export the app from this module
return app;
});
Example 2:-
// Fetch and execute Marionette App
require( ["MyApp"], function (app) {
// Execute App
app.start();
});
Example 3:-
define({
"root": {
"india": "india",
"australia": "australia",
"england": "england"
}
});
Question 10. What Are Disadvantage Of Require Js?
Answer :
Question 11. What Are The Main Features Of Require Js?
Answer :
Question 12. How To Define Entry Point For Require Js?
Answer :
We need to define an html file and it could be "index.html" where Require JS is loading i.e.
<!DOCTYPE html>
<html>
<head>
<script data-main="libs/main" src="libs/require.js"></script>
</head>
<body>
<h1> Require JS Sample apps</h1>
</body>
</html>
In above example, the data-main attribute of require.js will start initialization of files.
Question 13. Why Do People Use Require Js? What Are The Benefits?
Answer :
Question 14. How To Install Require Js?
Answer :
You can install the latest release of Require JS from the command prompt using the below commands-
//Install the Require JS package
npm install -g require js
Question 15. What Is Require Js?
Answer :
Require JS includes three main API functions:-
Require Js Related Practice Tests |
|
---|---|
Java Script Practice Tests | Angular JS Practice Tests |
Ext JS Practice Tests | Node.js Practice Tests |
EmberJS Practice Tests |
All rights reserved © 2020 Wisdom IT Services India Pvt. Ltd
Wisdomjobs.com is one of the best job search sites in India.