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

  • Detaillierte Einführung in Server-Push-Ereignisse
    Detaillierte Einführung in Server-Push-Ereignisse
    Vom Server gesendete Ereignisse sind eine unidirektionale Kommunikation, die auf dem WebSocket-Protokoll basiert, bei dem der Server Ereignisse und Daten an den Client sendet. Alle gängigen Browser unterstützen derzeit vom Server gesendete Ereignisse, außer natürlich Internet Explorer. 2333...WebSocket-Protokoll ist ein weiteres Server-Client-Kommunikationsprotokoll nach dem HTTP-Protokoll. Im Gegensatz zum einfachen unidirektionalen Kommunikationsmodus von HTTP, bei dem der Client den Server um eine Antwort bittet, unterstützt es die bidirektionale Kommunikation zwischen dem Server und dem Client.
    H5-Tutorial 2200 2017-07-26 18:08:29
  • h5 neue Funktionen und Beispiele für das Webseiten-Layout
    h5 neue Funktionen und Beispiele für das Webseiten-Layout
    Neue HTML5-Funktionen: 1. Kompatibilität 2. Rationalität 3. Effizienz 4. Sicherheit 5. Trennung 6. Vereinfachung 7. Vielseitigkeit 8. Keine Plug-Ins HTML5-Organisation: 1. WHATWG2.W3C3.IETF HTML5-Funktionen: Canvas, Kanalnachrichtenübertragung, Dokumentübergreifendes Messaging, Geolokalisierung, MathML, Mikrodaten, vom Server gesendete Ereignisse, Scala
    H5-Tutorial 2373 2017-07-26 09:39:45
  • Ein Beispiel-Tutorial zum Thema Leinwand-Rubbel
    Ein Beispiel-Tutorial zum Thema Leinwand-Rubbel
    Heute habe ich in Kombination mit dem Lotteriespiel im vorherigen Artikel auf Leinwand ein kleines Spiel geschrieben – das Rubbeln. Erstellen Sie zunächst mit Canvas eine Leinwand mit einer Breite und Höhe von 200 Pixeln. Positionieren Sie dann ein Span-Tag auf der Leinwand. Der Effekt ist wie folgt. Rufen Sie als Nächstes das Canvas-Tag ab, definieren Sie ein Array und zeichnen Sie dann mit Canvas ein graues Quadrat, um diesen Teil abzudecken. Der Effekt ist wie folgt: Verwenden Sie die Leinwand, um einen transparenten Kreis zu erstellen. Wenn Sie die Maus bewegen, löschen Sie die graue Ebene auf der Leinwand und zeigen Sie den Text darunter an (erster Preis). ...
    H5-Tutorial 3450 2017-07-25 09:37:41
  • Analyse der HTML5-Lernroute
    Analyse der HTML5-Lernroute
    Ich arbeite seit etwa acht Jahren im Internet. Heute werde ich Anfängern, die HTML5 entwickeln möchten, eine kurze Einführung geben: Was HTML5 kann, seine zukünftige Entwicklung und einen systematischen Lernplan Sie wissen, wie beliebt HTML5 derzeit ist. Es ist klar, dass viele andere Branchen auf die HTML5-Entwicklung umsteigen wollen und dass die HTML5-Technologie weiterhin ausgereift ist und die wichtigsten Browser kontinuierlich mit der neuesten HTML5-Technologie kompatibel sind. HTML5 wird als etwas bezeichnet, das das Leben der Menschen verändern kann. Und jetzt ist die Konkurrenz in HTML5 auch sehr groß, also möchte ich...
    H5-Tutorial 7942 2017-07-25 09:29:27
  • Ausführliche Erläuterung von Beispielen zum Aufrufen der Kamera zum Aufnehmen von Bildern und Komprimieren von Bildern in HTML5
    Ausführliche Erläuterung von Beispielen zum Aufrufen der Kamera zum Aufnehmen von Bildern und Komprimieren von Bildern in HTML5
    In diesem Artikel wird hauptsächlich der Beispielcode von H5 vorgestellt, der die Kamera aufruft, um Bilder aufzunehmen und die Bilder zu komprimieren. Der Herausgeber findet ihn recht gut, daher werde ich ihn jetzt mit Ihnen teilen und als Referenz verwenden. Folgen wir dem Herausgeber und werfen wir einen Blick darauf.
    H5-Tutorial 2809 2017-07-24 15:08:38
  • Detaillierte Erläuterung der lokalen H5-Speicherinstanz
    Detaillierte Erläuterung der lokalen H5-Speicherinstanz
    Sie können Folgendes speichern: Arrays, JSON-Daten, Bilder, Skripts, Stildateien; 1.localStorage-Datenspeicherung ohne zeitliche Begrenzung () Methoden sind: .localStrage.setItem();removeItem();
    H5-Tutorial 1726 2017-07-24 11:11:11
  • Lösen Sie das Problem, dass Bootstrap Remote-Daten nur einmal lädt
    Lösen Sie das Problem, dass Bootstrap Remote-Daten nur einmal lädt
    Zusammenfassung: Für das modale Dialogfeld des Front-End-Frameworks Bootstrap können Sie die Remote-Option verwenden, um eine URL anzugeben, sodass das Dialogfeld automatisch Daten von dieser Adresse in .modal-body lädt, wenn es zum ersten Mal angezeigt wird Zeit, aber es wird nur einmal geladen, aber dieses Problem kann durch Aufrufen der Methode „removeData()“ im Ereignis gelöst werden. 1. Modales Bootstrap-Dialogfeld und einfache Verwendung 1 <div id="myModal" class="moda
    H5-Tutorial 1746 2017-07-24 11:06:37
  • Beispielcode-Freigabe zur Implementierung des Benutzerregistrierungsformulars in HTML5
    Beispielcode-Freigabe zur Implementierung des Benutzerregistrierungsformulars in HTML5
    In diesem Artikel wird der Beispielcode zur Implementierung des Benutzerregistrierungsformulars in HTML5 ausführlich vorgestellt, der einen bestimmten Referenzwert hat.
    H5-Tutorial 5642 2017-07-24 10:18:27
  • Detaillierte Einführung in die HTML5-Videowiedergabe
    Detaillierte Einführung in die HTML5-Videowiedergabe
    Zuerst stellen wir das Artefakt jPlayer vor: jPlayer, ein auf HTML5/Flash basierender Audio- und Videoplayer, ist ein völlig kostenloses und quelloffenes (MIT) jQuery-Multimediabibliotheks-Plug-in, das in JavaScript geschrieben ist (jetzt auch ein Zepto-Plug-in); Mit jPlayer können Sie schnell eine plattformübergreifende Plattform schreiben. Die Webseiten der Plattform unterstützen die Audio- und Videowiedergabe. Mit der umfangreichen API von jPlayer können Sie eine personalisierte Multimedia-Anwendung erstellen und so Unterstützung und Unterstützung von immer mehr Community-Mitgliedern erhalten.
    H5-Tutorial 2742 2017-07-23 13:49:34
  • Implementieren Sie ein Beispiel für einen HTML5-Musikplayer
    Implementieren Sie ein Beispiel für einen HTML5-Musikplayer
    Technische Punkte: ES6+Webpack+HTML5 Audio+Sass Hier erfahren wir Schritt für Schritt, wie man einen H5-Musikplayer von Grund auf implementiert. Schauen wir uns zunächst die endgültige Implementierung an: Demo-Link Kommen wir als Nächstes zum Punkt: Um ein Musikplayer zu sein, müssen Sie die Art und Weise, wie Audio im Web abgespielt wird, gut verstehen In Bezug auf das Audio-Tag gibt es eine Menge. Hier werde ich eine allgemeine Einführung in die Eigenschaften, Methoden und Ereignisse geben. Attribute: src: erforderlich, Audioquelle
    H5-Tutorial 6306 2017-07-23 13:28:16
  • HTML5 neue Netzwerklandschaft
    HTML5 neue Netzwerklandschaft
    Seit der Geburt von HTML5 hat sich ein Standardprinzip etabliert, das heißt, alle Technologien müssen offen sein und dürfen keine Patente haben. Während des gesamten Zeitraums hat Opera die CSS-Technologie gespendet, während Google sie den Entwicklern zur Verfügung stellt Erfahren Sie, wie HTML5 ein neues Netzwerkmuster mit sich bringt. Interessierte Freunde können darauf achten und sich auf die Entwicklung vorbereiten. Zu den aktuellen Marktführern in der HTML5-Entwicklung gehören Sencha, Adobe, Appcelerator und andere
    H5-Tutorial 1613 2017-07-23 11:41:47
  • Grundlegende Einführung und Praxis von AugularJS
    Grundlegende Einführung und Praxis von AugularJS
    Vorwort Das Frontend AngularJS wurde entwickelt, um die Mängel von HTML beim Erstellen von Anwendungen zu überwinden. (Zitat aus der Baidu-Enzyklopädie) AngularJS verwendet einen anderen Ansatz. Es versucht, die Mängel von HTML selbst beim Erstellen von Anwendungen auszugleichen. AngularJS ermöglicht es Browsern, die neue Syntax mithilfe von Strukturen zu erkennen, die wir Direktiven nennen. (Zitat aus der Baidu-Enzyklopädie) Zum Beispiel
    H5-Tutorial 1490 2017-07-23 11:33:37
  • CSS-Animationsproduktion – CSS-Animation
    CSS-Animationsproduktion – CSS-Animation
    Jeder, der mit CSS vertraut ist, weiß, dass CSS viele schöne Animationen erzielen kann, insbesondere seine Online-Funktionen, die Menschen bei der Lösung vieler Animationseffekte helfen können. Heute empfehle ich besonders eine Online-CSS-Plugin-Funktion – cssanimate. Das größte Merkmal davon ist, dass Sie damit auf einfache Weise schöne CSS3-Animationseffekte über eine grafische Oberfläche erzielen können. Einführung in die Benutzeroberfläche des CSS3-Animationsproduktionstools Zeitleiste Die Zeitleiste ist ein wichtiger Bereich zur Steuerung von Animationen. Genau wie bei der Erstellung von Frame-für-Frame-Animationen können Sie diese anpassen
    H5-Tutorial 3357 2017-07-23 11:18:56
  • HTML5 WebSocket verstehen
    HTML5 WebSocket verstehen
    WebSocket ist ein Protokoll für die Vollduplex-Kommunikation über eine einzelne TCP-Verbindung, das seit Beginn von HTML5 bereitgestellt wird. In der WebSocket-API müssen der Browser und der Server lediglich eine Handshake-Aktion ausführen, und dann wird ein schneller Kanal zwischen dem Browser und dem Server gebildet. Daten können direkt zwischen beiden übertragen werden. Der Browser sendet eine Anfrage an den Server, um über JavaScript eine WebSocket-Verbindung herzustellen. Nachdem die Verbindung hergestellt wurde, können der Client und der Server direkt Daten über die TCP-Verbindung austauschen. Wenn Sie Web Socket erhalten
    H5-Tutorial 1652 2017-07-23 11:03:43
  • Einführung in Beispiele zum Zeichnen von Kreisen auf Leinwand in HTML5
    Einführung in Beispiele zum Zeichnen von Kreisen auf Leinwand in HTML5
    Verwenden Sie „Bogen auf Leinwand“, um kreisförmige Muster zu zeichnen. Der Funktionsprototyp lautet: context.arc (x, y, Radius, Startwinkel, Endwinkel, ob gegen den Uhrzeigersinn gedreht werden soll); Sie können also einen Bogen zeichnen, indem Sie den Startwinkel und den Endwinkel ändern.
    H5-Tutorial 2490 2017-07-22 09:56:49

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