#Front-end Job Interview Questions
- Why do we concatinate all javascript files and css files into a single one?
- Why is Gzipping important?
- What does CORS stand for and what issue does it address?
- Describe the difference between a
cookie,sessionStorageandlocalStorage. - Why is it generally a good idea to position CSS
<link>s between<head></head>and JS<script>s just before</body>? Do you know any exceptions? - What's the difference between inline and inline-block?
- Is there any reason you'd want to use
translate()instead of absolute positioning, or vice-versa? And why? - Difference between:
function Person(){},var person = Person(), andvar person = new Person()? - What tools and techniques do you use debugging JavaScript code?
- Explain the following request and response headers:
- Diff. between Expires, Date, Age and If-Modified-...
- Do Not Track
- Cache-Control
- ETag
- X-Frame-Options
Write the commands to clone the repository git@github.com:chaffeqa/nuthin.git, add a file file.txt with contents Hello, commit it, and push it back up to origin/master.
Answer:
|
|
|
|
|
|
|
Question: What is the value of foo?
var foo = 10 + '20';Question: What is the value of window.foo?
( window.foo || ( window.foo = "bar" ) );Question: What is the outcome of the two alerts below?
var foo = "Hello";
(function() {
var bar = " World";
alert(foo + bar);
})();
alert(foo + bar);Question: What is the value of foo.length?
var foo = [];
foo.push(1);
foo.push(2);Question: What is the value of foo.x?
var foo = {n: 1};
var bar = foo;
foo.x = foo = {n: 2};Question: What does the following code print?
console.log('one');
setTimeout(function() {
console.log('two');
}, 0);
console.log('three');Question: What is the result of the following code?
var fullname = 'John Doe';
var obj = {
fullname: 'Colin Ihrig',
prop: {
fullname: 'Aurelio De Rosa',
getFullname: function() {
return this.fullname;
}
}
};
console.log(obj.prop.getFullname());
var test = obj.prop.getFullname;
console.log(test());Question: What will be printed on the console?
(function() {
var a = b = 5;
})();
console.log(b);Question: What will be printed on the console?
function meth1(){
return 1;
}
function meth2(input){
return 2 + input;
}
function result(arg1, cb){
var result = typeof(cb) == "function" && cb(arg1)
return result
}
console.log('a'+result(1,meth1()))
console.log('b'+result(1,meth1))
console.log('C'+result(1,meth2))Question: What will be printed on the console?
var d = (function f(f, d){
return {f: typeof f(), d: typeof(d) };
})(function(){ return 1; });
console.log(d)Question: What is the difference between ng-show/ng-hide and ng-if directives?
Question: How do you disable a $watch() call?
Question: What is the difference between one-way binding and two-way binding?
Question: Build a singleton service and a non-signleton service