Page83-Tutoriel de programmationTutoriel H5: elearningTutoriel H5-php.cn

Article Tags

Tutoriel H5

Maison

Technical articles

interface Web

Tutoriel H5

Partagez vous-même l'exemple de code pour créer vous-même html5 Star Trek

Le troisième jour d'apprentissage du canevas HTML5, j'ai senti que ce n'était pas suffisant et je l'ai oublié en un clin d'œil, alors j'ai prévu de faire un petit jeu pour jouer pendant que j'avais du temps libre ! Le jeu doit prêter attention aux performances et une certaine logique doit être prise en compte. Je pense qu'il nécessite également une possibilité de modification par l'utilisateur, c'est-à-dire une configuration utilisateur. OK, commençons notre voyage simple mais intéressant——

Apr 01, 2017 am 11:26 AM

html5，星际迷航

Création pratique de HTML5 Tetris (images et texte)

Tetris, l'interface principale du jeu doit être composée de blocs un par un, comme indiqué ci-dessous. Bien entendu, ces grilles ne sont pas visibles dans le produit fini. Ceci est juste pour aider à comprendre. La taille de l'interface principale est de 400 × 500. brique (réseau La taille de la grille est de 20×20, il y a donc 20 briques dans chaque rangée et 25 briques dans chaque colonne. Code associé :

Apr 01, 2017 am 11:24 AM

html5，俄罗斯方块

html5 navigator.geolocation obtient le cas du code de localisation géographique en fonction du navigateur

HTML5 fournit l'attribut de géolocalisation pour window.navigator, qui est utilisé pour obtenir l'emplacement géographique de l'utilisateur actuel en fonction du navigateur.

Apr 01, 2017 am 11:15 AM

html5 ，geolocation，navigator

Partage de code de WebSocket html5 implémenté dans jetty7

Pour certains systèmes qui nécessitent beaucoup de données en temps réel, tels que les cotations boursières, le chat en ligne et Weibo, il est nécessaire de réaliser une transmission de données en temps réel. Les moyens habituels pour obtenir un push en temps réel incluent :

Apr 01, 2017 am 11:13 AM

html5 ，WebSocket，jetty7

Explication détaillée du code du cache d'application HTML5 hors ligne

Nous utilisons généralement la mise en cache du navigateur pour stocker une seule page Web sur le disque de l'utilisateur, ce qui permet d'économiser de la bande passante lorsque l'utilisateur navigue à nouveau, mais malgré cela, il est toujours impossible d'accéder au Web sans Internet. Afin de rendre l'application web accessible hors ligne. HTML5 fournit une fonctionnalité de stockage hors ligne via l'API de cache d'application. Le principe est que la page Web que vous devez visiter a été visitée en ligne au moins une fois.

Apr 01, 2017 am 11:09 AM

html5，application ，cache

Explication détaillée du code graphique du rapport Web SCADA basé sur HTML5

Récemment, dans un projet SCADA, j'ai découvert le besoin d'afficher les rapports d'équipement dans une page Web. Un rapport complet contient généralement divers éléments tels qu'une zone de fonctionnement du filtre, un tableau, un graphique, un tableau d'affichage, etc., parmi lesquels le tableau de données est le contrôle le plus couramment utilisé. Dans les projets industriels précédents, tous les tableaux se ressemblaient, affichant des informations pertinentes sous forme de chiffres et de simples changements de couleur d'arrière-plan. Mais maintenant, sous l'influence de diverses applications mobiles et applications Web, l'esthétique et les exigences des gens s'améliorent constamment, notamment dans les projets Web, il est en effet un peu dépassé d'utiliser encore des tables numériques à l'ancienne.

Apr 01, 2017 am 11:05 AM

HTML5，Web ，SCADA

Exemple de partage de code pour la version Web HTML5 du jeu de backgammon en noir et blanc

Je n'ai rien à faire, alors j'ai utilisé H5 pour jouer à quelques petits jeux. Bien sûr, je ne suis qu'un novice, donc je veux jouer avec eux, s'il te plaît, ne te plains pas. 1. Version Web HTML5 du noir. et le code du jeu de backgammon blanc, veuillez télécharger la pièce jointe pour le code source !

Apr 01, 2017 am 10:57 AM

HTML5，五子棋游戏，黑白子

HTML5 imitation AMD9 site officiel cool télécharger guide page animation effets spéciaux exemple de code

J'ai toujours travaillé sur le backend, mais récemment, je suis encore un peu intéressé par le front-end, le populaire H5, j'ai donc utilisé HTML5 pour imiter le cas d'effets spéciaux d'animation de page de guide de téléchargement sympa du site officiel d'AMD9. partagez-le avec vous ci-dessous. Bien sûr, je ne suis qu'un débutant ;

Apr 01, 2017 am 10:54 AM

html5，AMD9，下载引导

HTML5模拟齿轮动画代码实例

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

Mar 31, 2017 pm 03:17 PM

HTML5，齿轮动画

Exemple de code pour combiner les styles Reset et Base de Html5

Un nouveau style a été compilé en combinant Normalize CSS, Reset CSS, Base CSS et Html5 Reset CSS. Je l'appellerai temporairement la combinaison de HTML5 Reset CSS et Base CSS. Le code correspondant est affiché ci-dessous pour que tout le monde puisse en discuter ensemble.

Mar 31, 2017 pm 01:54 PM

Html5，Reset，Base

Exemple de partage de code HTML5 pour obtenir un effet de neige

Cet article décrit un exemple de partage de code HTML5 pour obtenir l'effet neige. Les amis dans le besoin peuvent s'y référer.

Mar 31, 2017 pm 01:51 PM

HTML5，下雪

Explication détaillée de l'exploration des trois effets de l'accordéon dans les applications HTML5

Résumé : L'effet accordéon (également connu sous le nom de « tiroir ») doit son nom à son style d'expansion qui ressemble à un accordéon. Grâce aux relations hiérarchiques, un savant équilibre est atteint dans l’affichage des informations et la mise en page. Par conséquent, il est largement utilisé dans la conception d’interactions Web et d’applications. Dans les projets précédents, Accordion était généralement implémenté par le codage JavaScript. Ce partage se concentre sur l'exploration de deux méthodes qui ne s'appuient pas sur JS et utilisent du CSS3 ou du HTML5 pur pour obtenir leurs effets. Et faites une comparaison préliminaire de ses avantages et inconvénients.

Mar 31, 2017 pm 01:47 PM

HTML5，accordion

Exemple de prise de photos à l'aide de getUserMedia de HTML5

1. Appelez la caméra de l'appareil via getUserMedia (soit un ordinateur, soit un téléphone mobile, selon la prise en charge de cette API par le navigateur) et placez la ressource dans la balise vidéo.

Mar 31, 2017 pm 01:40 PM

HTML5，getUserMedia，拍照

Exemple de partage de code pour la pagination à l'aide de l'API HTML5

Cet article décrit le partage d'un exemple de code pour implémenter la pagination à l'aide de l'API html5. Il a une certaine valeur de référence. Examinons-le ensemble.

Mar 31, 2017 pm 01:38 PM

html5 ，Api，分页