.list-item {
  /* 1. Не рисуем элемент, пока он вне экрана */ 
  content-visibility: auto;

  /* 2. Задаем примерную высоту (40px) */
  /* auto позволяет браузеру запомнить реальный размер после первого рендера */
  contain-intrinsic-size: auto 40px; 
}

const sourceArray = Array(100_000).fill(0); 
// создаем массив на 100к элементов и заполняем "нулями"

// spread
for (let i = 0; i < 1_000; i++) {
  ([...sourceArray]);
}

// concat
for (let i = 0; i < 1_000; i++) {
  [].concat(sourceArray);
}

// slice
for (let i = 0; i < 1_000; i++) {
  sourceArray.slice();
}

let state0 = 1n; // неизвестно
let state1 = 2n; // неизвестно

function xorshift128plus() {
  let s1 = state0
  let s0 = state1

  state0 = s0

  s1 ^= (s1 << 23n) & 0xFFFFFFFFFFFFFFFFn
  s1 ^= s1 >> 17n
  s1 ^= s0
  s1 ^= s0 >> 26n

  state1 = s1

  return (state0 + state1) & 0xFFFFFFFFFFFFFFFFn
}

console.log([...Array(5)].map(() => Math.random()))

const token = Math.random().toString(36).slice(2)

https://some-site.com/reset-password?token=...

const sourceRandom = parseInt(hash, 36) / Math.pow(36, hash.length)

import { randomBytes } from 'node:crypto';

const token = randomBytes(32).toString('hex');

const file = openFile('data.txt');
try {
  file.write('hello');
} finally {
  file.close(); // рутина, которую легко забыть
}

function writeData() {
  using file = openFile('data.txt');
  file.write('hello');
} // При выходе из функции файл закроется САМ!

class TempLogger {
  constructor() {
    this.timer = setInterval(() => console.log('tick'), 1000);
  }

  [Symbol.dispose]() {
    clearInterval(this.timer);
    console.log('Очищено!');
  }
}

{
  using logger = new TempLogger();
  // ... делаем дела
} // тут в консоль упадет 'Очищено!' и таймер умрет

async function dbWork() {
  await using tx = new Transaction();
  await tx.execute('UPDATE...');
  
  // Если тут упадет ошибка, транзакция сама откатится перед выходом!
}

{
  "compilerOptions": {
    "lib": ["esnext.disposable"]
  }
}

using db = connect();
db = newConnection(); // ❌ TypeError: Assignment to constant variable.

@state-variant Variant {
  values: primary, danger;
}

@state-def Button(--variant Variant: primary, --disabled boolean) {
  padding: 8px 16px;

  @if (--disabled) {
    opacity: 0.5;
    pointer-events: none;
  }
  @if (--variant == primary) {
    background: blue;
  }
}

import styles from './Button.ecss'

<button {...styles.Button({ variant: 'primary' })}>

npm install -D @ecss/vite-plugin @ecss/typescript-plugin

import styles from './Button.ecss';

export function Button({ variant, disabled, children }) {
  return (
    <button {...styles.Button({ variant, disabled })}>
      {children}
    </button>
  );
}

<script setup lang="ts">
import styles from './Button.ecss'

const { variant, disabled } = defineProps<{
  variant?: 'primary' | 'danger'
  disabled?: boolean
}>()
</script>

<template>
  <button v-bind="styles.Button({ variant, disabled })">
    <slot />
  </button>
</template>

npx @webeach/dist-guard

{
  "scripts": {
    "build": "vite build",
    "scan": "dist-guard",
    "release": "npm run build && npm run scan && npm run deploy"
  }
}

- name: Security Scan
  run: pnpm dist-guard

// package.json
{
  "distGuard": {
    "include": ["{dist,build}/**/*.*"],
    "exclude": ["**/*.map"],
    "ignoreRules": ["GenericAPIKey"]
  }
}

// создаём iframe
const iframe = document.createElement('iframe');

document.body.append(iframe);

// объект window из iframe
const iframeWindow = iframe.contentWindow;

console.log(window.Array === iframeWindow.Array);
console.log(window.Object === iframeWindow.Object);
console.log(window.setTimeout === iframeWindow.setTimeout);

// создаём объект внутри iframe
iframeWindow.eval('window.testObject = {};');

// получаем ссылку на него
const testObject = iframeWindow.testObject;

// проверяем принадлежность к Object
console.log(testObject instanceof Object);

<iframe class="my-widget" src="/widgets/my-widget.html"></iframe>

<script>
window.CONFIG = {
  data: {},
  entities: [{ name: 'one', value: 1 }],
};
</script>

const rootConfig = window.top.CONFIG;

rootConfig.entities.map((item) => { ... });

if (rootConfig.entities instanceof Array) {
  // ...
}

if (Array.isArray(rootConfig.entities)) {
  // ...
}

// основная вкладка
window.SOME_DATA = {};

const authWindow = window.open();

// код в новом окне
const data = window.opener.SOME_DATA;

if (data instanceof Object) {
  // никогда не выполнится
}

function isPlainObject(object) {
  if (object !== null && typeof object === 'object') {
    const proto = Object.getPrototypeOf(object);

    return (
      // обычный объект из текущего контекста
      proto === Object.prototype ||
      // объект без прототипа (Object.create(null))
      proto === null ||
      // объект из другого realm (например, iframe)
      // проверяем, что его прототип — базовый Object.prototype того мира
      Object.getPrototypeOf(proto) === null
    );
  }

  return false;
}