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
| function mapValues(obj, fn) { | |
| return Object.keys(obj).reduce((result, key) => { | |
| result[key] = fn(obj[key], key); | |
| return result; | |
| }, {}); | |
| } | |
| function pick(obj, fn) { | |
| return Object.keys(obj).reduce((result, key) => { | |
| if (fn(obj[key])) { |
| // data = ctx.getImageData(0, 0, image.width, image.height).data; | |
| // | |
| // mediancut(data, colorCount); | |
| // returns [[255,55,255], [233,34,233], [144,34,233], [89,34,233]]; | |
| function mediancut(data, n){ | |
| var boxes = [getBoundingBox(data)]; | |
| if(n !== 1){ | |
| boxes = cut(boxes[0]); | |
| while(boxes.length < n){ |
| " status bar colors | |
| au InsertEnter * hi statusline guifg=black guibg=#d7afff ctermfg=black ctermbg=magenta | |
| au InsertLeave * hi statusline guifg=black guibg=#8fbfdc ctermfg=black ctermbg=cyan | |
| hi statusline guifg=black guibg=#8fbfdc ctermfg=black ctermbg=cyan | |
| " Status line | |
| " default: set statusline=%f\ %h%w%m%r\ %=%(%l,%c%V\ %=\ %P%) | |
| " Status Line Custom | |
| let g:currentmode={ |
The package that linked you here is now pure ESM. It cannot be require()'d from CommonJS.
This means you have the following choices:
import foo from 'foo' instead of const foo = require('foo') to import the package. You also need to put "type": "module" in your package.json and more. Follow the below guide.await import(…) from CommonJS instead of require(…).