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

  • Grundlegende Implementierung des HTML5-Canvas-Zeichnungsfüllstils
    Grundlegende Implementierung des HTML5-Canvas-Zeichnungsfüllstils
    <canvas></canvas> ist ein neues Tag in HTML5, das zum Zeichnen von Grafiken verwendet wird. Tatsächlich ist dieses Tag dasselbe wie andere Tags. Seine Besonderheit besteht darin, dass dieses Tag ein CanvasRenderingContext2D-Objekt erhalten kann, das wir mit JavaScript verwenden können um dieses Objekt zum Zeichnen zu steuern. <canvas></canvas> ist nur ein Container zum Zeichnen von Grafiken zusätzlich zu Attributen wie id, class, style und hei
    H5-Tutorial 3044 2018-05-22 15:45:50
  • Detaillierte Erläuterung der schnellen Entwicklung von Anwendungen basierend auf dem HTML5-Netzwerktopologiediagramm (Bilder und Text)
    Detaillierte Erläuterung der schnellen Entwicklung von Anwendungen basierend auf dem HTML5-Netzwerktopologiediagramm (Bilder und Text)
    Dieses Beispiel zeigt, wie eine Kombination aus zwei Knoten, einer Verbindung und einer Gruppe erstellt wird. In Kombination mit „Hunderte von HTML5-Beispielen zum Erlernen von HT-Grafikkomponenten – Topologiekarte“ können Sie leicht verstehen, dass beim Erstellen einer Topologieschnittstelle im Wesentlichen das DataModel-Datenmodell ausgeführt wird. Im Folgenden finden Sie den Modellcodeteil, der den Schnittstelleneffekt im obigen Bild erstellt :
    H5-Tutorial 6593 2018-05-22 11:38:13
  • Bringen Sie Ihnen bei, wie Sie ein Obstschneidespiel mit HTML5 und JS implementieren
    Bringen Sie Ihnen bei, wie Sie ein Obstschneidespiel mit HTML5 und JS implementieren
    Das Obstschneidespiel war einst ein beliebtes Gelegenheitsspiel auf Mobiltelefonen. Heute stellen wir eine Webversion des Obstschneidespiels vor, die mit JavaScript und HTML5 implementiert ist. Die Funktionen unterscheiden sich jedoch stark von der Originalversion Funktionen sind weiterhin vorhanden. Die Nachahmung ist durchaus realistisch. Freunde mit einem bestimmten JavaScript-Level können einen Blick auf den Quellcode werfen. Ich glaube, Ihr JavaScript-Level wird erheblich verbessert. Online-Demo-Quellcode-Download Kompletter JavaScript-Code /** * Diese Datei wurde von jsbuild 0.9.6 * kompiliert.
    H5-Tutorial 7982 2018-05-22 11:18:29
  • Detaillierte Einführung in den Grafik- und Textcode zum Erstellen von 3D-Szenen basierend auf der HTML5-WebGL-Technologie (1)
    Detaillierte Einführung in den Grafik- und Textcode zum Erstellen von 3D-Szenen basierend auf der HTML5-WebGL-Technologie (1)
    HT für Web bietet Benutzern eine Vielzahl grundlegender Typen zur Verwendung bei der Modellierung. Im Gegensatz zu herkömmlichen 3D-Modellierungsmethoden basiert die Kernmodellierung von HT auf API-Schnittstellen, die über die vordefinierten Grundtypen und Parameterschnittstellen von HT erstellt werden dreidimensionale Modelle. Lassen Sie uns als Nächstes über vordefinierte 3D-Modelle und Parametereinstellungen sprechen.
    H5-Tutorial 5622 2018-05-21 11:36:29
  • html移动端页面、图片多少宽度最合适?
    html移动端页面、图片多少宽度最合适?
    目前网站开发已经更多的转向移动端设计、制作,想询问一下移动端网页宽度多少合适?960px、640px、480px、320px?图片多少宽度适合?比如用640px的图片宽度设置为320px是否比较清晰?但是图片大小会较大是否合适?
    H5-Tutorial 10352 2018-05-19 14:57:48
  • Überwachen Sie die Front-End-Leistung mithilfe der HTML5-API
    Überwachen Sie die Front-End-Leistung mithilfe der HTML5-API
    Die User Timing API kann die Leistung zwischen zwei vordefinierten Markierungen in einer Webanwendung messen. Entwickler müssen lediglich die Start- und Endmarkierungen der Messung separat definieren. Die Zeitposition kann über die vom JavaScript-Objekt „“ bereitgestellte Funktion markiert werden.
    H5-Tutorial 2434 2018-05-19 14:31:37
  • So implementieren Sie die rechte Ausrichtung von Datum und Titel im Li-Tag
    So implementieren Sie die rechte Ausrichtung von Datum und Titel im Li-Tag
    Ich hoffe, dass der Titel nach links und das Datum nach rechts ausgerichtet wird. Wenn float:right direkt zur Spanne des Datums hinzugefügt wird, sind sowohl IE8 als auch FF in Ordnung, aber IE6/7 wird das umbrechen Hier ist eine einfache und effektive Lösung.
    H5-Tutorial 4450 2018-05-18 17:17:50
  • html5、jquery怎样实现在回到历史页面时完全保留之前离开这个页面时的状态?
    html5、jquery怎样实现在回到历史页面时完全保留之前离开这个页面时的状态?
    比如在页面A中点开了一个折叠列表(用jquery做的),并且向下拖动了一点滚动条,然后通过列表中的某个按钮跳转到了页面B,B页面中有一个goback按钮,点击一下就能跳回页面A,跳回页面A时,滚动条保持在之前离开时的状态,并且之前打开的那个折叠列表也要是保持打开的。有哪些html5 API或jquery API可以实现吗?ps:我试了jquery 中的history.back(),可以实现滚动条位
    H5-Tutorial 9451 2018-05-18 15:50:11
  • Teilen Sie Webpack-Beispiel-Tutorials
    Teilen Sie Webpack-Beispiel-Tutorials
    Webpack zuerst global installieren, dann initialisiert npm ein Projekt und installiert lokal Webpack-Entwicklungstools $ npm install webpack -gnpm init (Projektname) $ npm install webpack-dev-server --save-dev erstellt den App-Ordner im Projektverzeichnis. Und erstellen Sie die Datei index.js und schreiben Sie den folgenden Code console.log(
    H5-Tutorial 1692 2018-05-18 15:17:28
  • Experimentieren Sie, wie Sie APP-Funktionen auf HTML5-Seiten aktivieren
    Experimentieren Sie, wie Sie APP-Funktionen auf HTML5-Seiten aktivieren
    In diesem Artikel wird hauptsächlich erläutert, wie die APP-Funktion auf HTML5-Seiten aktiviert wird. Freunde, die sie benötigen, können darauf verweisen.
    H5-Tutorial 5377 2018-05-18 15:11:56
  • Wie verwende ich die HTML5-Geo-Targeting-Funktion?
    Wie verwende ich die HTML5-Geo-Targeting-Funktion?
    Geolokalisierung ist eine der wichtigen Funktionen von HTML5, die die Funktion zur Bestimmung des Standorts des Benutzers bietet. Mit dieser Funktion können Anwendungen entwickelt werden, die auf Standortinformationen basieren. Der heutige Artikel stellt Ihnen die Grundprinzipien der HTML5-Geolokalisierung und die Datengenauigkeit jedes Browsers vor.
    H5-Tutorial 11753 2018-05-18 14:26:33
  • Wie exportiere ich HTML, um ein Word-Dokument zu erstellen?
    Wie exportiere ich HTML, um ein Word-Dokument zu erstellen?
    Vorwort: Während der Projektentwicklung stieß ich auf die Notwendigkeit, den Inhalt der HTML-Seite in ein Word-Dokument zu exportieren, also habe ich mir diesen Aufsatz ausgedacht. Natürlich war die Projektentwicklungszeit etwas knapp und das erste, woran ich dachte, war die Verwendung von Plug-Ins, also schaute Baidu vorbei. Hier sind zwei Methoden zum Exportieren von Word-Dokumenten. Methode 1: Word über jquery.wordexport.js exportieren. Hinweis: Kompatibel mit IE9 und höher. Ich habe kurz den Code des Plug-ins jquery.wordexport.js durchgesehen und festgestellt, dass Text und Bilder über dieses Plug-in exportiert werden können.
    H5-Tutorial 23751 2018-05-18 13:41:05
  • So erzielen Sie mit HTML5 den Effekt des Wartens auf das Laden der Animation
    So erzielen Sie mit HTML5 den Effekt des Wartens auf das Laden der Animation
    Dieser Artikel stellt Ihnen anhand eines Beispielcodes die perfekte Lösung für den HTML5-Warten auf den Ladeanimationseffekt vor.
    H5-Tutorial 4553 2018-05-18 11:45:39
  • HTML5-Entwicklungsbeispiel – 3D-Panorama (ThreeJs-Panorama-Demo) ausführliche Erklärung (Bild)
    HTML5-Entwicklungsbeispiel – 3D-Panorama (ThreeJs-Panorama-Demo) ausführliche Erklärung (Bild)
    Vorwort In der aktuellen Panorama-H5-Umgebung gibt es viele Möglichkeiten, ein Panorama direkt zu erstellen, oder eine auf ThreeJs basierende Bibliothek zu verwenden. Es gibt auch viele andere Panorama-Erstellungssoftware Wenn ein Ingenieurslöwe, der 3D-Panorama entwickelt hat, der Meinung ist, dass der Inhalt zu langweilig ist ...
    H5-Tutorial 36978 2018-05-18 10:29:05
  • HTML5 Canvas:绘制渐变色
    HTML5 Canvas:绘制渐变色
    HTML5 Canvas渐变是一种用于填充或描边图形的颜色模式。渐变色是由不同的颜色进行过渡,而不是单一的颜色。渐变按照类型来分分为线性渐变和径向渐变。来看几个canvas渐变色的例子 ...,。
    H5-Tutorial 17281 2018-05-18 09:11:25

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