Hilfsfunktionen
Funktionale Programmierung
| Methode | Beschreibung | Details |
|---|---|---|
| debounce | Entprellende Funktion (debounce) | debounce |
| throttle | Drosselnde Funktion (throttle) | throttle |
| memoize | Funktion zum Merken von Ergebnissen | memoize |
| noop | Funktion, die nichts tut | noop |
| compose | Setzt Middleware-Funktionen zusammen | compose |
Zeichenketten
| Methode | Beschreibung | Details |
|---|---|---|
| md5 | MD5-Hashfunktion | md5 |
| randomString / getRandomString | Erzeugt eine zufällige Zeichenkette | randomString |
| clearBr | Entfernt Leerzeichen, HTML-Tags und Zeilenumbrüche aus einer Zeichenkette | clearBr |
| clearStr | Entfernt Leerzeichen an den Rändern, URL-Kodierung und Anführungszeichen aus einer Zeichenkette | clearStr |
| truncate | Kürzt eine Zeichenkette mit Auslassungspunkten, ohne Unicode zu zerreißen | truncate |
| strParse | Liest eine Zeichenkette als Objekt ein | strParse |
| toString | Wandelt einen Wert in den Typ Zeichenkette um | toString |
| transformText | Wandelt einen ArrayBuffer in Text um | transformText |
| checkEncoding | Erkennt die Zeichenkodierung von Uint8Array-Daten | checkEncoding |
| getMatchingSentences | Holt ganze Sätze heraus, die Schlüsselwörter enthalten | getMatchingSentences |
| isString | Sagt, ob ein Wert vom Typ Zeichenkette ist | isString |
Objekte
| Methode | Beschreibung | Details |
|---|---|---|
| merge / mergeExports | Führt Objekte zusammen; Export-Objekt mit trägen Gettern | merge |
| isEqual | Vergleicht zwei Werte tief auf Gleichheit | isEqual |
| cloneDeep | Klont Objekte oder Arrays in die Tiefe | cloneDeep |
| querystring | Wandelt ein Objekt in den Abfrageteil einer URL um | querystring |
| filterObj | Filtert ein Objekt | filterObj |
| formatJson | Formatiertes JSON | formatJson |
Zahlen
| Methode | Beschreibung | Details |
|---|---|---|
| range | Hält eine Zahl im angegebenen Bereich | range |
| clamp / lerp / inverseLerp / remap / fit / linearstep / smoothstep | Interpolation und Wertebereichswechsel nach Shader-Art | range |
| mathjs | Funktion für exaktes Rechnen mit Zahlen | mathjs |
| perToNum | Wandelt eine Prozentangabe als Zeichenkette in eine Zahl um | perToNum |
| transformNumber | Formt eine Zahl zu einer Zeichenkette mit Einheit | transformNumber |
| addNumSym | Setzt einer Zahl das Plus- oder Minuszeichen voran | addNumSym |
Farbe
| Methode | Beschreibung | Details |
|---|---|---|
| hexToRgb | Wandelt einen hexadezimalen Farbwert in RGB um | hexToRgb |
| rgbToHex | Wandelt RGB-Werte in einen hexadezimalen Farbwert um | rgbToHex |
| randomColor | Erzeugt ein zufälliges Farbobjekt | randomColor |
| Color / ColorScheme | Color-Klasse, Wertklassen, Umrechnungen, Palettengenerator | Color |
| blendScreen / blendMultiply / blendOverlay / luma / vibrance / cosinePalette / srgbToLinear | Farbmischung und -korrektur nach Shader-Art (Kanäle von 0 bis 1) | Color |
Zeit
| Methode | Beschreibung | Details |
|---|---|---|
| formatDuration | Wandelt eine Zeit in Sekunden in eine formatierte Zeichenkette um | formatDuration |
| formatRelative | Beschreibt einen Zeitpunkt im Verhältnis zu jetzt („vor 3 Tagen“) | formatRelative |
| parseVttTimestamp / parseVttCueTiming | Liest die Zeitzeilen von WebVTT-Untertiteln | parseVttTimestamp |
| timestampToTime | Wandelt einen Zeitstempel in ein Date-Objekt um | timestampToTime |
| performanceTime | Liefert einen hochauflösenden Zeitstempel | performanceTime |
Geräteerkennung
| Methode | Beschreibung | Details |
|---|---|---|
| isMobile | Sagt, ob das Gerät mobil ist | isMobile |
| isWeiXin | Sagt, ob der Browser der von WeChat ist | isWeiXin |
| isClient | Sagt, ob die Umgebung die des Clients ist | isClient |
| isSafari | Sagt, ob der Browser Safari ist | isSafari |
| currentDevice | Liefert die aktuelle Geräteart | currentDevice |
Arbeiten mit dem DOM
| Methode | Beschreibung | Details |
|---|---|---|
| addClassToElement | Fügt einem DOM-Element einen CSS-Klassennamen hinzu | addClassToElement |
| removeClassToElement | Nimmt einem DOM-Element einen CSS-Klassennamen weg | removeClassToElement |
| createDocumentFragment | Erzeugt ein DocumentFragment | createDocumentFragment |
| escapeHtml | Maskiert HTML-Sonderzeichen | escapeHtml |
| Chain | Verkettbare Klasse für Arbeiten am DOM | Chain |
| create | Hilfsfunktion zum Erzeugen von DOM-Elementen | create |
| EventManager / createDoubleTapDetector | Eingegrenzte Listener-Verwaltung und Doppeltipp-Erkennung | EventManager |
| adoptStyles | Schiebt Stylesheet-Text in eine Shadow Root | adoptStyles |
| computePlacement | Klappt oder verschiebt ein schwebendes Panel gegenüber seinem Anker | computePlacement |
| setFontSize2html | Viewport-Skalierung über flexibles rem für mobile Layouts | setFontSize2html |
Medien
| Methode | Beschreibung | Details |
|---|---|---|
| AudioRecorder | Nimmt Mikrofonton in ein Blob auf |
AudioRecorder |
| createSpeechRecognizer | Sprache zu Text über die Web Speech API | createSpeechRecognizer |
Speicher
| Methode | Beschreibung | Details |
|---|---|---|
| localStorageGetItem | Liest einen Wert aus dem localStorage | localStorageGetItem |
| localStorageSetItem | Legt einen Wert im localStorage ab | localStorageSetItem |
URL und Abfrageparameter
| Methode | Beschreibung | Details |
|---|---|---|
| getAllQueryString | Holt die Abfrageparameter aus einer URL | getAllQueryString |
| encodeUrl | Kodiert eine URL sicher | encodeUrl |
| appendUrl | Hängt Abfrageparameter an eine URL an | appendUrl |
Cookies
| Methode | Beschreibung | Details |
|---|---|---|
| getCookie | Liefert den Wert des angegebenen Cookies | getCookie |
| getCookieByName | Liefert einen Cookie-Wert per regulärem Ausdruck | getCookieByName |
Bilder
| Methode | Beschreibung | Details |
|---|---|---|
| convertImageToBase64 | Wandelt eine Bilddatei in Base64 um | convertImageToBase64 |
| isImageSize | Prüft die Maße einer Bilddatei | isImageSize |
Leistung
| Methode | Beschreibung | Details |
|---|---|---|
| getPerformance | Liefert die Leistungskennzahlen der Seite | getPerformance |
| getFrame | Ermittelt die Bildrate | getFrame |
| getPixelRatio | Liefert das Auflösungsverhältnis des Canvas | getPixelRatio |
Netzwerk
| Methode | Beschreibung | Details |
|---|---|---|
| imageRequest | Misst die Netzlatenz über eine Bildanfrage | imageRequest |
| networkSpeed | Misst Ping und Schwankung des Netzes | networkSpeed |
| connection | Liefert Angaben zur aktuellen Netzverbindung | connection |
| getStatus / status | Nachschlagen in beide Richtungen zwischen HTTP-Statuscode und Meldung | getStatus |
Browser
| Methode | Beschreibung | Details |
|---|---|---|
| getWindow | Liefert die Größe des sichtbaren Fensters | getWindow |
| createObjectURL / requestUrlToBuffer | Erzeugt eine Object-URL; holt eine URL als rohe Bytes | createObjectURL |
Skripte laden
| Methode | Beschreibung | Details |
|---|---|---|
| scriptOnLoad | Fügt script- oder link-Tags zur Laufzeit ein | scriptOnLoad |
Fehlerbehandlung
| Methode | Beschreibung | Details |
|---|---|---|
| handleConsole | Fängt Aufrufe der console-Methoden ab und behandelt sie | handleConsole |
| handleError | Globale Fehlerbehandlung | handleError |
| handleFetchHook | Fängt fetch-Anfragen ab und behandelt sie | handleFetchHook |
Sonstiges
| Methode | Beschreibung | Details |
|---|---|---|
| TOTP | Generator für zeitbasierte Einmalkennwörter | TOTP |
| createSignal | Erzeugt ein reaktives Signal | createSignal |
| setMime / MimeType | Setzt oder aktualisiert die Zuordnung von MIME-Typen | setMime |
| getExtensions | Liefert die Dateiendungen zu einem MIME-Typ | getExtensions |
| SyncHook | Klasse für synchrone Ereignis-Hooks | SyncHook |
| durationHandler | Erzeugt eine verzögert ausgeführte Funktion | durationHandler |