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

Article Tags

H5-Tutorial

Heim

Technical articles

Web-Frontend

H5-Tutorial

Wie verwende ich Zeichenwerkzeuge? Zusammenfassung der Anwendungsbeispiele von Zeichenwerkzeugen

Nachdem ich das letzte Mal das HTML5-Pfad- und Kreiszeichnen gelernt habe, um eine dynamische Uhr zu erstellen, und die Umkehrung des unterschiedlichdimensionalen Raums, um ein sich bewegendes Sonnensystem zu erstellen, habe ich in den letzten zwei Tagen Wissenspunkte wie Strichzeichnung und Kreiszeichnung kombiniert , und Füllen, um eine einfache Online-Zeichnung zu erstellen. Werkzeuge: Demo ansehen: Zu den einfachen Funktionen des HTML5-Online-Zeichenwerkzeugs gehören kostenlose Pinsel, Radiergummis, Textfüllung, Zeichnen von Dreiecken, Zeichnen von Kreisen usw. Für einen Anfänger wie mich ist es ziemlich schwierig, aber ich Beziehen Sie sich immer noch auf die Informationen und langsam kam „work it out“ heraus. Die Idee von Free Brush: /******* Free Brush *******/fun...

Jun 12, 2017 am 09:35 AM

Empfohlene Artikel zu localStorage und sessionStorage

1. Übersicht LocalStorage und SessionStorage werden zusammen als Web Storage bezeichnet und ermöglichen es Webseiten, Daten auf der Browserseite zu speichern. Die von sessionStorage gespeicherten Daten werden für eine Browsersitzung verwendet (normalerweise wird das Fenster geschlossen), die von localStorage gespeicherten Daten bleiben für längere Zeit bestehen Die Seite kann die zuvor gespeicherten Daten direkt lesen. Bis auf die unterschiedlichen Aufbewahrungsfristen sind die Eigenschaften und Methoden der beiden Objekte exakt gleich. Sie sehen sehr nach Coo aus...

Jun 12, 2017 am 09:17 AM

Kursempfehlungen zu Basisvorlagen

Beispielcode für die gemeinsame Nutzung einer HTML5-Basisvorlage<!doctype html>

Jun 12, 2017 am 09:15 AM

Detaillierte Einführung in FileAPI

In HTML5 wird eine API für Dateioperationen bereitgestellt. Durch diese API wird die entsprechende Verarbeitung des Zugriffs auf das lokale Dateisystem von der Webseite aus sehr einfach. Bisher unterstützen es nur einige Browser. 1. FileList-Objekt und File-Objekt Das FileList-Objekt stellt eine Liste der vom Benutzer ausgewählten Dateien dar. In HTML4 darf nur eine Datei im Dateisteuerelement platziert werden, in HTML5 können jedoch mehrere Dateien in der Datei platziert werden Steuerung durch Hinzufügen des Mehrfachattributs. Jede vom Benutzer ausgewählte Datei im Steuerelement ...

Jun 11, 2017 pm 04:32 PM

Detaillierte Einführung in Animationsformen

