Adobe interview

Vue.js and Frontend Concepts:

  1. Vue 2 to Vue 3 Conversion: Best practices for migrating from Vue 2 to Vue 3.
  2. Wake lock in Vue: What it is and its use cases.
  3. Vue Runtime Component Injection: How to create and inject Vue components dynamically into the DOM.
  4. Passing Data Between Components: Methods to pass data from child to parent and vice versa.
  5. Vue.js Version Used: Importance of versioning and how it impacts development.

Web Accessibility:

  1. Accessibility Announcement: How to announce the number of items found during a search.

Web Workers and Service Workers:

  1. Web Worker vs Service Worker vs Shared Worker: Differences, use cases, and best practices.
  2. Service Worker Communication: How service workers interact with the DOM.
  3. Web Bundling Tools: An overview of tools like Webpack.
  4. Importance of Code Splitting: How it improves performance.

APIs and Authentication:

  1. JWT Token: Its purpose, usage, and implementation in API calls.
  2. Appending JWT Token in Requests: How to include JWT tokens securely in API calls.
  3. API Request Types: Common request types like GET, POST, PUT, DELETE, PATCH, etc.
  4. PUT vs PATCH: Key differences and when to use each.

JavaScript and Storage:

  1. Using HTTP Cookies: Managing cookies in JavaScript.
  2. Social Storage Data: What happens when creating a duplicate tab — will stored data be available in the new tab?

Web Development and Performance:

  1. HTML, CSS, and JavaScript Best Practices: Recommendations for maintainable code.
  2. Flexbox vs Grid: Key differences and use cases.
  3. Improving Website Performance: Suggestions for optimizing slow websites.
  4. Picture Tag: Usage and benefits for responsive images.

Miscellaneous:

  1. Types of Interceptors: Overview of different types of interceptors in web development.
  2. Webpack: Its purpose and importance in modern web development.

Comments

Post a Comment

Popular posts from this blog

insightsoftware vue js

CSS 1. Specificity What is CSS specificity? It’s the priority system CSS uses when multiple rules target the same element. Higher specificity wins. Order (low → high): Element selectors ( div , p , span ) → 0,0,1 Class / attribute / pseudo-class ( .btn , [type="text"] , :hover ) → 0,1,0 ID selectors ( #main ) → 1,0,0 Inline style ( style="color:red" ) → 1,0,0,0 (highest among normal) !important overrides normal specificity (but try to avoid it). Example: p { color: blue; } /* element */ .text { color: green; } /* class */ #intro { color: red; } /* id */ For <p id="intro" class="text">Hello</p> → color will be red . 2. How to show scroll: overflow-y: auto vs scroll overflow-y: auto Shows vertical scrollbar only when content is taller than container. Cleaner UI (no scrollbar if not needed). .container { max-height: 200px; overflow-y: auto; } overflow-y: scroll Scrollbar is...
Read more

Apexon React.js Interview

1. What are features developed in your career 2. What are the custom components and have you created any. 3. Find the largest difference between numbers from a numeric array. const numberArray = [5, 12, 4, 8, 3, 9]; Without any in built method: Approach I: const largestDiff = (arr) => {     let result;     let maxItem;     let minItem;     for(let i = 0; i < numberArray.length; i++){         maxItem = numberArray[0]         minItem = numberArray[0]         for(let j = 0; j < numberArray.length; j++){             if(maxItem < numberArray[j]){                 maxItem = numberArray[j]             }else if(minItem < numberArray[j]){                 minItem = minItem             }else{       ...
Read more

TCS vue js

 1st round 1. Shallow vs deep copy 2.  string reverse input 'js' output 'sj' 3. Arrow function uses 4. foreach vs map 5. virtual DOM  2nd round 1. Vuex vs pinina 2. inject provide 3. inject provide vs store management 4. center an element  5..classA, .classB what it will do 6. .classA .classB what it will do 7. let a =[10],b b=a a.push[3] console.log(a,b) 8. sum(a,b) , sum(a,b,c) how function will received those arguments 9. rest vs spread 10. object de structuring 11. compare object in js 12. remove duplicate in array 13. how will you delete an data in object 14. event bubbling        1. Shallow Copy vs Deep Copy Shallow Copy : Creates a new object but copies only the references to nested objects. Changes made to nested objects in the copied object affect the original. Used with methods like   Object.assign()   or spread operator   {...obj }   in JavaScript. let original = { a: 1, b: { c: 2 } }; let shallowCopy = {...original ...
Read more