Seite82-H5-Tutorial Programmier-Tutorials: Lernen SieH5-Tutorial Online-php.cn

Article Tags

H5-Tutorial

Heim

Technical articles

Web-Frontend

H5-Tutorial

Praktische Erstellung von HTML5 Tetris (Bilder und Text)

Die Hauptschnittstelle des Spiels sollte, wie unten gezeigt, aus einzelnen Blöcken bestehen. Dies dient lediglich dem besseren Verständnis Ziegel ist gesetzt (Netzwerk) Die Größe des Gitters beträgt 20×20, es gibt also 20 Ziegel in jeder Reihe und 25 Ziegel in jeder Spalte. Zugehöriger Code:

Apr 01, 2017 am 11:24 AM

html5，俄罗斯方块

html5 navigator.geolocation ruft den geografischen Standortcode basierend auf dem Browser ab

HTML5 stellt das Geolocation-Attribut für window.navigator bereit, mit dem der geografische Standort des aktuellen Benutzers basierend auf dem Browser ermittelt wird.

Apr 01, 2017 am 11:15 AM

html5 ，geolocation，navigator

Code-Sharing von HTML5 WebSocket in jetty7 implementiert

Für einige Systeme, die hohe Echtzeitdaten erfordern, wie z. B. Börsenkurse, Online-Chat und Weibo, ist es notwendig, einen Daten-Push in Echtzeit zu realisieren. Zu den üblichen Möglichkeiten, einen Echtzeit-Push zu erreichen, gehören:

Apr 01, 2017 am 11:13 AM

html5 ，WebSocket，jetty7

Detaillierte Code-Erklärung des HTML5-Offline-Anwendungs-Anwendungscache

Normalerweise verwenden wir Browser-Caching, um eine einzelne Webseite auf der Festplatte des Benutzers zu speichern, wodurch Bandbreite gespart wird, wenn der Benutzer erneut surft. Trotzdem ist es immer noch unmöglich, ohne Internet auf das Web zuzugreifen. Um die Webanwendung offline zugänglich zu machen. HTML5 bietet Offline-Speicherfunktionen über die Anwendungs-Cache-API. Voraussetzung ist, dass die Webseite, die Sie besuchen möchten, mindestens einmal online besucht wurde.

Apr 01, 2017 am 11:09 AM

html5，application ，cache

Detaillierte Erläuterung des Grafikcodes des Web-SCADA-Berichts basierend auf HTML5

Kürzlich stieß ich bei einem SCADA-Projekt auf die Notwendigkeit, Geräteberichte auf einer Webseite anzuzeigen. Ein vollständiger Bericht enthält im Allgemeinen verschiedene Elemente wie Filteroperationsbereich, Tabelle, Diagramm, Anzeigetafel usw., wobei die Datentabelle das am häufigsten verwendete Steuerelement ist. In früheren Industrieprojekten sahen alle Tabellen gleich aus und zeigten relevante Informationen durch Zahlen und einfache Änderungen der Hintergrundfarbe an. Aber jetzt, durch den Einfluss verschiedener mobiler Apps und Webanwendungen, verbessern sich die Ästhetik und Anforderungen der Menschen ständig, insbesondere bei Webprojekten. Es ist in der Tat etwas veraltet, immer noch altmodische digitale Tabellen zu verwenden.

Apr 01, 2017 am 11:05 AM

HTML5，Web ，SCADA

Beispielcode-Freigabe für die HTML5-Webversion des Schwarz-Weiß-Backgammon-Spiels

Ich habe nichts zu tun, also habe ich H5 verwendet, um ein paar kleine Spiele zu spielen, also möchte ich mit ihnen spielen. Gott, bitte beschwere dich nicht und weißen Backgammon-Spielcode, laden Sie bitte den Anhang für den Quellcode herunter!

Apr 01, 2017 am 10:57 AM

HTML5，五子棋游戏，黑白子

HTML5-Imitation der offiziellen AMD9-Website, Beispielcode für coole Download-Anleitungsseite, Animations-Spezialeffekte

