現在位置:ホームページ > 技術記事 > ウェブフロントエンド > H5 チュートリアル

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

ツールの推奨事項

jQuery エンタープライズ メッセージ フォームの連絡先コード

jQuery エンタープライズ メッセージ フォーム連絡先コードは、シンプルで実用的なエンタープライズ メッセージ フォームおよび連絡先紹介ページ コードです。

HTML5 MP3 オルゴール再生効果

HTML5 MP3 オルゴール再生特殊効果は、HTML5 + css3 に基づく MP3 音楽プレーヤーで、かわいいオルゴールの絵文字を作成し、スイッチ ボタンをクリックします。

HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果

HTML5 クールなパーティクル アニメーションのナビゲーション メニュー特殊効果は、ナビゲーション メニューにマウスを置くと色が変化する特殊効果です。

jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード

jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コードは、jQuery およびブートストラップ フレームワークに基づいたビジュアル フォームです。

有機果物と野菜のサプライヤー Web テンプレート Bootstrap5

有機果物と野菜のサプライヤー Web テンプレート-Bootstrap5

Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus

Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus

不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5

不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5

シンプルな履歴書情報 Web テンプレート Bootstrap4

シンプルな履歴書情報 Web テンプレート Bootstrap4

かわいい夏の要素のベクター素材 (EPS+PNG)

これは、太陽、日よけ帽子、ココナッツの木、ビキニ、飛行機、スイカ、アイスクリーム、アイスクリーム、冷たい飲み物、浮き輪、ビーチサンダル、パイナップル、巻貝、貝殻、ヒトデ、カニを含む、かわいい夏の要素のベクター素材です。 、レモン、日焼け止め、サングラスなど、素材は JPG プレビューを含む EPS および PNG 形式で提供されています。
PNG素材
2024-05-09

4 つの赤い 2023 卒業バッジ ベクター素材 (AI+EPS+PNG)

これは、2023 年卒業バッジの赤いベクター素材で、合計 4 つがあり、JPG プレビューを含む AI、EPS、PNG 形式で利用できます。
PNG素材
2024-02-29

歌う鳥と花がいっぱいのカートデザイン春のバナーベクター素材(AI+EPS)

これは、さえずる鳥と​​花でいっぱいのカートをデザインした春のバナー ベクター素材で、JPG プレビューを含む AI および EPS 形式で利用できます。
バナー画像
2024-02-29

金色の卒業帽ベクター素材(EPS+PNG)

これは、JPG プレビューを含む EPS および PNG 形式で利用できる、金色の卒業帽のベクター素材です。
PNG素材
2024-02-27

室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート

家の装飾のクリーニングとメンテナンス サービス会社の Web サイト テンプレートは、家の装飾、クリーニング、メンテナンス、その他のサービス組織を提供するプロモーション Web サイトに適した Web サイト テンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

フレッシュカラーの個人履歴書ガイドページテンプレート

フレッシュカラーマッチング個人求人応募履歴書ガイドページテンプレートは、フレッシュカラーマッチングスタイルに適した個人求人検索履歴書仕事表示ガイドページWebテンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

デザイナーのクリエイティブな仕事の履歴書 Web テンプレート

デザイナー クリエイティブ ジョブ履歴書 Web テンプレートは、さまざまなデザイナーのポジションに適した個人の職務履歴書表示用のダウンロード可能な Web テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。

現代のエンジニアリング建設会社のウェブサイトのテンプレート

最新のエンジニアリングおよび建設会社の Web サイト テンプレートは、エンジニアリングおよび建設サービス業界の宣伝に適したダウンロード可能な Web サイト テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。