javascript / expert
Snippet
Bitweise ArrayBuffer-Filterung für dynamische reaktive Zustände
Kombiniert TypedArrays (Uint8Array), bitweise Bitmasken-Operatoren und Vue shallowRef/computed Instanzen für extrem kompakte Zustandsauswertungen. Durch das Vermeiden von Proxy-Overhead laufen Zustandsoperationen direkt auf rohen Speicherpuffern.
snippet.js
javascript
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
import { shallowRef, computed } from 'vue';const MASK_ACTIVE = 1 << 0;const MASK_ADMIN = 1 << 1;const rawFlags = new Uint8Array([1, 3, 0, 2, 1]);const flagsState = shallowRef(rawFlags);export const activeAdmins = computed(() => {const buf = flagsState.value;const matches = [];for (let i = 0; i < buf.length; i++) {if ((buf[i] & (MASK_ACTIVE | MASK_ADMIN)) === (MASK_ACTIVE | MASK_ADMIN)) {matches.push(i);}}return matches;});
vue
Erklärung
1
const MASK_ACTIVE = 1 << 0;
Definiert Ganzzahl-Bitflags mittels Links-Shift-Operatoren für schnelle Bitmasken-Prüfungen.
2
const flagsState = shallowRef(rawFlags);
Ummantelt das TypedArray in ein shallowRef, um zu verhindern, dass Vue Indizes per Proxy verarbeitet.
3
(buf[i] & (MASK_ACTIVE | MASK_ADMIN))
Wendet bitweises UND mit kombinierter Maske auf Speicher-Bytes innerhalb von Schleifen an.