aktueller Standort:Heim > Technische Artikel > Web-Frontend > H5-Tutorial

  • Verwenden von HTML5 zum Implementieren eines Codebeispiels für die asynchrone Datei-Upload-Funktion
    Verwenden von HTML5 zum Implementieren eines Codebeispiels für die asynchrone Datei-Upload-Funktion
    In diesem Artikel wird kurz die Verwendung von FormData zum Implementieren des asynchronen Hochladens von Dateien vorgestellt. Der Code ist einfach und leicht zu verstehen, sehr gut und hat einen Referenzwert beziehen Sie sich darauf.
    H5-Tutorial 1896 2017-05-29 10:03:32
  • Die Drag-and-Drop-API implementiert die Drag-and-Drop-Sortierung
    Die Drag-and-Drop-API implementiert die Drag-and-Drop-Sortierung
    Vorwort HTML5 bietet eine direkte Drag-and-Drop-API, die es uns erheblich erleichtert, Drag-and-Drop-Effekte zu erzielen. Wir müssen nicht viele JS schreiben. Wir müssen uns nur die Drag-and-Drop-Ereignisse anhören Elemente, um verschiedene Drag-and-Drop-Funktionen zu erreichen.
    H5-Tutorial 1874 2017-05-28 11:11:32
  • indexedDB-Datenbank
    indexedDB-Datenbank
    Vorwort Im lokalen Speicher von HTML5 gibt es eine Datenbank namens indexedDB. Diese Datenbank ist eine lokal auf dem Client gespeicherte NoSQL-Datenbank.
    H5-Tutorial 2116 2017-05-28 11:11:16
  • Grundlagen der H5-Drag-and-Drop-API
    Grundlagen der H5-Drag-and-Drop-API
    Wir können die neue Drag-and-Drop-API von H5 verwenden, um den Drag-and-Drop-Effekt sehr bequem zu erzielen.
    H5-Tutorial 2204 2017-05-28 11:07:39
  • HTML5-Webspeicher
    HTML5-Webspeicher
    In der Vergangenheit haben wir document.cookie verwendet, um Daten lokal zu speichern. Da die Speichergröße jedoch nur etwa 4 KB beträgt, ist die Analyse auch sehr kompliziert, was der Entwicklung viele Unannehmlichkeiten bereitet.
    H5-Tutorial 2077 2017-05-28 11:06:50
  • H5-Live-Videoübertragung
    H5-Live-Videoübertragung
    Um mit dem Trend Schritt zu halten, stellt Ihnen dieser Artikel den grundlegenden Prozess und die wichtigsten technischen Punkte bei der Live-Videoübertragung vor, einschließlich, aber nicht beschränkt auf die Front-End-Technologie.
    H5-Tutorial 5093 2017-05-28 10:56:44
  • HTML5 unterstützt vom Server gesendete Ereignisse
    HTML5 unterstützt vom Server gesendete Ereignisse
    HTML5 unterstützt vom Server gesendete Ereignisse – Einweg-Messaging-Daten-Push (C#-Beispiel)
    H5-Tutorial 2541 2017-05-28 10:54:23
  • HTTP-Methoden, Statuscodes und Komponenten
    HTTP-Methoden, Statuscodes und Komponenten
    Das HTTP-Protokoll (HyperText Transfer Protocol, Hypertext Transfer Protocol) ist ein Übertragungsprotokoll, mit dem Hypertext vom WWW-Server an den lokalen Browser übertragen wird. Es kann den Browser effizienter machen und die Netzwerkübertragung reduzieren. Es stellt nicht nur sicher, dass der Computer Hypertextdokumente korrekt und schnell überträgt, sondern bestimmt auch, welcher Teil des Dokuments übertragen wird und welcher Teil des Inhalts zuerst angezeigt wird (z. B. Text vor Grafiken) usw.
    H5-Tutorial 1712 2017-05-28 10:53:09
  • Selbst erstellter WebGL3D-Modelleditor basierend auf Babylonjs
    Selbst erstellter WebGL3D-Modelleditor basierend auf Babylonjs
    Die meisten 3D-Modelle, die in der modernen WebGL-Programmierung verwendet werden, werden aus 3DsMax-Modellen oder Blender-Modellen konvertiert. Dieser Arbeitsmodus eignet sich besser für Szenarien, in denen 3D-Designer und 3D-Programmierer zusammenarbeiten. Für WebGL-Enthusiasten, die alleine arbeiten, ist dieser Modus jedoch zu schwer: Ganz zu schweigen von den verschiedenen Fehlern im Konvertierungs-Plug-In selbst, die die Erfolgsquote der Konvertierung erheblich verringern. Um nur ein einfaches Modell zu generieren, ist ein systematisches Erlernen von 3DsMax erforderlich Die Verwendung von Blender gibt den Menschen das Gefühl, dass der Gewinn den Gewinn überwiegt.
    H5-Tutorial 5452 2017-05-28 10:46:30
  • Problem mit verstümmelten chinesischen Zeichen
    Problem mit verstümmelten chinesischen Zeichen
    Heute bin ich beim Erlernen von HTML5 auf das Problem verstümmelter chinesischer Zeichen gestoßen: Ich habe es mit myeclipse 2016 entwickelt, aber das Codierungsformat meines Projekts und meiner HTML-Dateien sind alle utf-8, was ich immer noch verstümmelt habe Ich habe es nicht gefunden. Später habe ich etwas Interessantes entdeckt und die Ursache des Problems erfahren.
    H5-Tutorial 4595 2017-05-28 10:43:26
  • Dynamisches Canvas-Diagramm
    Dynamisches Canvas-Diagramm
    Vorwort Die leistungsstarken Funktionen von Canvas machen es zu einem sehr wichtigen Bestandteil von HTML5. Was es ist, muss ich hier nicht vorstellen. Visuelle Diagramme sind eine der Manifestationen der leistungsstarken Funktionen von Canvas.
    H5-Tutorial 2689 2017-05-28 10:42:37
  • HTMLcanvas-Rechteckdusche
    HTMLcanvas-Rechteckdusche
    HTMLcanvas Rechteckdusche auf Leinwand ausführen Holen Sie sich die Zeichenumgebung im Vollbildmodus Holen Sie sich die Bildschirmbreite und -höhe Bestimmen Sie die Breite jedes Textes Bestimmen Sie die Spaltenschleife Ausgabe-Timer-Aufruf HTML-Teil CSS-Teil Javascript-Teil Dieser Artikel endet hier Ich glaube immer, dass die Welt voll ist Viel Glück und Hoffnung!
    H5-Tutorial 1677 2017-05-28 10:40:48
  • H5-Animation – ein Beispiel für den prozentualen Fortschritt eines Kreises auf der Leinwand
    H5-Animation – ein Beispiel für den prozentualen Fortschritt eines Kreises auf der Leinwand
    H5-Animation, dynamischer Effekt des prozentualen Fortschritts des Leinwandzeichnungskreises h5 + einfache Javascript-Animation
    H5-Tutorial 3156 2017-05-27 15:34:09
  • Ausführliche Erläuterung der Beispielmethode zur Realisierung von Bogen- und Ring-Fortschrittsbalken auf Leinwand
    Ausführliche Erläuterung der Beispielmethode zur Realisierung von Bogen- und Ring-Fortschrittsbalken auf Leinwand
    Das Folgende ist eine Zusammenfassung, wie ich den kreisförmigen Fortschrittsbalkeneffekt in meinem Projekt implementiert habe. Ich hoffe, dass er für alle hilfreich ist: Diese Methode verwendet die Leinwand, um einen dynamischen Ringfortschrittsbalken zu erstellen. Wenn Sie Fragen haben, lesen Sie bitte die Kommentare:
    H5-Tutorial 3367 2017-05-27 15:26:02
  • H5 Canvas implementiert ein Beispiel für den kreisförmigen dynamischen Ladefortschritt
    H5 Canvas implementiert ein Beispiel für den kreisförmigen dynamischen Ladefortschritt
    Als ich kürzlich Fragen und Antworten durchstöberte, stieß ich auf jemanden, der fragte, wie man eine dynamische kreisförmige Fortschrittsfunktion erstellt. Der spezifische Effekt ist wie folgt:
    H5-Tutorial 2708 2017-05-27 15:19:16

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