Ich habe immer am Backend gearbeitet, aber in letzter Zeit bin ich immer noch ein wenig daran interessiert, dass H5 sehr beliebt ist, also habe ich HTML5 verwendet, um den Fall der coolen Download-Guide-Seite mit Spezialeffekten auf der offiziellen AMD9-Website zu imitieren Teilen Sie es unten mit. Natürlich bin ich nur ein Anfänger.

Apr 01, 2017 am 10:54 AM

html5，AMD9，下载引导

HTML5模拟齿轮动画代码实例

这是一个基于HTML5的齿轮动画特效，我们将齿轮转动的物理学原理，转换为HTML5代码，在网页上实现了模拟齿轮转动的动画效果。该齿轮动画的最大特点是它由好多个齿轮组成，这对齿轮传动的算法要求就大大提高了，而且我 ...，。

Mar 31, 2017 pm 03:17 PM

HTML5，齿轮动画

Beispielcode zum Kombinieren der Reset- und Base-Stile von HTML5

Durch die Kombination von „Normalize CSS“, „Reset CSS“, „Base CSS“ und „Html5 Reset CSS“ wurde ein neuer Stil kompiliert. Ich werde ihn vorübergehend die Kombination von „HTML5 Reset CSS“ und „Base CSS“ nennen. Der entsprechende Code wird unten veröffentlicht, damit alle ihn gemeinsam besprechen können.

Mar 31, 2017 pm 01:54 PM

Html5，Reset，Base

Beispielcode-Sharing von HTML5 zur Erzielung eines Schneeeffekts

In diesem Artikel wird das Beispielcode-Sharing von HTML5 beschrieben, um den Schneeeffekt zu erzielen. Freunde in Not können sich darauf beziehen.

Mar 31, 2017 pm 01:51 PM

HTML5，下雪

Ausführliche Erläuterung der Untersuchung der drei Effekte von Akkordeon in HTML5-Anwendungen

Zusammenfassung: Der Akkordeoneffekt (auch bekannt als „Schubladeneffekt“) ist nach seinem Erweiterungsstil benannt, der wie ein Akkordeon aussieht. Durch hierarchische Beziehungen wird eine geschickte Balance zwischen Informationsdarstellung und Seitenlayout erreicht. Daher wird es häufig im Web- und App-Interaktionsdesign verwendet. In früheren Projekten wurde Accordion normalerweise durch JavaScript-Codierung implementiert. Dieser Austausch konzentriert sich auf die Erforschung zweier Methoden, die nicht auf JS angewiesen sind und reines CSS3 oder HTML5 verwenden, um ihre Wirkung zu erzielen. Und vergleichen Sie vorab die Vor- und Nachteile.

Mar 31, 2017 pm 01:47 PM

HTML5，accordion

Beispiel für das Aufnehmen von Fotos mit getUserMedia von HTML5

1. Rufen Sie die Kamera des Geräts über getUserMedia auf (entweder Computer oder Mobiltelefon, je nachdem, ob der Browser diese API unterstützt) und fügen Sie die Ressource in das Video-Tag ein.

Mar 31, 2017 pm 01:40 PM

HTML5，getUserMedia，拍照

Beispielcode-Freigabe für Paging mithilfe der HTML5-API

Dieser Artikel beschreibt die gemeinsame Nutzung von Beispielcode für die Implementierung von Paging mithilfe der HTML5-API. Er hat einen bestimmten Referenzwert.

Mar 31, 2017 pm 01:38 PM

html5 ，Api，分页

Detaillierte Einführung in die Kompatibilitätsverarbeitung neuer HTML5-Tags (Bild)

Obwohl die neuen semantischen Tags von HTML5 viele Vorteile haben, gibt es immer noch Kompatibilitätsprobleme in älteren Versionen von IE-Browsern. Sollten sie mutig neue Tags verwenden oder eine große Anzahl bedeutungsloser DIVs verwenden? Heute werfen wir einen kurzen Blick auf die Kompatibilität der neuen H5-Tags.

Mar 31, 2017 pm 01:34 PM

HTML5，新标签，兼容性处理