現在位置:ホームページ > 技術記事 > ウェブフロントエンド > H5 チュートリアル
- 方向:
- 全て ウェブ3.0 バックエンド開発 ウェブフロントエンド データベース 運用・保守 開発ツール PHPフレームワーク 毎日のプログラミング WeChat アプレット よくある問題 他の 技術 CMS チュートリアル Java システムチュートリアル コンピューターのチュートリアル ハードウェアチュートリアル モバイルチュートリアル ソフトウェアチュートリアル モバイル ゲームのチュートリアル
- 分類する:
-
- スイングに関するおすすめ記事
- これも HTML5 Canvas をベースにした 3D アニメーションの傑作で、風になびく 3D の服の揺れアニメーションの特殊効果が非常にリアルです。服の上でマウスをスライドさせると、服が揺れるアニメーションが表示されます。マウスをクリックすると、服がさらに激しく揺れます。オンライン デモのソース コードのダウンロード HTML コード<p style="width:500px;margin:10px auto"<canvas id=&q...
- H5 チュートリアル 1423 2017-06-15 10:46:00
-
- 変化におすすめの4つのコース
- 前のセクションでは、色とピクセルとは何かについて説明しました。実際、ほとんどの場合、ピクセルレベルの操作は必要ありません。必要なのは全体の色を設定することだけです。 1. 基本的な色 HTML5 で遊びながら学ぶ (2) - 基本的な描画では、色の設定に使用できる 2 つのコンテキスト属性があると述べました。現在描画したい色。塗りつぶされた領域の色の値は、CSS3 カラー値標準に準拠する有効な文字列にすることができます。下...
- H5 チュートリアル 1602 2017-06-15 10:45:18
-
- ネイティブ ドラッグ アンド ドロップに関連する推奨コンテンツ
- ドラッグ可能な属性 これまで、HTML5 のネイティブ ドラッグ アンド ドロップに関するいくつかの関連知識を紹介しました。今日は、HTML5 のドラッグ アンド ドロップに関するその他の小さな機能を紹介します。早速、一緒に見ていきましょう。デフォルトでは、リンク、テキスト、画像はドラッグ可能であるため、それらをドラッグするためのコードを記述する必要はありません。他の要素タグをドラッグ可能にしたい場合、それができるのは HTML5 だけです。 HTML5 では、すべての HTML 要素にドラッグ可能属性を指定し、要素をドラッグできるかどうかを示します。リンクや画像のタグ内...
- H5 チュートリアル 1385 2017-06-15 10:33:35
-
- おすすめクロスドキュメント特殊効果10選(集)
- HTML5 は、クロスドキュメント メッセージング (Cross-Document Messaging) をサポートしています。メッセージ通信なのでイベントが発生する必要があります。イベントの生成と消費に従って、送信者と受信者、つまり Sender と Listener を見つけることができます。 Litener は次の作業を行う必要があります: メッセージ処理関数を作成し、メッセージ処理関数を登録します: addEventListener('message', function, fal...
- H5 チュートリアル 1469 2017-06-15 10:30:56
-
- DOM オブジェクトの入門チュートリアル: DOM オブジェクトに関するゼロベースの推奨入門チュートリアル 10 件
- <canvas></canvas> は、id、class、style などの属性に加えて、高さと幅の属性もあります。 <canvas>> 要素に描画するには、次の 3 つの主な手順があります。 1. Canvas オブジェクトである <canvas> 要素に対応する DOM オブジェクトを取得します。 CanvasRenderingC を取得するには...
- H5 チュートリアル 5351 2017-06-15 10:15:36
-
- 定義リストのおすすめコース 10 選
- HTML5には多くの基本的なタグがあります。リストタグはWebページ内にテキスト要素をリスト形式で配置できます。リストタグには順序付きリスト、順序なしリスト、カスタムリストの3種類があります。 : <ul type =a>
- H5 チュートリアル 1386 2017-06-15 10:14:37
-
- ローカルプレビューに関するおすすめ記事10選
- この記事では、アップロードされた画像のプレビュー効果を実現するための JS+HTML5 を主に紹介し、JavaScript でアップロードされた画像のローカル プレビューの具体的な操作手順と関連する実装テクニックを完全な例の形で分析します。 JS+HTML5 の画像プレビュー効果のアップロードに関する記事です。詳細は次のとおりです。プロジェクトで、入力タグ ファイル タイプを使用したファイルのアップロードが発生しました。以前の解決策は、最初にファイルをアップロードすることでした。次に、ページに表示されるアドレスを返します。
- H5 チュートリアル 2165 2017-06-15 10:05:00
-
- メディア要素に関するチュートリアルの例
- HTML5 の video タグとビデオ プレーヤーを模倣するその効果は、一部の携帯電話で広く使用されています。モバイル版は基本的に Flash の独裁を廃止し、HTML5 がマスターとなることを許可しているため、ビデオのサポートが強化されています。そこで今日は、HTML5 とその効果的なプロジェクトへの応用について理解を深めるために、ビデオ プレーヤーをシミュレートする HTML5 ビデオ タグの小さな例を紹介します。 HTML コード<!-- ローカルの ogv オーディオを src に配置します --><video&nb...
- H5 チュートリアル 1467 2017-06-15 09:48:28
-
- ページアクセス速度に関するおすすめ記事10選
- 原題: Google's AMP - Accelerated Mobile Pages 著者のザック氏は先週の第 6 回 SEO ランキングで講演し、国際 SEO 業界の最新動向の一部を共有しました。そのコンテンツの1つがGoogleのAMPプロジェクトであり、これについてもここで説明します。 AMP(Accelerated Mobile Pages)とは、ざっくり訳すと「加速されたモバイルページ」という意味で、モバイルページのアクセス速度を向上させるためにGoogleが昨年10月に発表した技術です。具体的な技術詳細はプロジェクトの公式サイトでご覧いただけます。簡単な中国語もあります...
- H5 チュートリアル 1426 2017-06-15 09:34:56
-
- ヘッダー定義に関するおすすめ記事 8 選
- 1. グローバル ヘッダーを定義します。このヘッダーはすべてのパネルのデフォルトのヘッダーです。<p id="afui"> 内、つまり、<p id= と同じレベルにヘッダー タグを追加する必要があります。 content"> であり、ID はヘッダーである必要があります。例: <!DOCTYPE html> <html>&
- H5 チュートリアル 1605 2017-06-15 09:16:35
-
- Canvas.toDataURLのおすすめ特殊効果5選(コレクション)
- 問題の背景: 再生されたビデオのスクリーンショットを撮るという要件が発生しました。ビデオは video タグを使用して再生され、ビデオ再生領域をクリックするとリアルタイムのフレーム画像がキャプチャされます。コードは次のように非常に単純です: var video = document.getElementById('video'); var Canvas = doc..
- H5 チュートリアル 1520 2017-06-15 09:16:00
-
- 家電に関するおすすめ記事10選
- HTML5 は PC インターネットのパターンを覆し、モバイル インターネット エクスペリエンスを最適化しました。今後数年で、HTML5 はネイティブ アプリの世界を覆すでしょう。クロスプラットフォーム: マルチスクリーン時代において、開発者の苦痛指数は非常に高く、誰もが HTML5 が救世主の役割を果たすことを期待しています。複数のコード セット、さまざまな技術的な作業、ビジネス ロジックの同期は、骨の折れるプロセスです。これは、初期のパーソナル コンピューターの世界に少し似ています。当時、各コンピューターには独自のオペレーティング システムとプログラミング言語があり、開発者はさまざまなバージョンを作成することにうんざりしていました。実際、DOS の人気は次のような理由によるものでした。開発者には本当にエネルギーがありませんでした...
- H5 チュートリアル 1924 2017-06-14 17:10:44
-
- クロスドメイン通信に関するおすすめ記事 10 選
- HTML5 は、Web ドキュメント間で情報を送受信する機能を提供します。この機能を利用すると、Webページが配置されているウィンドウオブジェクトのインスタンスさえ取得できれば、同じオリジン(ドメイン+ポート番号)のWeb Webページ同士だけでなく、クロスドメイン通信も可能になります。達成される。ブラウザのサポート: IE8+、firefox4+、chrome8+ opera10+1 まず、他のウィンドウからメッセージを受信したい場合は、次のようにウィンドウ オブジェクトのメッセージ イベントを監視する必要があります。
- H5 チュートリアル 1608 2017-06-14 17:06:05
-
- window.postMessageに関するおすすめ記事6選
- この記事では、主に HTML5 window.postMessage とクロスドメインの詳細な説明を紹介します。これを必要とする友人は参照してください。前の記事では、これを防ぐブラウザーの同一オリジン ポリシーについて説明しました。異なるドメインのページが相互にアクセスできないようにするためのメソッドと属性、および同一オリジン ポリシーのクロスドメイン問題を解決するために提案されたソリューション (サブドメイン プロキシ、JSONP、CORS) について詳しく説明します。この記事では、HTML5 window.postMessage について詳しく説明します。postMessage API を使用すると、ドキュメントを安全かつ制御可能な方法で接続できます。
- H5 チュートリアル 1509 2017-06-14 15:56:46
-
- ゲーム開発に関するおすすめ記事6選
- 最初の 2 つの記事では、RPG の開発によりマップの追加とゲーム キャラクターの追加が実現されました。この記事では、マップのスクロール原理について次のような効果があります。下の図を参照し、上の図の指示に従ってください。地図をスクロールするには、最初に次の地図 (図の黄色の部分) を描画し、地図が描画された後で地図をスクロールするだけです。スクロールした場合は、画面の外側の部分 (図の緑色の部分) を削除します。まず、地図をスクロールするかどうかを制御する変数を追加します。//地図スクロール var mapmove = ...
- H5 チュートリアル 1914 2017-06-14 14:20:07