code-resources
  • cmu lectures
    • Interview Questions
    • Snippets
  • databases
    • mongodb
    • sql
    • Overview
    • Problem-Solving Patterns
      • Overview
      • Static Arrays
      • Dynamic Arrays
      • Two Pointers
      • Sliding Window (Fixed Size)
      • Sliding Window (Variable Size)
      • Kadane's Algorithm
      • Overview
      • Singly Linked Lists
      • Doubly Linked Lists
      • Fast and Slow Pointers
      • Overview
      • Stacks
      • Queues
      • Overview
      • Hash Usage
      • Hash Map Implementation
      • Overview
      • Insertion Sort
      • Merge Sort
      • Quick Sort
      • Bucket Sort
      • Binary Search
      • Overview
      • Factorial
      • Fibonacci
      • Tree Maze
      • Subsets
      • Combinations
      • Permutations
      • Overview
      • Binary Search Trees
      • BST Insert and Remove
      • Depth-First Search
      • Breadth-First Search
      • Iterative DFS
      • Trie
      • Segment Tree
      • Overview
      • Push and Pop
      • Heapify
      • Overview
      • Adjacency List
      • Matrix DFS
      • Matrix BFS
      • Dijkstra's
      • Prim's
      • Kruskal's
      • Topological Sort
      • Union-Find
      • Overview
      • Dynamic Programming Patterns
      • 1-Dimension DP
      • 2-Dimension DP (Grid Paths)
      • 0/1 Knapsack
      • Unbounded Knapsack
      • Longest Common Subsequence
      • Overview
      • Bit Operators
      • Big-O and Interview Cheatsheet
  • frontend
    • frontend-optimization
      • How to Use Browser DevTools to Debug Performance Issues
      • What are Reflow and Repaint? How to optimize?
      • What is debounce? How to implement debounce function
    • frontend-tooling
      • What Is a Monorepo? Why Using a Monorepo?
      • What is Bun? Why Use It? How Does It Solve Node.js Problems?
      • What Is JavaScript Modules?
      • What Is Vite? Why Use Vite? What Problems Does It Solve?
      • What Is Webpack Loader And Plugin?
      • Why pnpm is Faster and More Space-Efficient than npm?
    • others
      • Front-end image format selection, when should I use JPG, PNG, WebP or SVG?
      • What Is SPA (Single-Page Application)? What Are Its Advantages and Disadvantages?
    • HTML Interview Questions
  • interview
    • Interview Checklist
    • Stages of an Interview
    • Overview
      • Overview
      • Interview Questions
        • 10 JavaScript Quizs to Test Your Knowledge of This Language
        • 9 Key New Features of ES6 (ES2015) You Should Know
        • Should You Use the Ternary Operator in Programming?
        • What Are the Primitive Types in JavaScript? How To Check the Type of a Variable?
        • What is ECMAScript? What is it to do with JavaScript?
        • What Is the Difference Between ==, === and Object.is in JavaScript?
        • What is the Difference Between Map and Object in JavaScript, and Why Do We Need Map?
        • What is the difference between null, undefined and undeclared in JavaScript?
        • What Is the Difference Between Set, Map, WeakSet, and WeakMap in JavaScript?
        • What Is the Purpose of "use strict" in JavaScript and What Are the Benefits of Using It?
        • What’s New in ES2023 (ES14)?
        • What Will 0.1 + 0.2 Be in JavaScript? Why?
      • Overview
      • Interview Questions
        • Explain What Hoisting Is in JavaScript
        • What Is a Higher-Order Function in JavaScript?
        • What Is an Arrow Function in JavaScript? How Is It Different From a Regular Function?
        • What is an IIFE (Immediately Invoked Function Expression) in JavaScript? What are the Pros and Cons?
        • What is JavaScript Closures?
        • What Is the Difference Between var, let and const in JavaScript?
        • What Is the Scope and Scope Chain of JavaScript?
      • Overview
      • Interview Questions
        • Explaining the Concept of a Class in ES6 and the Distinction Between a Function Constructor
        • The most common JavaScript prototype interview questions and answers (prototype, prototypal inheritance, prototype chain)
        • What Is "this" in JavaScript?
        • When Is the Difference Between Shallow and Deep Copy in JavaScript?
        • Why structuredClone is the Best Choice for Deep Copying in JavaScript?
    • Control Flow and Loops
      • Overview
      • Interview Questions
        • How to find the average of an array in JavaScript?
        • How to Flatten an Array?
        • How to remove duplicates from an array?
        • What array traversal methods are there in JavaScript? (for loop, for...in, for...of, forEach, map, filter, every, some)
        • Will passing (a,b) => b - a in JavaScript builit-in sort a be in ascending or descending order? Why?
      • Overview
      • Interview Questions
        • The Most Common JavaScript Event Loop Interview Questions
        • What are async/await in JavaScript and how do they differ from promises?
        • What Is an Event Loop in JavaScript?
        • What Is JavaScript Promise? And How To Use It?
        • What is Promise.all? How to implement it?
        • What is Promise.race? How to implement it?
    • Event Handling
    • Modules
    • Functional Programming
    • Memory Management
    • Special Functionality
    • Additional Concepts
    • Testing
  • node-js
  • Python
    • Overview
    • TypeScript with React
    • Testing with React Testing Library
    • Snippets
    • Interview Questions
  • rest-api
  • system-design
    • Caching
    • Databases
    • Load balancer
    • Scaling
    • System Design for Beginners
    • What happens when you type google.com into your browser's address box and press enter?
  • typescript
  • vscode
    • Overview
    • Fundamentals
    • HTTP
    • HTTP/1 vs HTTP/1.1 vs HTTP/2
    • HTTP Caching
    • CORS
    • Accessibility
    • Browser
    • Cookie, sessionStorage and localStorage
    • IndexedDB
    • Event Delegation
    • Performance
    • Security
    • Security
    • XSS
    • CSRF
    • SQL Injection
    • Encryption, Encoding and Hashing
frontendfrontend-optimization

How to Use Browser DevTools to Debug Performance Issues
What are Reflow and Repaint? How to optimize?
What is debounce? How to implement debounce function

frontendHow to Use Browser DevTools to Debug Performance Issues