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

  • Spring WebSocket の詳細な紹介
    Spring WebSocket の詳細な紹介
    Websocket は、HTML5 の新機能の 1 つであり、ブラウザとサーバー間の全二重通信方式を確立し、http リクエストとレスポンスによる過剰なリソース消費を解決し、特殊なシナリオのアプリケーションに新しい実装方法を提供することを目的としています。チャット、株式取引、ゲーム、およびリアルタイム要件の高いその他の業界など。
    H5 チュートリアル 1842 2017-07-03 15:18:28
  • h5 でのファイルのアップロードとダウンロードの例
    h5 でのファイルのアップロードとダウンロードの例
    はじめに HTML5 で提供されるファイル API には、フロントエンドに豊富なアプリケーションがあり、コンテンツのアップロード、ダウンロード、読み取りなどが日常的な操作で行われます。また、IE が IE10 以降のバージョンのみをサポートすることを除いて、モバイル端末を含むさまざまなブラウザーとの互換性は比較的良好です。ファイル操作の機能をよりよく習得したい場合は、まず各 API に精通する必要があります。元の著者: Lin Xin、著者のブログ: https://github.com/lin-xin/blogFileList オブジェクトと HTML でのファイル オブジェクト入力
    H5 チュートリアル 3384 2017-07-03 09:28:18
  • node.js 内のファイル間の導入チュートリアルの例
    node.js 内のファイル間の導入チュートリアルの例
    ode.js の基本的な構文は JavaScript の構文であるため、JavaScript を知っている学生にとっては簡単です。環境の構成については、公式ドキュメントを参照してインストールすることができます。ここでは、私が勉強中にまとめたものをいくつか紹介します。これは、ファイル間で変数と関数を導入して使用する方法について説明する最初の記事です。 Code Edge » node.js メモ - ファイル間の紹介 http://ww
    H5 チュートリアル 1736 2017-06-30 18:03:08
  • Cにおける文字列の定義方法と説明例
    Cにおける文字列の定義方法と説明例
    <meta charset="utf-8"> は、解釈に UTF-8 を使用するようにブラウザに指示します。同時に、ドキュメントを保存するときのエンコード形式も UTF-8 形式である必要があります。
    H5 チュートリアル 1815 2017-06-30 16:31:16
  • HTML5 キャンバス学習の紹介例
    HTML5 キャンバス学習の紹介例
    1. HTML5でのCanvasタグの作成 window.onload = function(){ createCanvas(); } function createCanvas(){ var Canvas_width= 200, Canvas_height = 200; document.body.innerHTML = "<canvas id=\"canvas \ 」
    H5 チュートリアル 1592 2017-06-30 15:30:33
  • ngAnimate プラグインは何をしますか?
    ngAnimate プラグインは何をしますか?
    ngAnimate プラグインは何をしますか? ngAnimate プラグインは、その名前が示すように、要素にアニメーションを提供します。アニメーションをどう定義するか?最初のステップは、プラグイン <script src="//cdn.bootcss.com/angular.js/1.3.20/angular.js?1.1.11"></script><script src=" を導入することです。 //cdn.bootcss.com/angular.js/1.3
    H5 チュートリアル 1581 2017-06-30 15:27:42
  • svgケースの詳しい説明
    svgケースの詳しい説明
    私は最近 svg をよく使用します。svg を使用すると、アニメーションや画像を作成するのがより便利になると思います。小さな例を見てみましょう! ! 1. 例 1 CSS コード html, body { width: 100%; height: 100%;}body { background: #131518;}#patt1 path { ストローク: #ff
    H5 チュートリアル 1883 2017-06-30 15:27:05
  • キャンバスを使用してモバイル プロジェクトを共有し、ポスター画像を合成します。
    キャンバスを使用してモバイル プロジェクトを共有し、ポスター画像を合成します。
    最近、キャンバスを使用してポスター画像を合成するモバイルプロジェクトに取り組みました。キャンバスの基盤がないので、開発中に多くの問題に遭遇しました。発生した問題とその解決策を以下にまとめます: 1. モバイル キャンバス プロジェクトを全画面に適応させる際の問題 問題の説明: キャンバスの幅と高さは px 値にのみ設定でき、rem をサポートしていないためです。ユニットでは、モバイル デバイスの画面解像度が複雑な場合、キャンバスを全画面でカバーできるようにしたいと考えています。
    H5 チュートリアル 6744 2017-06-30 15:26:43
  • cssを書く順番で注意すべき点は何でしょうか?
    cssを書く順番で注意すべき点は何でしょうか?
    1. CSS の順序 まず、ブラウザが CSS を読み取る方法は上から下にあると述べています。通常、CSS を記述すると、要素にこれらの属性があれば目的の効果が得られますが、これは将来のメンテナンスやブラウザの表示効率に一定の影響を及ぼします。では、CSS の順序はどのように記述すればよいでしょうか。特定の規範はありますか?まず、CSS のプロパティは、特性に応じていくつかのカテゴリに分類されることがわかります。 1. 表示、位置、フロートなどの要素の特性を指定します。 これらの属性により、レイアウト方法が決まります。要素のスペース。
    H5 チュートリアル 1407 2017-06-30 15:26:11
  • Vue のデータ対話形式は何ですか?
    Vue のデータ対話形式は何ですか?
    var that=this get request that.$http.get("1.txt").then(function(result){console.log(result)this.msg=result.data;})post リクエストにはデータを送信する環境が必要です$http.post("1.txt","") というデータを受け取ります。then(f
    H5 チュートリアル 2227 2017-06-30 15:25:39
  • QQ チャットバブルを実装した h5 の例
    QQ チャットバブルを実装した h5 の例
    この記事では主に HTML5 での QQ チャット バブル エフェクトの実装について紹介します。HTML/CSS を使用して QQ に似たチャット バブルを作成します。興味のある方は参考にしてください。
    H5 チュートリアル 2983 2017-06-29 16:01:42
  • className と href の例の詳細な説明
    className と href の例の詳細な説明
    JS と href。href のセミコロンの終わりと閉じ引用符 <a href="javascript:;">空のリンク</a><a href="javascript:alert('a');" に注意してください。 >Popup</a >通常、コードは空のままにしても問題ありません。空の場合はポンド記号「#」を使用することもできますが、あまり適切ではありません。幅:100p
    H5 チュートリアル 2187 2017-06-29 11:14:52
  • モバイルページの幅値のサンプルコードを共有する
    モバイルページの幅値のサンプルコードを共有する
    モバイル Web ページの幅の値 (メタ ビューポート タグなし): iPhone: 980px Galaxy (Galaxy): 980px Nexus: 980px blackberry (Blackberry): 980pxLG: 980px Nokia: 980pxkindle: 1600pxipad: 980pxiPad pro: 1024px テスト コード: 1 <!DOCTYPE html > 2 <
    H5 チュートリアル 2062 2017-06-29 11:13:17
  • iOS が HTML5 オーディオ タグを読み込むときに発生する問題の共有
    iOS が HTML5 オーディオ タグを読み込むときに発生する問題の共有
    iOS WeChat ブラウザで html5 オーディオ タグを自動的に再生できません。最近、小さなプロジェクトで作業中にこの問題が発生しました。多くの情報を調べた結果、iOS では問題が発生しました。おそらくこれは最も便利な方法ではないかもしれません。もっと便利な方法がある場合は、メッセージを残してください: html 部分: <audio id="audio"><source src="20161012102044_57fd9dfc04"
    H5 チュートリアル 2129 2017-06-29 10:12:14
  • CSS の 3D 効果を理解します。
    CSS の 3D 効果を理解します。
    今日は CSS の 3D 効果について話しましょう。変換を本当にマスターして熟練すると、カルーセルやタブも CSS から直接作成できるようになります。その方法については明日お話します。 CSS を使用してカルーセル画像を作成します。ぜひ読んでください。Cuihua のコードは次のとおりです。 1 <!DOCTYPE html> 2 <html> 3 <head>
    H5 チュートリアル 1513 2017-06-28 10:36:29

ツールの推奨事項

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 フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。