aktueller Standort:Heim > Technische Artikel > Web-Frontend

  • Ein Anfängerleitfaden zu federn.js
    Ein Anfängerleitfaden zu federn.js
    Feathers.js: Ein Leitfaden zum schnellen Erstellen eines erholsamen API -Servers Kernpunkte: Feathers.js vereinfacht die Erstellung von erholsamen API -Servern, übernimmt die meisten doppelten Backend -Arbeiten und ermöglicht es Entwicklern, sich auf Codeanpassung und -konfiguration zu konzentrieren. Das Framework basiert auf Express, unterstützt die SQL- und NoSQL -Datenbanken und verwendet Dienste, die automatisch den erforderlichen Code generieren, sodass CRUD -Vorgänge einfach durchgeführt werden können. Authentifizierung in feathers.js kann JSON Web Token (JWT) zum Schutz der API -Endpunkte verwenden, um sicherzustellen, dass nur autorisierte Benutzer auf Daten zugreifen oder diese ändern können. Haken in federn.js (ho
    js-Tutorial 997 2025-02-14 09:55:13
  • Vue Chrome Extension: Erstellen Sie ein Browser-Add-On mit Vue.js
    Vue Chrome Extension: Erstellen Sie ein Browser-Add-On mit Vue.js
    Dieses Tutorial zeigt, dass eine einfache Vue -Chrome -Erweiterung erstellt wird, die die neue Registerkartenseite verändert. Wir werden Vue.js für die schnelle Entwicklung und die angenehme Codierung verwenden. Browser -Erweiterungen verbessern die Browserfunktionalität, führen Aufgaben wie Anzeigenblockierung, Pass aus
    js-Tutorial 948 2025-02-14 09:54:11
  • So bauen Sie ein Vue -Frontend für ein kopfloses CMS
    So bauen Sie ein Vue -Frontend für ein kopfloses CMS
    Erstellen einer modernen und effizienten Blog -Plattform: Die perfekte Kombination von Vue.js und Graphcms Kernpunkte: Verwenden Sie Vue.js und GraphCMs, um eine moderne und effiziente Blog -Plattform zu erstellen, wodurch die Geschwindigkeit und Flexibilität von JavaScript und die leistungsstarken Abfragefunktionen von GraphQL gespielt werden. GraphCMS wird ausgewählt, da es in der Lage ist, Inhalte über GraphQL zu bedienen. Dies ist besser als herkömmliche Ruhe in der Effizienz, da komplexe Abfragen Daten aus mehreren Modellen in einer Anforderung extrahieren können. Richten Sie Ihr Vue.js-Projekt mit Vue CLI ein, einschließlich grundlegender Funktionen wie Babel und Router, und verbessern Sie mit Bootstrap-Vue und Axios
    js-Tutorial 939 2025-02-14 09:51:11
  • So erstellen Sie eine Nachrichten -App mit Ionic 4 & Angular
    So erstellen Sie eine Nachrichten -App mit Ionic 4 & Angular
    In diesem Tutorial verwenden wir Ionic 4, um eine Nachrichtenanwendung zu erstellen, die eine Nachrichten-API von Drittanbietern verwendet. Ionic 4 ist die neueste Version von Ionic, einem mobilen Rahmen, das ursprünglich auf Cordova und Angular basiert. Ionic ermöglicht es Benutzern, HYB zu erstellen
    js-Tutorial 683 2025-02-14 09:48:11
  • So wenden Sie eine CSS -Klasse in Vue.js bedingt an
    So wenden Sie eine CSS -Klasse in Vue.js bedingt an
    Detaillierte Erläuterung der Methode der bedingten Anwendung der CSS -Klasse in Vue.js Kernpunkte: In Vue.js kann die bedingte Anwendung von CSS -Klassen durch Bindung von JavaScript -Objekten an Klassenattribute implementiert werden. Die Attribute des Objekts entsprechen dem CSS -Klassennamen, und sein Wert ist ein JavaScript -Ausdruck, der bestimmt, ob die Klasse angewendet werden soll. Vue.js bietet zwei Syntaxe zum Erstellen von Klassenbindungen: Objektsyntax und Array -Syntax. Die Objektsyntax ist prägnanter, während die Array -Syntax den Vorlagencode löschter macht. Welche Grammatik zu wählen ist, hängt von der persönlichen Präferenz ab. VUE.JS unterstützt eine Vielzahl von konditionalen Klassenbindungsmethoden, einschließlich der Verwendung ternärer Operatoren, der Objektsyntax zur Bindung mehrerer Klassen, unter Verwendung von berechneten Eigenschaften, kombiniertem statischen und gebundenen Klassen und bedingten Inline -Stilen.
    js-Tutorial 526 2025-02-14 09:46:12
  • Erste Schritte schriftlich klassenbasierte Vue.js-Apps in TypeScript
    Erste Schritte schriftlich klassenbasierte Vue.js-Apps in TypeScript
    Vue.js 3.0 und Typscript Strong Alliance VUE.JS 3.0 wird den Nutzern von Typscript-Benutzern verbessert, einschließlich der nativen Unterstützung für klassenbasierte Komponenten und besserer Typinferenz. Sie können jedoch jetzt mit dem Schreiben von VUE -Anwendungen mithilfe von TypeScript mit VUE CLI, dem Befehlszeilen -Tool von VUE, anfangen. Vorteile von klassenbasierten Komponenten und Typenkripten Klassenbasierte Komponenten in Vue.js können mit der TypeScript-Klasse geschrieben werden, die eine bessere Typüberprüfung und Wartbarkeit bieten kann. Sie können das Vue-Property-Dekorator-Paket verwenden
    js-Tutorial 653 2025-02-14 09:45:11
  • Ein Leitfaden für visuelle Tests mit Percy
    Ein Leitfaden für visuelle Tests mit Percy
    Percy: Automatisieren von visuellen Tests für nahtlose Benutzeroberfläche In diesem Artikel, der in Zusammenarbeit mit Percy erstellt wurde, wird untersucht, wie automatisierte visuelle Tests implementiert werden können, um sicherzustellen
    js-Tutorial 997 2025-02-14 09:42:13
  • Einführung in Nest.js für Winkelentwickler
    Einführung in Nest.js für Winkelentwickler
    NestJs: Überbrückung der Lücke zwischen Winkel und Backendentwicklung Für Winkelentwickler, die einen nahtlosen Übergang zur Backend -Entwicklung suchen, tritt NestJs als überzeugende Lösung auf. Dieses Open-Source, progressive Node.js-Framework, erstellt mit TypeSC
    js-Tutorial 726 2025-02-14 09:40:12
  • Einführung in Vue.js und den Quasar -Framework
    Einführung in Vue.js und den Quasar -Framework
    In diesem Artikel wird das schnell wachsende Vue.js -Framework und seinen leistungsstarken Begleiter, das Quasar -Framework, zum Erstellen von Benutzeroberflächen untersucht. Während Vue.js die Kernfunktionalität liefert, verbessert Quasar es mit vorgefertigten Materialdesignkomponenten und
    js-Tutorial 594 2025-02-14 09:38:11
  • Wie man mit vuetify anfängt
    Wie man mit vuetify anfängt
    Dieser Artikel zeigt, wie ein attraktives und interaktives Frontend mit Vuetify, einem Vue.js -Komponenten -Framework, das sich an die materiellen Entwurfsspezifikationen von Google hält, schnell erstellt. Obwohl Vuetify kein Ersatz für UX -Expertise ist, bietet er eine starke
    js-Tutorial 937 2025-02-14 09:37:11
  • Ein Anfängerleitfaden zur Arbeit mit Komponenten in Vue
    Ein Anfängerleitfaden zur Arbeit mit Komponenten in Vue
    Vue.js 'komponentierte Architektur macht die Erstellung der Benutzeroberfläche effizient und bequem. Sie können Ihre Anwendung in kleinere, wiederverwendbare Komponenten unterteilen und dann komplexere Strukturen mit diesen Komponenten erstellen. Mit diesem Leitfaden erhalten Sie eine erweiterte Einführung in VUE -Komponenten. Wir werden untersuchen, wie Komponenten erstellt werden, wie Sie Daten zwischen Komponenten (über Requisiten und Ereignisbusse) übergeben und wie zusätzliche Inhalte innerhalb von Komponenten mithilfe der VUE -Elemente rendern. Jedes Beispiel wird mit einer runnablen Codepen -Demo geliefert. Schlüsselpunkte Die komponentierte Architektur von Vue hilft dabei, die Benutzeroberfläche in wiederverwendbare, leicht zu verwaltende Ausschnitte aufzubauen und so die Wiederverwendbarkeit und Organisation des Codes zu verbessern. Komponenten können mit VUE.comP verwendet werden
    js-Tutorial 858 2025-02-14 09:35:11
  • So bauen Sie eine Chiffre -Maschine mit JavaScript auf
    So bauen Sie eine Chiffre -Maschine mit JavaScript auf
    In diesem Tutorial werden Sie mit JavaScript eine Caesar -Chiffre -Maschine erstellen. Die Caesar -Chiffre verschiebt jeden Buchstaben in einer Nachricht eine bestimmte Anzahl von Orten. Wir erstellen eine HTML -Seite mit einem Formular, um die Nachricht und den Schaltwert einzugeben, und eine DIV zu DI
    js-Tutorial 501 2025-02-14 09:34:11
  • Xmlhttprequest gegen die Fetch -API für Ajax
    Xmlhttprequest gegen die Fetch -API für Ajax
    Kernpunkte In JavaScript werden sowohl die Fetch -API als auch die XMLHTTPrequest verwendet, um HTTP -Anforderungen zu erstellen. Die Fetch -API wird jedoch im Allgemeinen als leistungsfähiger und flexibler angesehen, da sie Versprechen verwendet, was die Code- und Fehlerbehandlung vereinfacht. Allerdings unterstützen nicht alle Browser die Fetch -API, insbesondere ältere Browser. XMLHTTPREQUEST Obwohl älter und komplexer aufgrund des Mangels an Versprechen, wird es in allen Browsern weithin unterstützt und sendet standardmäßig Cookies, was für Serveranforderungen nützlich ist, bei denen Cookies sich authentifizieren müssen. F
    js-Tutorial 666 2025-02-14 09:33:12
  • Entdecken Sie GraphQL mit Apollo & React: Erstellen Sie eine Superhelden -Datenbank
    Entdecken Sie GraphQL mit Apollo & React: Erstellen Sie eine Superhelden -Datenbank
    Tauchen Sie in die Welt von GraphQL ein und entdecken Sie, warum es so viel Aufregung erzeugt! Dieses Tutorial bietet eine klare Erklärung für GraphQL und bietet praktische Erfahrung. Besprechen wir zunächst die Kernfrage: Was ist GraphQL? Es ist nicht dunkel
    js-Tutorial 819 2025-02-14 09:31:12
  • Erstellen Sie eine Echtzeit-Abstimmungs-App mit Pusher, Knoten und Bootstrap
    Erstellen Sie eine Echtzeit-Abstimmungs-App mit Pusher, Knoten und Bootstrap
    Dieser Artikel führt Sie durch den Bau einer Echtzeit-Webanwendung von Harry Potter House mit Node.js, Express, Pusher und Canvasjs. Die App nutzt Websockets für die anhaltende Kommunikation und bietet ein sofortiges Feedback zu den Abstimmungsgebnissen. Schlüssel
    js-Tutorial 831 2025-02-14 09:27: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