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

  • Beispiele für Komprimierung mit Schluck
    Beispiele für Komprimierung mit Schluck
    1. Knoten herunterladen und installieren Besuchen Sie http://nodejs.org und klicken Sie dann auf die große grüne Schaltfläche „Installieren“. Nachdem der Download abgeschlossen ist, führen Sie das Programm direkt aus und schon sind Sie bereit. npm wird zusammen mit dem Installationspaket installiert. 2. Öffnen Sie die Codezeile node -v // Überprüfen Sie die Knotenversion. Wenn die Versionsnummer angezeigt wird, ist die Installation erfolgreich. npm -v //Überprüfen Sie die npm-Version. Wenn die Versionsnummer angezeigt wird, ist die Installation erfolgreich. Position
    H5-Tutorial 1571 2017-06-21 15:21:18
  • Online-Demonstration eines Beispiels für einen Vollbild-Umschalteffekt
    Online-Demonstration eines Beispiels für einen Vollbild-Umschalteffekt
    Online-Demo: DEMO Der Code in der DEMO und unten enthält keinen kompatiblen Code, um ihn zu öffnen. Die IE-Version ist nicht sehr freundlich zur CSS3-Unterstützung. Beim Öffnen in IE11 gibt es keinen Scrolleffekt. Kompatible Code-Präfixe: -webkit- -moz- -O- -MS- ​ Gehen Sie direkt zum Code: <!DOCTYPE html> <html lang="de"> <Kopf> <
    H5-Tutorial 1972 2017-06-21 14:57:30
  • So erstellen Sie einen dynamischen visuellen Hintergrundhintergrund (h5)
    So erstellen Sie einen dynamischen visuellen Hintergrundhintergrund (h5)
    Beim Erstellen einer Website können visuelle Differenzeffekte verwendet werden Wie im Bild gezeigt ​ Visuelle Aberration wird beim Erstellen von Webseiten einen sehr coolen Effekt haben. Heute werden wir darüber sprechen, wie man dynamische visuelle Aberration darstellt. Der Effekt ist wie in der Abbildung dargestellt: ​ ​ Die Produktionsmethode erfordert zunächst ein visuelles Differenz-Plug-in Das von mir verwendete Plug-In ist ein beliebteres Plug-In für visuelle Unterschiede <link rel="stylesheet" type="text/css" href="css/reset.css?1.1.10" /> &l
    H5-Tutorial 5268 2017-06-21 14:34:40
  • Wie kann ich einen kreisförmigen anklickbaren Bereich auf der Seite implementieren?
    Wie kann ich einen kreisförmigen anklickbaren Bereich auf der Seite implementieren?
    1. Karte+Bereich Video zur Implementierungsmethode der DW-Software: http://www.chuanke.com/3885380-190205.html 2. Grenzradius (H5) <Stil> .Kreis{ /*Kreiseinstellungen*/ ​​
    H5-Tutorial 2470 2017-06-21 14:33:57
  • Einführung in die Benennung von WEB-Frontend-Standards
    Einführung in die Benennung von WEB-Frontend-Standards
    Header -wird für den Header verwendet Hauptinhalt main ------------ wird für den Hauptinhalt verwendet (mittlerer Teil) Links Haupt-Links -------------Linkes Layout Rechts Haupt-rechts -----------Rechtes Layout Mantelwickel -----------wird für die äußerste Schicht verwendet Navigationsleistennavigation ------------------Webmenü-Navigationsleiste Inhaltsinhalt
    H5-Tutorial 1878 2017-06-21 14:33:16
  • Wie verwende ich das Less- und Sass-Framework?
    Wie verwende ich das Less- und Sass-Framework?
    1. Weniger Syntax 1. Variablendeklaration: ​​@Variablenname: Variablenwert; 1 @newHeight:20px; 2. Variablen aufrufen: 1 .box { 2 Breite: @newHeight; 3 Höhe: @newHeight; 4} 3. Mehrfachvererbung (Mixins): Rufen Sie vorhandene Klassen als eigene Mitglieder auf 1 .box1 { 2.Box; 3} ​
    H5-Tutorial 2279 2017-06-21 14:28:56
  • Ausführliche Erläuterung der semantischen HTML5-Tags und der Kompatibilitätsverarbeitung
    Ausführliche Erläuterung der semantischen HTML5-Tags und der Kompatibilitätsverarbeitung
    <header></header> Kopfzeile Wird hauptsächlich für die Informationseinführung am Kopf der Seite verwendet, kann aber auch für Abschnittsüberschriften verwendet werden. <hgroup></hgroup> Eine Titelkombination auf der Seite, ein Titel und ein Untertitel oder eine Kombination aus Slogans <hgroup> <h1>Wunderbares Klassenzimmer</h1> <h2>Nehmen Sie an einer humanen IT-Ausbildung teil</h2> </h
    H5-Tutorial 1511 2017-06-21 14:27:54
  • So laden Sie Sina Weibo-Videos und Miaopai-Videos herunter
    So laden Sie Sina Weibo-Videos und Miaopai-Videos herunter
    Obwohl die Sina Weibo APP selbst nicht die Funktion zum Herunterladen von Weibo-Videos bietet, können wir Tools von Drittanbietern verwenden, um Weibo-Videos herunterzuladen. Viele Software im Internet muss auf einem Computer installiert werden, um sie verwenden zu können. Wenn wir sie jedoch auf einem Mobiltelefon verwenden möchten, können wir sie nicht verwenden. Deshalb werde ich heute eine Methode zum Herunterladen von Weibo- und Miaopai-Videos auf Ihr Mobiltelefon vorstellen. So laden Sie Sina Weibo-Videos und Miaopai-Videos herunter: 1. Öffnen Sie die Sina Weibo APP, suchen Sie das Video, das Sie herunterladen möchten, klicken Sie auf der Weibo-Seite, die das Video enthält, auf die drei Punkte (...) in der oberen rechten Ecke, dann erscheint ein Freigabe-Popup-Fenster. Klicken Sie, um den Link oder Passpunkt zu kopieren
    H5-Tutorial 4681 2017-06-21 14:13:23
  • Wie verwende ich CSS3 Flexbox?
    Wie verwende ich CSS3 Flexbox?
    Artikelquelle: http://www.zhufengpeixun.cn/article/173 1. Vorwort Flexbox ist ein CSS3-Boxmodell. Wie der Name schon sagt, ist es eine flexible Box. Warum ist dieses Attribut in letzter Zeit populär geworden? Der Hauptgrund dafür ist, dass die CSS3-Spezifikation endlich populär geworden ist (oder der IE endgültig gescheitert ist) und die Entwicklung mobiler Geräte den Aufstieg des responsiven Layouts gefördert hat, das eine beträchtliche Flexibilität bei der adaptiven Länge und Breite bietet.
    H5-Tutorial 2332 2017-06-21 14:09:08
  • Ausführliche Erläuterung der Verwendung der jQuery-Validierung
    Ausführliche Erläuterung der Verwendung der jQuery-Validierung
    jQuery-Validierungsframework: grundlegender HTML-Code: 1 <script src="js/jquery-1.9.1.js?1.1.10"></script> 2 <script src="js/jquery.validate.min.js?1.1 .10"></script> 3 <script> 4 $(functio
    H5-Tutorial 2168 2017-06-21 13:33:23
  • Tutorial zur Verwendung einer Web-SQL-Datenbank
    Tutorial zur Verwendung einer Web-SQL-Datenbank
    Die Web SQL-Datenbank-API ist nicht Teil der HTML5-Spezifikation, sondern eine unabhängige Spezifikation, die eine Reihe von APIs für den Betrieb von Clientdatenbanken mit SQL einführt. Kernmethode: openDatabase – erstellt ein Datenbankobjekt unter Verwendung einer vorhandenen Datenbank oder einer neuen Datenbanktransaktion – kann ein Ding steuern und basierend auf dieser Situation ein Commit oder Rollback durchführen – führt die eigentliche SQL-Anweisung aus, um die Datenbank zu öffnen openDatabase()-Methode
    H5-Tutorial 2333 2017-06-21 13:19:34
  • Schnellstart-Beispiel-Tutorial zu createjs
    Schnellstart-Beispiel-Tutorial zu createjs
    Als ich anfing, das CreateJS-Framework zu verwenden, stellte ich fest, dass es im Internet noch sehr wenige verwandte Tutorials gab, und schrieb daher einen Artikel, damit ich in Zukunft leichter darauf zurückgreifen kann. Die offizielle Website zur Einführung von createjs: http://www.createjs.cc/createjs enthält die folgenden vier Teile: EaselJS: Wird zum Zeichnen von Sprites, Animationen, Vektoren und Bitmaps sowie zum Erstellen interaktiver Erlebnisse auf HTML5 Canvas (einschließlich Multi-Touch) verwendet. TweenJS: wird für Animationseffekte verwendet. SoundJS:
    H5-Tutorial 4045 2017-06-21 10:33:14
  • Lernen Sie HTML5 von Grund auf
    Lernen Sie HTML5 von Grund auf
    1 grundlegendes HTML5-Einführungs-Tutorial und 4 HTML5-Tutorials für kleine Projekte, die Ihnen helfen, HTML5 von Grund auf zu erlernen. [Einführung in die HTML5-Grundlagen] Das Tutorial stellt die neuen Funktionen in HTML5 vor, einschließlich Struktur-Tags, neue Formular-Tags, Dateioperationen, Canvas, lokaler Speicher usw. Es eignet sich für Personen, die sich für Frontend-Programmierung interessieren und bereits HTML gelernt haben. Experimentierliste: [Lokaler Bildzuschnitt basierend auf HTML5] Dieses Projekt implementiert die Verwendung der HTML5-Canvas-Technologie und kombiniert HTML5 File AP
    H5-Tutorial 4039 2017-06-21 10:28:43
  • Wie schreibe ich eine Animation zum Laden von Bögen und Sektoren?
    Wie schreibe ich eine Animation zum Laden von Bögen und Sektoren?
    0. Statisches Rendering 1. Code zum Zeichnen von Bogen: 3em; Höhe: 7px transparenter Rand: 7px #4DB6AC fester Rand: 7px; #4DB6AC fest; Randradius: 50 %;bor
    H5-Tutorial 1837 2017-06-21 10:28:01
  • Jeden Tag eine kleine JS-Diashow. Wichtigste Wissenspunkte: Veranstaltung
    Jeden Tag eine kleine JS-Diashow. Wichtigste Wissenspunkte: Veranstaltung
    <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><title>Dokument</title><style type="text/css">body { margin: 0; } #wrap { margin: 100px auto; positiv
    H5-Tutorial 1453 2017-06-21 09:01:04

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