Das in diesem Artikel verwendete Hauptwissen: In diesem Artikel wird hauptsächlich die drawImage-Methode in der Canvas-API verwendet. Diese Methode wird im Folgenden kurz vorgestellt. Um ein Bild in der Canvas-API zu zeichnen, verwenden Sie die Methode drawImage, eine überladene Methode, die wie folgt definiert ist: context.drawImage(image,x,y);context.drawImage(image,x,y,w,h);context .drawImage( image,sx,sy,sw,sh,...

Jun 11, 2017 pm 03:03 PM

Wie verwende ich die Mobilstation? Fassen Sie die Verwendung von Mobilstationsbeispielen zusammen

Derzeit nutzen immer mehr Menschen Mobiltelefone zum Einkaufen, und der Datenverkehr auf mobilen Endgeräten hat den auf PCs übertroffen. Viele Händler haben direkt ihre eigenen mobilen Websites gestartet, und einige erstellen seitdem sogar nur mobile Websites Mobile Websites sind so beliebt, dass die chinesische PHP-Website auch 5 stilvolle Front-End-Vorlagen für mobile Einkaufszentren für jedermann empfiehlt, die Sie gerne herunterladen können! 1. Vollständige Download-Demonstration und Download-Adresse der mobilen WAP-Version der Fruit Mall-Website-Vorlage: http://www.php.cn/xiazai/code/184 Vollständiger Download-Satz der mobilen WAP-Version der Fruit Mall-Website Vorlage. Es ist sehr schön. Willkommen zum Herunterladen! ...

Jun 11, 2017 pm 01:56 PM

Detaillierte Einführung in den Browserverlauf

Das Fensterobjekt im DOM ermöglicht den Zugriff auf den Browserverlauf über die window.history-Methode, sodass Sie im Zugriffsdatensatz des Benutzers vorwärts und rückwärts navigieren können. Beginnend mit HTML5 können wir mit der Bearbeitung dieses Verlaufsstapels beginnen. 1. History verwendet die Methoden back(), forward() und go(), um im Verlauf des Benutzers vorwärts und rückwärts zu navigieren: window.history.back(); Das Browser-Tool entspricht der Eingabetaste in der Leiste. Dasselbe...

Jun 11, 2017 pm 01:29 PM

Detaillierte Einführung in mobile Seiten

Beim Umgang mit mobilen Seiten müssen wir manchmal das Bannerbild in ein Quadrat mit der gleichen Breite wie der Bildschirm umwandeln, um das beste Erlebnis zu erzielen, wie zum Beispiel bei der mobilen Seite von Flipbord: Wie sollten wir also reines CSS verwenden, um ein Quadrat zu erstellen, das sich anpassen lässt? zur Größe? Wolltuch? Lösung 1: CSS3 vw-Einheit CSS3 fügt einen neuen Satz von Längeneinheiten vw, vh, vmin, vmax relativ zum Prozentsatz des sichtbaren Bereichs hinzu. Dabei ist vw die Einheit relativ zum Prozentsatz der Ansichtsfensterbreite, 1vw = 1 % Ansichtsfensterbreite ...

Jun 11, 2017 pm 01:25 PM

Zusammenfassung der Beispielverwendung von %r und %s

HTML5 unterstützt dokumentübergreifendes Messaging (Cross-Document Messaging). Da Nachrichtenkommunikation verwendet wird, müssen Ereignisse auftreten. Entsprechend der Generierung und dem Verbrauch von Ereignissen können wir den Sender und den Empfänger ermitteln, dh den Sender und den Zuhörer. Litener muss die folgende Arbeit ausführen: eine Nachrichtenverarbeitungsfunktion schreiben; die Nachrichtenverarbeitungsfunktion registrieren: addEventListener('message', function, fal...

Jun 11, 2017 pm 01:16 PM

Wie verwende ich responsive Webseiten? Fassen Sie die Nutzung responsiver Webseiten zusammen

Responsive Webdesign ist eine tolle Lösung für das Multi-Screen-Problem, ist aber aus gedruckter Sicht etwas schwierig. Es gibt keine festen Seitengrößen, keine Millimeter oder Zoll, keine physischen Einschränkungen, keine Möglichkeit, anzufangen. Auch der ausschließliche Einsatz von Pixel-Design-Methoden für Desktop und Mobile gehört der Vergangenheit an, da immer mehr Geräte Websites öffnen können. Daher müssen wir einige Grundprinzipien des responsiven Webdesigns klären und flüssige Webseiten akzeptieren, anstatt dagegen anzukämpfen. 1. Responsives vs. adaptives Webdesign Sie scheinen gleich zu sein, sind es aber nicht. ...

Jun 11, 2017 am 10:52 AM

10 empfohlene Artikel zum Thema Somatosensorik

1. Einleitung Was für ein Spiel werden wir machen? Auf der Chengdu TGC2016-Ausstellung haben wir vor kurzem ein somatosensorisches Spiel für „Naruto Mobile“ entwickelt, das hauptsächlich das Handyspielkapitel „Nine-Tails Attack“ simuliert. Der Benutzer wird zur vierten Generation und konkurriert mit den Nine-Tails, was einen anzieht Es nehmen viele Spieler teil. Oberflächlich betrachtet unterscheidet sich dieses Spiel nicht von anderen somatosensorischen Erlebnissen. Tatsächlich läuft es unter dem Browser Chrome. Mit anderen Worten: Wir müssen nur die entsprechende Front-End-Technologie beherrschen, um ein webbasiertes somatosensorisches Spiel zu entwickeln Kinect. 2. Was ist das Umsetzungsprinzip und die Idee? Benutze H5...

Jun 11, 2017 am 10:36 AM

Was ist Messaging? Zusammenfassung von Beispielen zur Nachrichtenkommunikation

Jun 11, 2017 am 10:33 AM

Zusammenfassung der Tutorials zur Verwendung des Bootstrap-Frameworks

Bootstrap stammt von Twitter und ist ein sehr beliebtes Frontend-Framework. Bootstrap basiert auf HTML, CSS und JAVASCRIPT. Es ist einfach und flexibel und beschleunigt die Webentwicklung. „Dark Horse Programmer Bootstrap Video Tutorial“ erklärt, wie man Bootstrap für die Front-End-Entwicklung verwendet. 1. Dark Horse Programmer Bootstrap-Video-Tutorial, Kursansichtsadresse: http://www.php.cn/course/509.html Einführung: Bo...

Jun 11, 2017 am 10:25 AM

Wie verwende ich MyEclips? Zusammenfassung der Nutzung der MyEclips-Instanz

Heute bin ich beim Erlernen von HTML5 auf das Problem verstümmelter chinesischer Zeichen gestoßen: <body> Bitte geben Sie den Inhalt ein: <input pattern="[A-Z]{3

Jun 11, 2017 am 10:21 AM