Snapdeal Front end Engineer Interview Questions and Answers

Code to find if input date is today/tomorrow or no of days difference from current date.

• Get current date using Date() constructor

• Convert input date to Date object

• Compare input date with current date to check if it's today/tomorrow

• If not, calculate the difference in days using getTime() method

• Output the result accordingly

Box model defines how elements are rendered in CSS. Specificity determines which CSS rule applies to an element. Render-blocking statements delay page rendering.

• Box model includes content, padding, border, and margin.

• Specificity is calculated based on the number of selectors and their types.

• Render-blocking statements are CSS or JavaScript files that prevent the page from rendering until they are loaded.

• Use media queries to optimize rendering and reduce render-blocking stateme...read more

Event bubbling and event capturing are two mechanisms in JavaScript that describe the order in which events are handled.

• Event bubbling is the process where an event is first captured by the innermost element and then propagated to its parent elements.

• Event capturing is the opposite process where an event is first captured by the outermost element and then propagated to its child elements.

• Event bubbling is the default behavior in most browsers.

• Event.stopPropagation() can be us...read more

Implement infinite scrolling in React JS using Intersection Observer API.

• Use Intersection Observer API to detect when the user has scrolled to the bottom of the page.

• Fetch new data and append it to the existing data using setState.

• Use a loading spinner to indicate that new data is being fetched.

• Add a debounce function to prevent multiple API calls while scrolling.

• Use a key prop when rendering the list of data to avoid re-rendering of existing elements.

Saas is a CSS preprocessor that extends the functionality of CSS with variables, mixins, and more.

• Saas stands for Syntactically Awesome Style Sheets

• It allows for the use of variables, mixins, and functions in CSS

• Saas code must be compiled into CSS before it can be used in a web page

• Saas is often used in conjunction with build tools like Gulp or Webpack

Code to check equality of two objects in JavaScript

• Use the JSON.stringify() method to convert the objects into strings

• Compare the string representations of the objects using the === operator

• If the strings are equal, the objects are considered equal

Bind creates a new function with a specified 'this' value and arguments.

• Bind returns a new function with the same body as the original function.

• The 'this' value of the new function is bound to the first argument passed to bind().

• The subsequent arguments are passed as arguments to the new function.

• Polyfill for bind() can be created using call() or apply() methods.