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

Article Tags

H5-Tutorial

Heim

Technical articles

Web-Frontend

H5-Tutorial

HTML5-Programmierpraxis Teil 3 – Bildtext (txt) Drag-and-Drop-Vorschau des Implementierungscodes

Wenn es sich bei der Datei um TXT-Text handelt, verwenden Sie die Methode readAsText von FileReader, um die Datei als Text zu lesen (Standard ist das UTF-8-Format), legen Sie sie im Speicher ab und zeigen Sie sie dann im DIV an.

Mar 30, 2017 pm 01:33 PM

HTML5，图片文本，拖拽预览

HTML5视频播放器<video>和音频播放器<audio>用法

HTML5里引入的新标记 audio 和 video 实现了HTML对视频播放和音频播放的原生支持，有了这种原生的HTML5视频播放器/音频播放器，我们不再需要flash技术，而直接能将视频/音频嵌入到了网页中

Mar 30, 2017 pm 01:30 PM

HTML5videoaudio

HTML5-Programmierpraxis Teil 2 – Verwenden von Animationen zum Wechseln der Bildcode-Fälle

In diesem Artikel wird hauptsächlich die Methode drawImage in der Canvas-API verwendet. Diese Methode wird im Folgenden kurz vorgestellt. Um Bilder in der Canvas-API zu zeichnen, verwenden Sie die Methode drawImage. Dies ist eine überladene Methode, die wie folgt definiert ist:

Mar 30, 2017 pm 01:30 PM

HTML5，切换图片，动画形式

基于纯CSS3的6种手绘涂鸦按钮效果

这是一组非常有趣的纯CSS3手绘风格卡通按钮设计效果。这组手绘风格按钮共6种不同的效果，它们以手绘涂鸦的方式，以不同的按钮边框线条宽度和虚线来构成按钮，效果非常不错。

Mar 30, 2017 pm 01:28 PM

CSS3按钮效果涂鸦代码

HTML5-Programmierpraxis Teil eins – Beispielcode-Sharing für die Implementierung der HTML5-Uhr

Dieser Artikel beschreibt einen der praktischen Aspekte der HTML5-Programmierung – die Details zum Teilen des Beispielcodes zur Implementierung der HTML5-Uhr. Er hat einen bestimmten Referenzwert.

Mar 30, 2017 pm 01:25 PM

HTML5，时钟

基于HTML5 Canvas实现视频破碎重组特效

你可能见过HTML5图片破碎动画特效，实现原理也挺简单。但是你应该没见过视频也可破碎重组，利用HTML5 Canvas的相关特性，实现点击鼠标让视频破碎重组的效果，然后经过一段时间，破碎的区域又重组还原。

Mar 30, 2017 pm 01:24 PM

HTML5，Canvas，视频破碎重组

Praktischer HTML5 Canvas-Codefall, um einen Feuerwerkseffekt zu erzielen

requestAnimationFrame ist eine Schnittstelle, die von Browsern für zeitgesteuerte Schleifenoperationen verwendet wird, ähnlich wie setTimeout. Ihr Hauptzweck besteht darin, Webseiten nach Frame neu zu zeichnen.

Mar 30, 2017 pm 01:22 PM

HTML5 ，Canvas，烟花效果

HTML5 canvas超逼真的模拟时钟特效

thooClock是一款效果非常逼真的HTML5 canvas模拟时钟特效。该时钟特效使用jQuery和HTML5 Canvas API来制作，模拟现实生活中的时钟。并且它还具有定时闹钟的功能。

Mar 30, 2017 pm 01:19 PM

HTML5，canvas，模拟时钟特效

Spezifische Analyse von localStorage und sessionStorage des lokalen HTML5-Speichers

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.

Mar 30, 2017 pm 01:15 PM

HTML5，localStorage、sessionStorage

Code-Sharing für die wichtigsten neuen Tags in HTML5

HTML5 ist nach HTML4 die nächste Generation der HTML-Standardspezifikation, die einige neue Elemente und Attribute bereitstellt. Die neuen Tags sind für Suchmaschinen und die semantische Analyse von Vorteil und helfen gleichzeitig Geräten mit kleinem Bildschirm und sehbehinderten Menschen, sie besser zu nutzen. Darüber hinaus bieten sie auch einige neue Funktionen.

Mar 30, 2017 pm 01:12 PM

HTML5，新增标签

Detaillierte Einführung in das neue HTML5-Label Canvas

Canvas wird zum Anzeigen von Bildern auf Webseiten verwendet und kann den Inhalt anpassen. Im Grunde handelt es sich um eine Bitmap, die mit JavaScript manipuliert werden kann.

Mar 30, 2017 pm 01:07 PM

HTML5，Canvas，新标签

Neue HTML5-Funktionen: Datei- und Binärdatenoperationen

In der Vergangenheit war JavaScript nicht in der Lage, Binärdaten zu verarbeiten. Wenn Sie es verarbeiten müssen, können Sie die Textkodierung nur mit der Methode charCodeAt() Byte für Byte in Binärdaten umwandeln. Eine andere Möglichkeit besteht darin, die Binärdaten in Base64-Kodierung umzuwandeln und sie dann zu verarbeiten. Beide Methoden sind nicht nur langsam, sondern auch fehleranfällig. ECMAScript5 führte das Blob-Objekt ein, das die direkte Manipulation von Binärdaten ermöglicht.

Mar 30, 2017 pm 01:02 PM

HTML5，文件，二进制数据

Ausführliche Erläuterung der neuen Funktionen von HTML5: Dokumentübergreifende Nachrichtenübermittlung

Die sogenannte „Same-Domain-Einschränkung“ bedeutet, dass der Browser aus Sicherheitsgründen nur zulässt, dass Skripte mit Adressen desselben Protokolls, desselben Domänennamens und desselben Ports kommunizieren.

Mar 30, 2017 am 11:55 AM

HTML5，跨文档，消息传输

Neue HTML5-Funktionen Web Worker

Die JavaScript-Sprache verwendet ein Single-Threaded-Modell, was bedeutet, dass alle Aufgaben in einer Warteschlange angeordnet sind und jeweils nur eine Aufgabe ausführen können. Mit zunehmender Rechenleistung des Computers bringt dies große Unannehmlichkeiten mit sich und verhindert, dass das volle Potenzial von JavaScript ausgeschöpft wird. Dies gilt insbesondere, wenn man bedenkt, dass die Datei-API es JavaScript ermöglicht, lokale Dateien zu lesen.

Mar 30, 2017 am 11:54 AM

HTML5，Web ，Worker