aktueller Standort:Heim > Technische Artikel > Web-Frontend

  • So erstellen Sie einen KI-Agenten, der über Ihren Bildschirm und Ihr Mikrofon gesteuert wird
    So erstellen Sie einen KI-Agenten, der über Ihren Bildschirm und Ihr Mikrofon gesteuert wird
    Screenpipe: Eine CLI/App für Bildschirm- und Mikrofonaufzeichnung, OCR, Transkription und KI-Integration rund um die Uhr Screenpipe ist eine Befehlszeilenschnittstellenanwendung (CLI), die kontinuierlich Ihre Bildschirm- und Mikrofonaktivitäten aufzeichnet und optische Zeichenerkennungsfunktionen extrahiert
    js-Tutorial 534 2025-01-22 08:35:10
  • Bluesky OAuthlient, mit Vanilla JavaScript
    Bluesky OAuthlient, mit Vanilla JavaScript
    Dieser Beitrag beschreibt die Integration der Bluesky-Authentifizierung (OAuth DPoP) in eine serverlose Clientanwendung, die nur Vanilla-JavaScript verwendet. Es handelt sich um eine konzeptionelle Veranschaulichung und aufgrund des Ablaufs des Tokens nicht um ein voll funktionsfähiges Beispiel. Einführung Wir werden explodieren
    js-Tutorial 407 2025-01-22 08:34:10
  • Web-Frameworks: Die Zukunft
    Web-Frameworks: Die Zukunft
    Kürzlich löste ein Livestream-Moderator einen interessanten Gedanken aus: „In einem Jahrzehnt ist React möglicherweise nicht mehr mein bevorzugtes Framework.“ Dies brachte mich dazu, über die Entwicklung von Web-Frameworks nachzudenken. Lassen Sie uns einige mögliche Richtungen erkunden. Syntax: Eine Mischung aus HTML und
    js-Tutorial 645 2025-01-22 08:32:08
  • Tägliche JavaScript-Herausforderung #JS – Zyklische Abhängigkeit in einem gerichteten Diagramm erkennen
    Tägliche JavaScript-Herausforderung #JS – Zyklische Abhängigkeit in einem gerichteten Diagramm erkennen
    Tägliche JavaScript-Herausforderung: Zyklen in einem gerichteten Diagramm identifizieren Hallo Entwickler! Diese tägliche JavaScript-Herausforderung wird Ihnen helfen, Ihre Programmierkenntnisse zu verbessern. Details zur Herausforderung Schwierigkeit: Mittel Thema: Graphentheorie Objektiv: Schreiben Sie eine JavaScript-Funktion
    js-Tutorial 256 2025-01-22 08:30:12
  • React Foundations abgeschlossen!
    React Foundations abgeschlossen!
    Grundlegendes Lernen abgeschlossen! Beherrschte Hooks wie useState, useCallback, useEffect und useRef und lernte, wie man Tailwind CSS in React verwendet. Außerdem einige kleine Projekte abgeschlossen: Zähler-App, Hintergrundwechsler und Passwortgenerator. Ich freue mich darauf, weiter zu erkunden!
    js-Tutorial 774 2025-01-22 08:29:08
  • Wiederbelebung eines veralteten Projekts
    Wiederbelebung eines veralteten Projekts
    Diese Woche habe ich einige Wartungsarbeiten an Starchart durchgeführt. An dem Projekt wurde eine Weile nicht gearbeitet, daher versuchen wir, seine Abhängigkeiten zu aktualisieren. DevelopingSpace / Sternendiagramm A
    js-Tutorial 107 2025-01-22 06:30:16
  • Erstellen eines Generators für zufällige Zitate: Eine Schritt-für-Schritt-Anleitung mit Code
    Erstellen eines Generators für zufällige Zitate: Eine Schritt-für-Schritt-Anleitung mit Code
    Dieses Tutorial führt Sie durch die Erstellung einer praktischen Random Quotes Generator-Anwendung, die sich perfekt zum Erlernen der Codierungsgrundlagen eignet. Wir werden jeden Schritt mit detaillierten Codebeispielen abdecken, damit Anfänger ihn leicht nachvollziehen können. Projektübersicht T
    CSS-Tutorial 465 2025-01-22 04:46:21
  • Entwerfen einer belastbaren Benutzeroberfläche: Erweiterte Muster und Zugänglichkeit für die Fehlerbehandlung in React
    Entwerfen einer belastbaren Benutzeroberfläche: Erweiterte Muster und Zugänglichkeit für die Fehlerbehandlung in React
    Erstellen robuster React-Benutzeroberflächen: Erweiterte Fehlerbehandlungsmuster und Zugänglichkeit Der Aufbau einer starken Benutzeroberfläche umfasst mehr als nur die Anzeige von Fehlermeldungen. In diesem Artikel werden erweiterte Fehlergrenzenmuster, globale Fehlerbehandlungsstrategien und Barrierefreiheitsprobleme beim inklusiven Fallback-UI-Design in React untersucht. Lasst uns eintauchen! Erweiterter Fehlergrenzenmodus React 19 führt die integrierte ErrorBoundary-Komponente ein, die die Fehlerbehandlung vereinfacht und sich an moderne React-Praktiken anpasst. Verwenden Sie die integrierten Fehlergrenzen von React Die neue ErrorBoundary-Komponente ist eine funktionale, deklarative Möglichkeit, Fehler im Komponentenbaum abzufangen und zu behandeln: import { Fehler
    js-Tutorial 137 2025-01-22 04:43:12
  • Die besten leselosen UI-Bibliotheken für React-Entwickler
    Die besten leselosen UI-Bibliotheken für React-Entwickler
    Unverzichtbar für React-Entwickler: sieben hervorragende Empfehlungen für nicht gestaltete UI-Bibliotheken Stillose UI-Bibliotheken sind für React-Entwickler von entscheidender Bedeutung, da sie die Kernfunktionalität von UI-Komponenten bereitstellen, ohne vordefinierte Stile aufzuerlegen. Diese Flexibilität ermöglicht es Entwicklern, leicht zugängliche und anpassbare Schnittstellen zu erstellen. Hier sind sieben handverlesene, großartige, nicht gestaltete UI-Bibliotheken, die Ihr Entwicklungserlebnis verbessern. Headless UI (offizielle Website) Headless UI wurde von den Entwicklern von Tailwind CSS entwickelt und bietet vollständig zugängliche, nicht gestaltete Komponenten wie Modals, Tabs und Popovers. Zu den Highlights gehören: Mit Rückenwind
    CSS-Tutorial 229 2025-01-22 04:40:12
  • Aboat Ehsan Yousefian – Webentwickler
    Aboat Ehsan Yousefian – Webentwickler
    Ehsan Yousefian: Ein führender Webentwickler – Fachwissen und Erfolge Der Bereich der Webentwicklung entwickelt sich ständig weiter und erfordert qualifizierte Fachkräfte, die in der Lage sind, außergewöhnliche digitale Erlebnisse zu schaffen. Ehsan Yousefian sticht als einer der führenden Filmemacher hervor
    js-Tutorial 303 2025-01-22 04:39:16
  • Lösen von „Uncaught (in Promise) ReferenceError: Exports ist nicht definiert' in Nuxt.js mit Vee-Validate
    Lösen von „Uncaught (in Promise) ReferenceError: Exports ist nicht definiert' in Nuxt.js mit Vee-Validate
    Bei der Verwendung von vee-validate in einem Nuxt.js-Projekt ist der folgende Fehler aufgetreten: Nicht abgefangen (in Versprechen) ReferenceError: Exports ist nicht definiert Dies ist kein ungewöhnliches Problem! Dieser Fehler wird normalerweise durch eine falsche Transpilierung der Vee-Validate-Bibliothek verursacht, die moderne ES-Module verwendet. In diesem Artikel wird erklärt, wie Sie dieses Problem beheben und sicherstellen können, dass alles reibungslos läuft. Fehlergrund Dieser Fehler tritt auf, weil Nuxt.js (insbesondere bei Ausführung im SSR-Modus) manchmal explizite Anweisungen zum Transpilieren moderner Bibliotheken wie vee-validate erfordert
    js-Tutorial 148 2025-01-22 04:36:15
  • Verwalten Sie die TOML-Konfiguration über die VSCode-Erweiterung – DBChat Teil 8
    Verwalten Sie die TOML-Konfiguration über die VSCode-Erweiterung – DBChat Teil 8
    Shrijith Venkatrama, Gründer von Hexmos, entwickelt LiveAPI, ein äußerst praktisches Tool, das Engineering-Workflows rationalisiert, indem es in nur wenigen Minuten eine großartige API-Dokumentation aus Ihrem Code generiert. In dieser Tutorialreihe baue ich mir DBChat – ein einfaches Tool zum Erkunden und Verbessern von Datenbanken mithilfe von KI-Chat. Weiteren Kontext finden Sie in den vorherigen Artikeln: Erstellen von DBChat – Erkunden und verbessern Sie Ihre Datenbank mit einfachem Chat (Teil 1) DBChat: Starten einer Spielzeug-REPL in Golang (Teil 2) DBChat Teil 3
    js-Tutorial 973 2025-01-22 04:32:11
  • Schnelles Ruby on Rails-Frontend mit Zero CSS als klassenloses CSS-Framework
    Schnelles Ruby on Rails-Frontend mit Zero CSS als klassenloses CSS-Framework
    Dieser Artikel ist den vorherigen Artikeln dieser Reihe sehr ähnlich, dieses Mal verwenden wir jedoch ein neu erstelltes hervorragendes CSS-Framework CSS Zero, das für „No Build“-Projekte oder Ruby on Rails-Anwendungen verwendet werden kann, die „Build“ erfordern. Es ist zu beachten, dass das CSS Zero-Framework nicht darauf abzielt, ein vollständig klassenloses oder leichtes klassenloses Framework zu sein. Die in diesem Artikel vorgeschlagenen Änderungen dienen nur zu Testzwecken und dienen dazu, alle Elemente auf der HTML-Seite dieses Tutorials zu formatieren, ohne Klassen hinzuzufügen. Daher können einige HTML-Elemente anders formatiert sein als die Stile, Designs, Layouts usw
    CSS-Tutorial 673 2025-01-22 04:18:14
  • JavaScript-Array-Methoden, Under the Hood, Teil
    JavaScript-Array-Methoden, Under the Hood, Teil
    In diesem Artikel setzen wir unsere Untersuchung der JavaScript-Array-Methoden fort. Wenn Sie neu in dieser Serie sind, finden Sie Teil 1 hier. Wir untersuchen mehrere gängige Array-Methoden – Math.max(), Math.min(), .reverse(), .filter() und .reduce() – und zeigen, wie man das erreicht
    js-Tutorial 432 2025-01-22 02:35:08
  • So erstellen Sie ein Kontaktformular in React mit EmailJS
    So erstellen Sie ein Kontaktformular in React mit EmailJS
    Der Aufbau eines robusten Kontaktformulars für Ihre Website oder Ihr Portfolio kann schwierig sein, insbesondere wenn Sie E-Mail-Übermittlungen ohne Backend-Server verwalten möchten. EmailJS bietet eine optimierte Lösung! Dieses Tutorial führt Sie durch die Integration von EmailJS in
    js-Tutorial 478 2025-01-22 02:34:10

Werkzeugempfehlungen

Kontaktcode für das jQuery-Enterprise-Nachrichtenformular

Der Kontaktcode für das jQuery-Unternehmensnachrichtenformular ist ein einfacher und praktischer Unternehmensnachrichtenformular- und Kontaktcode für die Einführungsseite.

Wiedergabeeffekte für HTML5-MP3-Spieluhren

Der Spezialeffekt „HTML5 MP3-Musikbox-Wiedergabe“ ist ein MP3-Musikplayer, der auf HTML5+CSS3 basiert, um niedliche Musikbox-Emoticons zu erstellen und auf die Schaltfläche „Umschalten“ zu klicken.

HTML5 coole Partikelanimations-Navigationsmenü-Spezialeffekte

Der Spezialeffekt „HTML5 Cool Particle Animation“ für das Navigationsmenü ist ein Spezialeffekt, der seine Farbe ändert, wenn die Maus über das Navigationsmenü bewegt wird.
Menünavigation
2024-02-29

Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare

Der Drag-and-Drop-Bearbeitungscode für visuelle jQuery-Formulare ist eine visuelle Form, die auf jQuery und dem Bootstrap-Framework basiert.

Webvorlage für Bio-Obst- und Gemüselieferanten Bootstrap5

Eine Webvorlage für Bio-Obst- und Gemüselieferanten – Bootstrap5
Bootstrap-Vorlage
2023-02-03

Bootstrap3 multifunktionale Dateninformations-Hintergrundverwaltung, responsive Webseitenvorlage – Novus

Bootstrap3 multifunktionale Dateninformations-Hintergrundverwaltung, responsive Webseitenvorlage – Novus
Backend-Vorlage
2023-02-02

Webseitenvorlage für die Immobilienressourcen-Serviceplattform Bootstrap5

Webseitenvorlage für die Immobilienressourcen-Serviceplattform Bootstrap5
Bootstrap-Vorlage
2023-02-02

Einfache Webvorlage für Lebenslaufinformationen Bootstrap4

Einfache Webvorlage für Lebenslaufinformationen Bootstrap4
Bootstrap-Vorlage
2023-02-02

可爱的夏天元素矢量素材(EPS+PNG)

这是一款可爱的夏天元素矢量素材,包含了太阳、遮阳帽、椰子树、比基尼、飞机、西瓜、冰淇淋、雪糕、冷饮、游泳圈、人字拖、菠萝、海螺、贝壳、海星、螃蟹、柠檬、防晒霜、太阳镜等等,素材提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG material
2024-05-09

四个红的的 2023 毕业徽章矢量素材(AI+EPS+PNG)

这是一款红的的 2023 毕业徽章矢量素材,共四个,提供了 AI 和 EPS 和免扣 PNG 等格式,含 JPG 预览图。
PNG material
2024-02-29

唱歌的小鸟和装满花朵的推车设计春天banner矢量素材(AI+EPS)

这是一款由唱歌的小鸟和装满花朵的推车设计的春天 banner 矢量素材,提供了 AI 和 EPS 两种格式,含 JPG 预览图。
Banner image
2024-02-29

金色的毕业帽矢量素材(EPS+PNG)

这是一款金色的毕业帽矢量素材,提供了 EPS 和免扣 PNG 两种格式,含 JPG 预览图。
PNG material
2024-02-27

Website-Vorlage für Reinigungs- und Reparaturdienste für Inneneinrichtungen

Die Website-Vorlage für Reinigungs- und Wartungsdienste für Heimdekoration ist ein Website-Vorlagen-Download, der sich für Werbewebsites eignet, die Heimdekorations-, Reinigungs-, Wartungs- und andere Dienstleistungsorganisationen anbieten. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-05-09

Persönliche Lebenslauf-Leitfaden-Seitenvorlage in frischen Farben

Die Vorlage „Fresh Color Matching“ für die Lebenslauf-Leitfadenseite für persönliche Bewerbungen ist eine persönliche Webvorlage zum Herunterladen von Lebensläufen für die Jobsuche, die für einen frischen Farbabstimmungsstil geeignet ist. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-29

Web-Vorlage für kreativen Job-Lebenslauf für Designer

Die Webvorlage „Designer Creative Job Resume“ ist eine herunterladbare Webvorlage für die Anzeige persönlicher Lebensläufe, die für verschiedene Designerpositionen geeignet ist. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-28

Website-Vorlage eines modernen Ingenieurbauunternehmens

Die Website-Vorlage für moderne Ingenieur- und Bauunternehmen ist eine herunterladbare Website-Vorlage, die sich zur Förderung der Ingenieur- und Baudienstleistungsbranche eignet. Tipp: Diese Vorlage ruft die Google-Schriftartenbibliothek auf und die Seite wird möglicherweise langsam geöffnet.
Frontend-Vorlage
2024-02-28