| /* | |
| * Map through a big array but act only once every X elts. | |
| */ | |
| const walkXSteps = (modulo, action) => { | |
| let steps = 0 | |
| return () => { | |
| if (steps === 0) { | |
| action() | |
| } |
It may be more efficient to
so you avoid multiple redraws and lower the CPU and memory load It also prevents ‘jittery’ changes to your page and Flashes Of Unstyled Content (FOUC).
| // @flow | |
| /* eslint array-callback-return: "error" */ | |
| /* eslint block-scoped-const: "error" */ | |
| /* eslint no-implied-eval: "error" */ | |
| /* eslint comma-style: ["error", "first"] */ | |
| /* eslint max-len: ["error", 200] */ | |
| /* eslint max-params: ["error", 4] */ | |
| /* eslint-env es6 */ | |
| /* eslint newline-per-chained-call: ["error", { "ignoreChainWithDepth": 2 }] */ | |
| /* eslint operator-linebreak: [2, "before"] */ |
| // @flow | |
| /* | |
| div = ` | |
| <div class="AddressContainBut opContinue"> | |
| <input name="dnn$ctr102128$PersonalDetails$btnContinue" value="Continue" onclick="javascript:WebForm_DoPostBackWithOptions(new WebForm_PostBackOptions(\"dnn$ctr102128$PersonalDetails$btnContinue\", \"\", true, \"\", \"\", false, false))" id="btnContinue" class="ContinueOn" type="submit"> | |
| <p> | |
| <span class="glyphicon glyphicon-info-sign"></span> | |
| You can review your order details on the confirm page. | |
| </p> | |
| </div> |
| // <script> | |
| const service = 'w{{$creative.waveId}}_fullfunnel-gamification' | |
| window.optimost.services[service].opVariant1 = (trial, jQ) => { | |
| try { | |
| if (trial && jQ) { | |
| window.optimost.services[service].creative = 1 | |
| if (!window.d3) { | |
| window.jQuery.getScript('https://cdnjs.cloudflare.com/ajax/libs/d3/3.3.13/d3.min.js') | |
| } |
| // in augmentLoadList | |
| /** | |
| *Excluded Asset Details | |
| *This arrays are for counters and experiments to be excluded/delayed from loading by default | |
| *and later to be fired/loaded after dom assets are loaded | |
| *Each array contains the parameters, | |
| * type - if counter or experiment | |
| * identifier - experiment subject name OR counter id | |
| * (optional) cssselector - for experiments only | |
| */ |
| /** | |
| element { | |
| width: 746px; | |
| height: 1478px; | |
| } | |
| element { | |
| width: 400px; | |
| height: 830px; | |
| } |
| body { | |
| background: url(imagedoc-darknoise.png); | |
| color: white; | |
| margin: 0; | |
| } | |
| /** text background */ | |
| body:before { | |
| content: 'GIGYA'; | |
| font-family: 'Archivo Black', sans-serif; |
| // <script role="opConsoleSetup"> | |
| // Production steps of ECMA-262, Edition 5, 15.4.4.18 | |
| // Reference: http://es5.github.io/#x15.4.4.18 | |
| if (!Array.prototype.forEach) { | |
| Array.prototype.forEach = function (callback /*, thisArg */) { | |
| var T | |
| var k | |
| if (this == null) { | |
| throw new TypeError('this is null or not defined') | |
| } |