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

  • H5 レスポンシブ Web サイトの詳細な紹介
    H5 レスポンシブ Web サイトの詳細な紹介
    H5 チュートリアル 1675 2017-06-26 15:29:29
  • H5 レスポンシブ Web サイト構築の利点は何ですか?
    H5 レスポンシブ Web サイト構築の利点は何ですか?
    H5 チュートリアル 1792 2017-06-26 15:21:56
  • レスポンシブなセルフサービス Web サイト構築の効果は何ですか?
    レスポンシブなセルフサービス Web サイト構築の効果は何ですか?
    H5 チュートリアル 1980 2017-06-26 15:21:20
  • h5でのscrollIntoViewの使い方を詳しく解説
    h5でのscrollIntoViewの使い方を詳しく解説
    ページがスクロールする場合、これも DOM では解決できない問題です。この問題を解決するために、ブラウザは開発者がページのスクロールをより適切に制御できるようにするメソッドを実装しました。さまざまな独自メソッドの中で、HTML5 は標準メソッドとしてscrollIntoView()を選択しました。 scrollIntoView() は、すべての HTML 要素で呼び出すことができます。ブラウザ ウィンドウまたはコンテナ要素をスクロールすると、呼び出し元の要素がウィンドウに表示されます。このメソッドにパラメータとして true が渡されるか、パラメータが渡されない場合、ウィンドウはスクロールします。
    H5 チュートリアル 6070 2017-06-25 10:03:23
  • APPネイティブページを起動するH5インスタンスメソッド
    APPネイティブページを起動するH5インスタンスメソッド
    長い間ブログを書いていませんでしたが、H5 で APP ネイティブ ページを立ち上げるという要望があり、その過程でいくつかの落とし穴に遭遇したので、以下にまとめました。クライアントのプラットフォームと、WeChat ブラウザーでアクセスされるかどうかを判断するために必要です。 1. クライアントは、Android のオープン性により、アプリの起動時に Android と IOS のシステムで異なる処理が行われることを判断します。ブラウザの <a> タグとメタ タグを使用して、ブラウザ アプリが携帯電話の権限を取得し、アプリを起動します。そしてiOS側では
    H5 チュートリアル 2624 2017-06-25 10:02:29
  • ボックスモデルを理解する
    ボックスモデルを理解する
    ボックス モデルには、W3C ボックス モデルと IE ボックス モデルの 2 種類があります。 ボックス モデルにはマージン、ボーダー、パディング、コンテンツが含まれます W3C 要素の幅 = コンテンツの幅 IE要素の幅=コンテンツ+パディング+ボーダー ​ 個人的には、W3Cで定義されたボックスモデルとIEで定義されたボックスモデルの方が合理的だと考えています。 要素の幅にはボーダーとパディングを含める必要があります。これは実際のボックスと同じです。 W
    H5 チュートリアル 2068 2017-06-23 14:53:03
  • Bootstrap 模倣ボックス + Alipay ホームページ
    Bootstrap 模倣ボックス + Alipay ホームページ
    タスクは完了していません。続けてください! 先ほどインターネットの調子が悪かったため、多くの労力が無駄になりました。今日は主に、Bootstrap と HTML5 を組み合わせた簡単な小さなケースについて話します。これはモバイル端末であることがわかり、次のようなコード文字列が必要です。 <meta name="viewport" content="width=device-width,Initial-scale=1"/> Bootstrapシミュレーションボックス、これもあります
    H5 チュートリアル 2762 2018-10-15 16:15:42
  • JSケース連絡掲示板
    JSケース連絡掲示板
    <!DOCTYPE html><html lang="ja"><head><meta charset="UTF-8"><title>ドキュメント</title><style type="text/css">.wrap { width: 400px ; マージン: 30px auto;}textarea {
    H5 チュートリアル 1726 2017-06-23 14:51:56
  • HTML の基本構造とタグについての予備的な理解
    HTML の基本構造とタグについての予備的な理解
    1. HTML についての予備的な理解 HTML はハイパーテキスト タグ言語であり、ブラウザは HTML ソース コードを「解釈して実行」するために使用されるツールです。 HTMLの基本構造 ​ <!DOCTYPE html> <html> <頭> <meta charset="UTF-8"> <タイトル></タイトル> &l
    H5 チュートリアル 2383 2017-06-23 14:51:11
  • Canvas 学習シリーズ 1: Canvas の入門
    Canvas 学習シリーズ 1: Canvas の入門
    最近、Canvas を学習し始めました。Canvas の学習プロセス全体のメモと要約を記録する予定です。不備があれば、指摘してください。 ​ 1. キャンバスの紹介 Canvas 要素の登場は、Web の世界でアニメーションやグラフィックを描画するための扉を開くものであると言えます。その機能は、主に Context (描画コンテキスト) を通じて行われます。 /描画環境) Canvas 内) オブジェクトによって表示されます。オブジェクトの派生元は、
    H5 チュートリアル 1827 2017-06-23 14:50:41
  • Angular コマンドのコレクション
    Angular コマンドのコレクション
    ​ 2017-06-08 角度ディレクティブ。 ng-init: データの初期化 属性値で = 記号を使用して変数値を区切ります。user と var は使用できません。 ​ ng-app: Angular アプリケーション モードを有効にします。ページは 1 回だけ表示されます。 属性値を含めることはできますが、項目は js で定義する必要があります。属性値がない場合は、ビューで直接使用できます。 ​ ng-model: 双方向データバインディング ​ ​ ng-b
    H5 チュートリアル 2001 2017-06-23 14:48:40
  • WebSocket+MSE——HTML5ライブブロードキャスト技術の分析
    WebSocket+MSE——HTML5ライブブロードキャスト技術の分析
    著者 | Liu Bo (Paiyun マルチメディア開発エンジニアでもある) 現在、モバイル Web でのライブ ブロードキャストに対する比較的熱い需要を満たすために、一連の HTML5 ライブ ブロードキャスト テクノロジが急速に開発されています。 HTML5 で使用できる一般的なライブ ストリーミング テクノロジには、HLS、WebSocket、WebRTC などがあります。今回はWebSocketとMSEに関する技術的なポイントを紹介し、最後に具体的な使い方を例を挙げて説明します。 記事概要 WebSocket プロトコルの概要 WebSocketクライアント
    H5 チュートリアル 4635 2017-06-23 14:45:59
  • 番組のモデルの
    番組のモデルの
    <!DOCTYPE html> <html lang="ja"> <頭> <meta charset="UTF-8"> <script src="http://apps.bdimg.com/libs/angular.js/1.4.6/angular.min.js?1.1.10"></script> </head> <
    H5 チュートリアル 2139 2017-06-23 14:45:37
  • データベースをサーバーからブラウザに移動 -- IndexedDB の基本操作のカプセル化
    データベースをサーバーからブラウザに移動 -- IndexedDB の基本操作のカプセル化
    データベースがサーバーにあるのは当然ですが、サーバーにデータを保存する必要がない場合もありますが、データも逐次記録されます。今日は、H5 の新機能である IndexedDB の魅力を体験していただきます。ため息をつかずにはいられません - 信じられないほどです! 1. データベースへのリンク IndexedDB にはデータベースを作成する概念がありません。リンク先のデータベースが存在しない場合は、データベースが自動的に作成されます。以下の例を見てください。 <
    H5 チュートリアル 1953 2017-06-23 14:04:45
  • JSSDK を使用して Web ページから地理的位置を取得する
    JSSDK を使用して Web ページから地理的位置を取得する
    JSSDK 環境のコピーをコピーし、図 7.1 に示す構造のindex.html ファイルを作成します。図 7.1 セクション 7.1 のファイル構造は location.js 内にあり、次のように「getLocation」インターフェイスをカプセル化しています: 01 wxJSSDK.location = function(locationApi){02 if(wxJSSDK.isReady){ //w
    H5 チュートリアル 4022 2017-06-23 14:00:55

ツールの推奨事項

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