| Lesson 1 - Iterations | |
| - BinaryGap - https://codility.com/demo/results/trainingU2FQPQ-7Y4/ | |
| Lesson 2 - Arrays | |
| - OddOccurrencesInArray - https://codility.com/demo/results/trainingFN5RVT-XQ4/ | |
| - CyclicRotation - https://codility.com/demo/results/trainingSH2W5R-RP5/ | |
| Lesson 3 - Time Complexity | |
| - FrogJmp - https://codility.com/demo/results/training6KKWUD-BXJ/ | |
| - PermMissingElem - https://codility.com/demo/results/training58W4YJ-VHA/ |
All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.
Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.
elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent
| <!doctype html> | |
| <html> | |
| <head> | |
| <!-- Priority tags. These must come first. --> | |
| <meta charset="utf-8"> | |
| <meta http-equiv="x-ua-compatible" content="ie=edge; chrome=1"> <!-- Render Chrome if available or using latest version of Internet Explorer (Recommended). --> | |
| <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no"> | |
| <!-- Document Title --> | |
| <title>Page Title</title> | |
| <!-- Allows control over where resources are loaded from. Place as early in the document as possible, only applies to content below this tag. --> |