e8fbfb14c1
Add coexistence checks to all enqueue methods to prevent loading both React and Grid.js assets simultaneously. Changes: - ReactAdmin.php: Only enqueue React assets when ?react=1 - Init.php: Skip Grid.js when React active on admin pages - Form.php, Coupon.php, Access.php: Restore classic assets when ?react=0 - Customer.php, Product.php, License.php: Add coexistence checks Now the toggle between Classic and React versions works correctly. Co-authored-by: Claude Opus 4.7 <noreply@anthropic.com>
52 lines
2.0 KiB
Markdown
52 lines
2.0 KiB
Markdown
#`requestIdleCallback` polyfill/shim [](https://travis-ci.org/aFarkas/requestIdleCallback)
|
|
|
|
This is a polyfill/shim for the `requestIdleCallback` and `cancelIdleCallback` API. Also fixes early API implementation.
|
|
|
|
For more information see the [Cooperative Scheduling of Background Tasks Draft](http://www.w3.org/TR/requestidlecallback/).
|
|
|
|
##Installation
|
|
Include the "index.js" in your website and use `requestIdleCallback` and `cancelIdleCallback` according to the specification.
|
|
|
|
##How it works
|
|
`requestIdleCallback` can't be really polyfilled. Therefore `requestIdleCallback` basically includes a throttle like function, that uses some heuristics to detect a) long running frames and b) user input as also DOM mutations to adapt accordingly. `requestIdleCallback` also tries to get the time right after a frame commit. The `deadline.timeRemaining()` either starts with 7ms or with 22ms for the first scheduled callback.
|
|
|
|
If multiple functions are scheduled with the `requestIdleCallback` shim for the same idle time, the shim makes sure to split those functions as soon as `timeRemaining()` is exceeded.
|
|
|
|
##Usage
|
|
|
|
If you have a fast or a non-splittable task:
|
|
|
|
```js
|
|
requstIdleCallback(function(){
|
|
//your task
|
|
});
|
|
```
|
|
|
|
In case you have a heavy and splittable task you can use efficient script yielding technique:
|
|
|
|
```js
|
|
requestIdleCallback(function(deadline){
|
|
while(tasks.length && deadline.timeRemaining() > 0){
|
|
tasks.shift()();
|
|
}
|
|
|
|
if(tasks.length){
|
|
requestIdleCallback(runTasks);
|
|
}
|
|
});
|
|
```
|
|
|
|
**Reading vs writing layout:** `requestIdleCallback` is mainly for layout neutral or layout reading/measuring tasks. In case you want to write layout/manipulate the DOM consider using `requestAnimationFrame` instead.
|
|
|
|
Of course `requestIdleCallback` can also be combined with `requestAnimationFrame`:
|
|
|
|
```js
|
|
requstIdleCallback(function(){
|
|
var width = element.offsetWidth;
|
|
|
|
requestAnimationFrame(function(){
|
|
element.classList[width > 600 ? 'add' : 'remove']('is-large');
|
|
});
|
|
});
|
|
```
|