xxx
{"ScriptPreparationCode":"element1 = document.querySelector(\u0022div\u0022);\r\n\r\nx = () =\u003E {\r\nelement1.textContent = \u0022x\u0022;\r\nelement1.textContent = \u0022b\u0022;\r\nelement1.textContent = \u0022c\u0022;\r\nelement1.textContent = \u0022d\u0022;\r\nelement1.textContent = \u0022e\u0022;\r\n};\r\n\r\ny = () =\u003E {\r\n//element1.textContent = \u0022x\u0022;\r\n//element1.textContent = \u0022b\u0022;\r\nelement1.textContent = \u0022c\u0022;\r\nelement1.textContent = \u0022d\u0022;\r\n};\r\n\r\nxf = function () {\r\nelement1.textContent = \u0022x\u0022;\r\nelement1.textContent = \u0022b\u0022;\r\nelement1.textContent = \u0022c\u0022;\r\nelement1.textContent = \u0022d\u0022;\r\nelement1.textContent = \u0022e\u0022;\r\n};\r\n\r\nyf = function () {\r\n//element1.textContent = \u0022x\u0022;\r\n//element1.textContent = \u0022b\u0022;\r\nelement1.textContent = \u0022c\u0022;\r\nelement1.textContent = \u0022d\u0022;\r\n};","TestCases":[{"Name":"el.textContent 3x","Code":"element1.textContent = \u0022x\u0022;\r\nelement1.textContent = \u0022b\u0022;\r\nelement1.textContent = \u0022c\u0022;\r\nelement1.textContent = \u0022d\u0022;\r\nelement1.textContent = \u0022e\u0022;","IsDeferred":false},{"Name":"el.textContent 1x","Code":"//element1.textContent = \u0022x\u0022;\r\n//element1.textContent = \u0022b\u0022;\r\nelement1.textContent = \u0022c\u0022;\r\nelement1.textContent = \u0022d\u0022;","IsDeferred":false},{"Name":"el.textContent 3x with requestAnimationFrame and function inside","Code":"requestAnimationFrame(function(){\r\nelement1.textContent = \u0022x\u0022;\r\nelement1.textContent = \u0022b\u0022;\r\nelement1.textContent = \u0022c\u0022;\r\nelement1.textContent = \u0022d\u0022;\r\nelement1.textContent = \u0022e\u0022;\r\n});","IsDeferred":false},{"Name":"el.textContent 1x with requestAnimationFrame and function inside","Code":"requestAnimationFrame(function(){\r\n//element1.textContent = \u0022x\u0022;\r\n//element1.textContent = \u0022b\u0022;\r\nelement1.textContent = \u0022c\u0022;\r\nelement1.textContent = \u0022d\u0022;\r\n});","IsDeferred":false},{"Name":"el.textContent 3x with requestAnimationFrame and arrow function inside","Code":"requestAnimationFrame(()=\u003E{\r\nelement1.textContent = \u0022x\u0022;\r\nelement1.textContent = \u0022b\u0022;\r\nelement1.textContent = \u0022c\u0022;\r\nelement1.textContent = \u0022d\u0022;\r\nelement1.textContent = \u0022e\u0022;\r\n});","IsDeferred":false},{"Name":"el.textContent 1x with requestAnimationFrame and arrow function inside","Code":"requestAnimationFrame(()=\u003E{\r\n//element1.textContent = \u0022x\u0022;\r\n//element1.textContent = \u0022b\u0022;\r\nelement1.textContent = \u0022c\u0022;\r\nelement1.textContent = \u0022d\u0022;\r\n});","IsDeferred":false},{"Name":"el.textContent 3x with requestAnimationFrame and function outside","Code":"requestAnimationFrame(xf);","IsDeferred":false},{"Name":"el.textContent 1x with requestAnimationFrame and function outside","Code":"requestAnimationFrame(yf);","IsDeferred":false},{"Name":"el.textContent 3x with requestAnimationFrame and arrow function outside","Code":"requestAnimationFrame(x);","IsDeferred":false},{"Name":"el.textContent 1x with requestAnimationFrame and arrow function outside","Code":"requestAnimationFrame(y);","IsDeferred":false}]}