Angular - Performance OptimizationHow can you pass complex data like objects or arrays between Angular main thread and Web Worker safely?ASerialize data to JSON string manually before sending.BUse structured cloning via postMessage; avoid functions or DOM nodes.CSend data as global variables accessible by both threads.DUse shared memory to directly access objects.Check Answer
Step-by-Step SolutionSolution:Step 1: Recall Web Worker data transfer rulespostMessage uses structured cloning to transfer data safely between threads.Step 2: Identify data types allowedObjects and arrays can be transferred, but functions and DOM nodes cannot be cloned.Final Answer:Use structured cloning via postMessage; avoid functions or DOM nodes. -> Option BQuick Check:postMessage uses structured cloning for safe data transfer [OK]Quick Trick: postMessage clones data; avoid functions and DOM nodes [OK]Common Mistakes:Trying to share global variables between threadsAssuming JSON serialization is requiredUsing shared memory which is not standard in Angular
Master "Performance Optimization" in Angular9 interactive learning modes - each teaches the same concept differentlyLearnWhyDeepVisualTryChallengeProjectRecallPerf
More Angular Quizzes Advanced Patterns - Dynamic component loading - Quiz 6medium Advanced Patterns - Dynamic component loading - Quiz 5medium Angular Signals - Input signals and model signals - Quiz 6medium Angular Signals - Input signals and model signals - Quiz 14medium Animations - Transition between states - Quiz 12easy Animations - Route transition animations - Quiz 14medium Internationalization and Accessibility - Marking text for translation - Quiz 15hard Internationalization and Accessibility - Accessibility testing basics - Quiz 3easy Performance Optimization - OnPush change detection strategy - Quiz 6medium Testing - Why testing Angular apps matters - Quiz 2easy