現在位置:ホームページ > 技術記事 > ウェブフロントエンド > H5 チュートリアル
- 方向:
- 全て ウェブ3.0 バックエンド開発 ウェブフロントエンド データベース 運用・保守 開発ツール PHPフレームワーク 毎日のプログラミング WeChat アプレット よくある問題 他の 技術 CMS チュートリアル Java システムチュートリアル コンピューターのチュートリアル ハードウェアチュートリアル モバイルチュートリアル ソフトウェアチュートリアル モバイル ゲームのチュートリアル
- 分類する:
-
- サーバープッシュイベントの詳細な紹介
- サーバー送信イベントは、サーバーがイベントとデータをクライアントに送信する WebSocket プロトコルに基づく一方向通信です。現在、Internet Explorer を除くすべての主要なブラウザがサーバー送信イベントをサポートしています。 2333...WebSocket プロトコルは、HTTP プロトコルに続くサーバー/クライアント通信プロトコルです。クライアントがサーバーに応答を要求する HTTP の単純な一方向通信モードとは異なり、サーバーとクライアント間の双方向通信をサポートします。
- H5 チュートリアル 2200 2017-07-26 18:08:29
-
- h5 の新機能と Web ページのレイアウト例
- HTML5 の新機能: 1. 互換性 2. 合理性 3. 効率 4. セキュリティ 5. 分離 6. 簡素化 7. 汎用性 8. プラグインなし HTML5 の構成: 1. WHATWG2.W3C3.IETF HTML5 の機能: Canvas、チャネル メッセージ送信、クロスドキュメントメッセージング、地理位置情報、MathML、マイクロデータ、サーバー送信イベント、Scala
- H5 チュートリアル 2373 2017-07-26 09:39:45
-
- キャンバスのスクラッチオフに関するチュートリアルの例
- 今日は、前の記事の宝くじゲームと組み合わせて、キャンバスを使用して小さなゲーム、スクラッチオフを作成しました。まず、canvasを使って幅と高さが200pxのキャンバスを作成します。次に、span タグをキャンバスに配置します。 効果は次のとおりです。次に、canvas タグを取得し、配列を定義し、canvas を使用してこの部分をカバーする灰色の四角形を描画します。 効果は次のとおりです。キャンバスを使用して透明な円を作成します。マウスを移動すると、キャンバス上の灰色のレイヤーがクリアされ、下のテキストが表示されます(1 位)。 ...
- H5 チュートリアル 3449 2017-07-25 09:37:41
-
- HTML5学習ルート分析
- 私は約 8 年間 Web に取り組んできました。今日は、HTML5 開発をしたい初心者向けに、HTML5 でできること、その将来の開発、そして教える必要のない体系的な学習計画について簡単に説明します。現時点で HTML5 がどれほど人気があるかがわかります。他の多くの業界が HTML5 開発への移行を望んでおり、HTML5 テクノロジは今後も成熟し続けており、主要なブラウザは常に最新の HTML5 テクノロジと互換性があります。 HTML5は人々の生活を変えるものと言われています。そして現在、HTML5 の競争も非常に激しいので、私は...
- H5 チュートリアル 7942 2017-07-25 09:29:27
-
- カメラを呼び出して写真を撮影し、HTML5 で画像を圧縮する方法の詳細な例
- この記事では主に、H5 がカメラを呼び出して写真を撮影し、画像を圧縮するサンプル コードを紹介します。編集者が非常に優れていると考えたので、参考として共有します。編集者をフォローして見てみましょう。
- H5 チュートリアル 2809 2017-07-24 15:08:38
-
- H5ローカルストレージインスタンスの詳細説明
- 保存できるもの: 配列、json データ、画像、スクリプト スタイル ファイル、2 つのクライアント側ストレージ: 1.localStorage 時間制限なしのデータ ストレージ () メソッド: .localStrage.getItem();localStrage.setItem();localStr
- H5 チュートリアル 1726 2017-07-24 11:11:11
-
- Bootstrap がリモート データを 1 回しかロードしない問題を解決する
- 概要: フロントエンド フレームワーク ブートストラップのモーダル ダイアログ ボックスでは、リモート オプションを使用して URL を指定できます。これにより、ダイアログ ボックスが最初にポップアップ表示されるときに、このアドレスからデータが .modal-body に自動的に読み込まれます。ただし、ロードされるのは 1 回だけですが、この問題はイベント内で RemoveData() メソッドを呼び出すことで解決できます。 1. ブートストラップ モーダル ダイアログ ボックスと簡単な使用方法 1 <div id="myModal" class="moda
- H5 チュートリアル 1746 2017-07-24 11:06:37
-
- html5でユーザー登録フォームを実装する方法のサンプルコード共有
- この記事では、HTML5でのユーザー登録フォームの実装方法について、参考になるサンプルコードを詳しく紹介しますので、一緒に見ていきましょう。
- H5 チュートリアル 5642 2017-07-24 10:18:27
-
- HTML5ビデオ再生の詳細な紹介
- まず、アーティファクト jPlayer を紹介します。jPlayer は、HTML5/Flash に基づくオーディオおよびビデオ プレーヤーであり、JavaScript で書かれた完全に無料のオープン ソース (MIT) jQuery マルチメディア ライブラリ プラグインです (現在は Zepto プラグインでもあります)。 jPlayer を使用すると、クロスプラットフォームの Web ページをすばやく作成できます。このプラットフォームの Web ページはオーディオとビデオの再生をサポートしており、jPlayer の豊富な API を使用してパーソナライズされたマルチメディア アプリケーションを作成できるため、ますます多くのコミュニティ メンバーからのサポートが得られます。
- H5 チュートリアル 2740 2017-07-23 13:49:34
-
- HTML5 音楽プレーヤーの例を実装する
- 技術的なポイント: ES6+Webpack+HTML5 Audio+Sass ここでは、H5 音楽プレーヤーを最初から実装する方法を段階的に学習します。まず、最終的な実装を見てみましょう: デモ リンク 次に、本題に入ります。音楽プレーヤーになるには、Web 上でオーディオが再生される方法をよく理解する必要があります。HTML5 の audio タグは次のとおりです。 audio タグについては、たくさんあります。ここでは、そのプロパティ、メソッド、イベントについて概要を説明します。属性: src: 必須、オーディオソース
- H5 チュートリアル 6305 2017-07-23 13:28:16
-
- html5 の新しいネットワーク環境
- HTML5 の誕生以来、すべてのテクノロジはオープンでなければならず、特許を取得できないという標準原則が確立されてきました。この期間を通じて、Opera は CSS テクノロジを寄贈しましたが、Google はそれを開発者に提供しました。 HTML5 がどのように新しいネットワーク パターンをもたらすかを紹介します。興味のある方は、HTML5 に注目して開発の準備をしてください。 HTML5 開発の現在のリーダーには、Sencha、Adobe、appcelerator、
- H5 チュートリアル 1613 2017-07-23 11:41:47
-
- AugularJS の基本的な紹介と実践
- はじめに フロントエンド AngularJS は、アプリケーション構築における HTML の欠点を克服するように設計されています。 (Baidu Encyclopedia より引用) AngularJS は、アプリケーションを構築する際に HTML 自体の欠点を補おうとします。 AngularJS では、ディレクティブと呼ばれる構造を使用してブラウザが新しい構文を認識できるようにします。 (百度百科事典より引用) 例えば
- H5 チュートリアル 1490 2017-07-23 11:33:37
-
- CSSアニメーション制作——CSS animate
- CSS に詳しい人なら誰でも、CSS で多くの美しいアニメーション、特にオンライン機能を実現できることを知っています。これは、多くのアニメーション効果を解決するのに役立ちます。今回は特にオンライン CSS プラグイン機能である cssanimate を紹介します。このオンライン ツールの紹介を見てみましょう。このオンライン ツールの紹介を見てみましょう。 CSS3アニメーション制作ツールインターフェース紹介 タイムライン(Timeline) タイムラインはアニメーションを導くための重要な領域で、フレームごとのアニメーションを作成するのと同じように、それぞれを調整できます
- H5 チュートリアル 3357 2017-07-23 11:18:56
-
- HTML5 WebSocket について
- WebSocket は、HTML5 が提供し始めた、単一の TCP 接続上で全二重通信を行うためのプロトコルです。 WebSocket API では、ブラウザとサーバーはハンドシェイク アクションを実行するだけで、ブラウザとサーバーの間に高速チャネルが形成されます。データは両者間で直接転送できます。ブラウザは、JavaScript を介して WebSocket 接続を確立するリクエストをサーバーに送信します。接続が確立されると、クライアントとサーバーは TCP 接続を通じてデータを直接交換できます。 Webソケットを取得すると
- H5 チュートリアル 1652 2017-07-23 11:03:43
-
- HTML5でキャンバスに円を描画する例の紹介
- キャンバスで円弧を使用して円形のパターンを描きます。関数のプロトタイプは context.arc(x, y, radius, start angle, end angle, 反時計回りに回転するかどうか); なので、開始角度と終了角度を変更することで円弧を描くことができます。
- H5 チュートリアル 2490 2017-07-22 09:56:49