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

  • So verwenden Sie Header-Tags auf Mobilgeräten
    So verwenden Sie Header-Tags auf Mobilgeräten
    1. Syntaxformat des http-equiv-Attributs des Meta-Tags: ​ <meta http-equiv="expires" content="wed,20 Jun 2007 22:33:00 GMT"/> <!--expires Zeitraum, der für die Ablaufzeit von Webseiten verwendet werden kann. Sobald die Webseite abläuft, muss sie erneut an den Server übertragen werden--> 2. Einstellungsseite für den Inhaltstyp (Anzeigezeichensatzeinstellungen).
    H5-Tutorial 2222 2017-06-20 14:02:06
  • So zeichnen Sie einen Pfad – Liniensegmente
    So zeichnen Sie einen Pfad – Liniensegmente
    Einige Zeichenmethoden in der Canvas-Zeichenumgebung sind unmittelbare Zeichenmethoden und einige Zeichenmethoden sind pfadbasiert. Es gibt nur zwei Methoden zum sofortigen Zeichnen von Grafiken: StrokeRect() und FillRect(). Obwohl die Methoden StrokezText() und FillText() ebenfalls sofort gezeichnet werden, wird Text nicht als Grafik betrachtet. Pfadbasiertes Zeichensystem Die meisten Zeichensysteme, wie zum Beispiel: SVG (Scalable Verctor Graphics, skalierbare Vektorgrafiken), Adobe Illustrator usw.
    H5-Tutorial 2888 2017-06-20 14:00:45
  • Beispiel für die Produktion eines Musik-Players (html5)
    Beispiel für die Produktion eines Musik-Players (html5)
    Verwandte Fähigkeiten HTML5+CSS3 (um Seitenlayout und dynamische Effekte zu erzielen) Iconfont (verwenden Sie die Vektorsymbolbibliothek, um spielerbezogene Symbole hinzuzufügen) LESS (dynamisches CSS-Schreiben) jQuery (js-Skripte schnell schreiben) gulp+webpack (automatisiertes Build-Tool zum Kompilieren und Komprimieren von Codes wie LESS, CSS, JS usw.) Implementierte Funktionen Die Wiedergabe ist angehalten (klicken Sie, um den Wiedergabestatus zu ändern) Nächstes Lied (zum nächsten Lied wechseln) Zufallswiedergabe (spielt automatisch das nächste Lied ab, nachdem das aktuelle Lied abgespielt wurde) Einzelne Schleife (klicken
    H5-Tutorial 3845 2017-06-20 14:00:00
  • Einige interessante neue Funktionen in HTML5
    Einige interessante neue Funktionen in HTML5
    HTML5 ist der größte Fortschritt bei Webentwicklungsstandards im letzten Jahrzehnt. HTML5 wird nicht nur zur Darstellung von Webinhalten verwendet. Es macht das Web zu einer ausgereiften Anwendungsplattform. Auf der HTML5-Plattform sind Video, Audio, Bilder, Animationen und Interaktionen mit Computern standardisiert. In diesem Tutorial lernen Sie die neuen Funktionen in HTML5 und die Verwendung der einzelnen Tags kennen Einige interessante neue Funktionen in HTML5: Leinwandelement zum Malen Video- und Audioelemente für die Medienwiedergabe weg vom Lokalen
    H5-Tutorial 2211 2017-06-20 13:58:16
  • Praktische Freigabefunktion für die WeChat-Entwicklung
    Praktische Freigabefunktion für die WeChat-Entwicklung
    Wenn man die Anforderungen versteht, kann man sie wie folgt unterteilen: (1) Benutzer von WeChat-Mobiltelefonen können das JSSDK von WeChat verwenden. (2) Wählen Sie das Bild aus und verwenden Sie „chooseImage“ von JSSDK. Da die lokale Adresse beim Teilen des Bildes nicht geteilt werden kann, ist auch „uploadImage“ von JSSDK erforderlich. (3) Das Teilen mit Moments erfordert „onMenuShareTimeline“ von JSSDK. Zusammengenommen Geschäftslogik
    H5-Tutorial 3072 2017-06-20 13:57:28
  • Web Storage – detaillierte Einführung in Web Storage
    Web Storage – detaillierte Einführung in Web Storage
    Klassifizierung von Webspeichern Client und Server Webspeicher verstehen Mit der Entwicklung von Webanwendungen gibt es immer mehr Einsatzmöglichkeiten für clientseitigen Speicher, aber auch die Möglichkeiten zur Implementierung von clientseitigem Speicher werden immer vielfältiger. Der einfachste und kompatibelste Weg sind Cookies, allerdings hat die Speicherung von Cookies als echter Client noch viele Nachteile. Gleichzeitig verfügen verschiedene Browser auch über eigene Speichermethoden. Beispielsweise kann userData Behavior in IE6 und höher in F verwendet werden
    H5-Tutorial 2251 2017-06-20 13:55:49
  • So bedienen Sie das mobile Seitenlayout
    So bedienen Sie das mobile Seitenlayout
    Dinge zum mobilen Seitenlayout http://www.xiaoxiangzi.com/Programme/CSS/4298.html 1. Ansichtsfenster Was ist ein Ansichtsfenster? Vereinfacht ausgedrückt ist das Ansichtsfenster der Teil des Browsers, der zum Anzeigen der Webseite verwendet wird. Mit anderen Worten, die tatsächliche Breite des Browsers unterscheidet sich von der Breite unseres Mobiltelefons, unabhängig davon, ob es sich um die Breite Ihres Mobiltelefons handelt 320px oder 640px, die Breite innerhalb des mobilen Browsers entspricht immer der VI des Browsers selbst
    H5-Tutorial 3209 2017-06-20 13:50:26
  • Einführung in Beispiele für HTML5-Textstile
    Einführung in Beispiele für HTML5-Textstile
    Textstil <b>Fett</b> <i>Neigen</i> <u>Unterstreichen</u> <s>Durchgestrichen</s> <sub>Tiefgestellt</sub> <sup>Hochgestellt</sup> <p>Absatzelement</p> <br/>Zwangsaustausch
    H5-Tutorial 2180 2017-06-20 13:49:22
  • Beispiel einer Canvas--Clock-Animation
    Beispiel einer Canvas--Clock-Animation
    Wenn das Unternehmen nicht beschäftigt ist, schreibe ich normalerweise gerne über einige kleine Effekte usw. Erstens kann ich überprüfen und überprüfen, und zweitens kann ich einige Probleme finden. ​ Heute habe ich gesehen, dass jemand ein Bild von einer Uhr in einem Gruppenchat gepostet hat ... Ich habe viele Jahre lang richtig gearbeitet. Dann habe ich nicht gedacht, dass ich so viel machen würde. also habe ich eine Uhr gezeichnet .... ​ Gehen Sie direkt zum Code: ​ html ​ <!DOCTYPE HTML> <html> <Kopf&
    H5-Tutorial 1472 2017-06-20 13:43:20
  • So verwenden Sie Cookies
    So verwenden Sie Cookies
    Cookies sind Daten, die auf dem lokalen Endgerät des Benutzers gespeichert werden. Wenn wir uns auf der Website anmelden, werden Passwörter aufgezeichnet und es gibt auch Zeitlimits wie 7 Tage, 5 Tage usw. Diese werden alle von uns mithilfe von Cookies geschrieben. Dies ist der Sitzungszyklus, der Cookies verwendet, aber Cookies Gleichzeitig sind wir nicht sicher. Öffnen Sie die Webseite und sehen Sie sich das vom Benutzer eingegebene Passwort an. Beim Schreiben des Cookies müssen Sie den Speicherpfad und den Wert festlegen, den wir erhalten eine Zeichenfolge, und sie ist sehr klein, nur 4 KB. Als nächstes werden wir a kapseln
    H5-Tutorial 2768 2017-06-20 13:42:33
  • Beispiele für Web-Responsive-Design (ohne Medienabfragen)
    Beispiele für Web-Responsive-Design (ohne Medienabfragen)
    ​ (0)Vorher geschrieben: Als ich in einem Artikel, den ich auf Zhihu gelesen habe, von einem Fall erzählte, öffnete sich mein Geist und ich bewunderte mich so sehr, dass ich am nächsten Tag absichtlich den Originalartikel fand, um ihn zu loben. 5 Yuan, Originaladresse https://zhuanlan.zhihu.com/p/27258076, der Fall verwendet viele CSS3-Attribute. (1) Wirkungsdemonstration (2)Wissenspunkte und Effekte <div class="trunc-list-wrapper" id="mylist"> <
    H5-Tutorial 1567 2017-06-20 13:39:50
  • Was ist HTML5? Detaillierte Erläuterung der HTML5-Nutzung
    Was ist HTML5? Detaillierte Erläuterung der HTML5-Nutzung
    Was ist HTML5? HTML5 ist eine Hypertextsprache, keine Programmiersprache. HTML5 ist die neueste Version der HTML-Sprache. Sie müssen auf Browserkompatibilitätsprobleme achten. Unter HTML5-Technologie versteht man im Allgemeinen die Kombination von HTML5-, CSS3- und JavaScript-Technologien. HTML5 ist in erster Linie für die Struktur und Bedeutung von Dokumentinhalten verantwortlich. CSS3 ist hauptsächlich für die Beschreibung des Inhaltsstils des Dokuments verantwortlich. JavaScript ist in erster Linie für das Verhalten von Dokumentinhalten verantwortlich. Die Grundstruktur von HTML5. <!doctype html&
    H5-Tutorial 2578 2017-06-20 13:38:36
  • Implementierungsmethode von Html5 Drag & Drop
    Implementierungsmethode von Html5 Drag & Drop
    Heute werde ich über das Drag-and-Drop-Problem von HTML5 schreiben. Einstellungselemente können per Drag & Drop verschoben werden Legen Sie das ziehbare Attribut des Elements fest und setzen Sie es auf true. Das Element kann dann per Drag & Drop verschoben werden. (Hinweis: Firefox unterstützt dies nicht) Elementereignis ziehen ondragstart: Wird vor dem Ziehen ausgelöst ondrag: Wird während des Ziehens kontinuierlich ausgelöst &
    H5-Tutorial 1655 2017-06-20 13:33:58
  • Projektpraxis: Medikamentenbox APP
    Projektpraxis: Medikamentenbox APP
    Ich habe 10 Tage gebraucht, um ein kleines statisches Projekt der Medical-Kit-APP rein von Hand zu schreiben, das Effekte wie Pull-up-Laden, Links- und Rechtsgleiten sowie Ein- und Ausblenden der Popup-Ebene aufweist hauptsächlich zum Üben. Folgendes ist Teil der Seitendarstellung: Ich verwende den mobilen Emulator der Entwicklertools von Google. Wenn Sie interessiert sind, können Sie es aus dem Dateielement auf meinem Blog herunterladen. Es gibt noch viele Bereiche, die optimiert werden müssen!
    H5-Tutorial 1796 2017-06-20 11:05:09
  • So verwenden Sie das HTML5-Boxmodell
    So verwenden Sie das HTML5-Boxmodell
    Boxmodell. Die Box besteht aus vier Teilen: Rand, Rahmen, Innenabstand und Inhalt. Rand: äußerer Rand Rand: Rand Polsterung: innerer Rand (Abstand zwischen Inhalt und Rand) Inhalt: Inhalt <!DOCTYPE html><html> <head> <meta
    H5-Tutorial 8069 2017-06-20 10:46:27

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