ホーム>Web デザインのチュートリアル> HTMLチュートリアル
すべて Dreamweaver チュートリアル JavaScript チュートリアル HTMLチュートリアル CSS チュートリアル ヒントとコツ DHTML チュートリアル ウェブ特殊効果 WEB標準化
HTMLチュートリアル
  • HTML5がモバイルコピー機能を実装

    HTML5がモバイルコピー機能を実装

    初めてこの要件に遭遇したのは Baidu でしたが、基本的には js で実装されており、互換性が非常に悪いことがわかりました。しかし、検索して試してみたところ、コンテンツをコピーする必要があるタグに次のコード行を追加するだけで完全に実現できることがわかりました。 -webkit-touch-callout: a
    2025-03-19
  • HTML5ファイルブレークポイント更新方法の実装

    HTML5ファイルブレークポイント更新方法の実装

    HTML5のファイルAPIには、BLOBオブジェクトに分割できるスライスメソッドがあります。フロントエンドは、ファイルリストオブジェクトを介して対応するファイルを取得します。現在、Break -Pointの連続性原理がより一般的に使用されています
    2025-03-19
  • WeChat アプレットの HTML5 キャンバス描画とシステム アルバムへの保存

    WeChat アプレットの HTML5 キャンバス描画とシステム アルバムへの保存

    レンダリングのヒントを実装する前に、1. ネットワーク イメージをダウンロード ドメイン名で構成する必要があります。これは、wx.getImageInfo を通じて一時パスに変換できます。2. 個人的な習慣として、async-await 構文を使用することに慣れています。そのため、Regenerator ライブラリを導入する必要があります。その方法はオンラインで確認できます。
    2025-03-19
  • モバイル HTML5 オーディオおよびビデオの問題と解決策の詳細な説明

    モバイル HTML5 オーディオおよびビデオの問題と解決策の詳細な説明

    最近では、アニメーションの代わりにビデオを使用することや、スプライトアニメーションの代わりにビデオを使用することを研究しています。このようなビデオをインタラクティブビデオと呼びます。従来のスプライト アニメーション: ディスク容量が大きく、ダウンロードが遅く、特にオンラインでの再生が遅くなります。オンラインで再生する場合、http リクエストが多すぎると、応答が遅くなったり、動作が異常になったりする可能性があります。一連のテクノロジーを開発し、エッセンスの代わりにビデオを使用します。
    2025-03-18
  • HTML5の新タグについて詳しく解説

    HTML5の新タグについて詳しく解説

    HTML 5 は、既存の HTML 4.01、XHTML 1.0、および DOM Level 2 HTML 標準を置き換えることを目的とした新しい Web 標準です。プラグインベースのリッチなネットワーク内アプリケーション サービスを必要とするブラウザの数を減らすことを期待しています。
    2025-03-18
  • HTML5シングルページジェスチャースライド画面切り替え原理分析

    HTML5シングルページジェスチャースライド画面切り替え原理分析

    H5シングルジェスチャースライドスクリーンスイッチは、HTML5タッチイベント（Touch）とCSS3アニメーション（トランジション）を使用して実装されています。 1.実装の原則を達成するための5ページがあり、各ページは100％幅の画面を占めています。
    2025-03-18
  • HTML5 Web ミュージック プレーヤーのサンプル コード

    HTML5 Web ミュージック プレーヤーのサンプル コード

    この記事では、HTML5 Web ミュージック プレーヤーのサンプル コードを紹介し、皆さんに共有します。詳細は次のとおりです。 1 機能の紹介 HTML5 には audio タグと video タグが導入されており、他のプラグを使用せずにオーディオとビデオを直接再生できます。 -ins。次に、H5 の audio タグとそれに関連する属性およびメソッドを使用して、単純な音楽プレーヤーを作成します。メインパッケージ
    2025-03-18
  • Canvas オフスクリーン テクノロジーと虫眼鏡の実装コード例

    Canvas オフスクリーン テクノロジーと虫眼鏡の実装コード例

    キャンバスを使用してフィルターを実装するだけでなく、オフスクリーン テクノロジーを使用して虫眼鏡のように機能することもできます。説明の便宜上、この記事は 2 つのアプリケーション部分に分かれています: ウォーターマークとセンター ズームの実装と拡大鏡の実装 1. オフスクリーン テクノロジとは何ですか? Canvas 学習とフィルター実装がdrawImage インターフェースに導入されました。このインターフェイスでは、画像の描画に加えて、次のこともできます。
    2025-03-18
  • HTML5 postMessage ユーザーマニュアル

    HTML5 postMessage ユーザーマニュアル

    コーディングをしていると、次のようなクロスドメインの状況に遭遇することがよくあります。 1. ページ内のネストされた iframe、および iframe を使用したメッセージの受け渡し 2. ページと複数のページの間でのメッセージの受け渡し これらの厄介なクロスドメインの状況に対して、html5 には次のような問題があります。特別に新機能 postMessage (ドキュメント間メッセージ送信) を開始しました。ポストミー
    2025-03-18
  • ストレージイベントを使用したページ間の通信を実装するサンプルコード

    ストレージイベントを使用したページ間の通信を実装するサンプルコード

    window.onstorage をトリガーするには次の 2 つの条件を満たす必要があることは誰もが知っています。localStorage.setItem または sessionStorage.setItem を通じて特定のストレージを保存 (更新) する場合、その新しい値は前の値と同じである必要があります。
    2025-03-18
  • github404 動的エフェクトを実装する Canvas サンプル コード

    github404 動的エフェクトを実装する Canvas サンプル コード

    数日前、私は github404 の同様のインターフェースに敬意を表して css スタイルと js を使用しましたが、同時に、最近、canvas にも触れてみました。以前の js アルゴリズムを使用しました。 Canvas を使用して、github404 の動的な効果を完成させます。レンダリング ファイル ディレクトリ ファイル リソース ファイル ソース コードと画像は記事の最後に記載されています
    2025-03-18
  • WeChat アプレットのスクロールビューでの行の折り返しの問題を解決する

    WeChat アプレットのスクロールビューでの行の折り返しの問題を解決する

    今日、小さなプログラムを書くときにスクロールビューを使用しましたが、スクロールビューのテキスト行を折り返すことができないことがわかりました。コードは次のとおりです。<scroll-view scroll-y style=width:100rpx;height:100rpx;>アスダジ
    2025-03-18
  • フロントエンドインタビューに必要なHTML5の新機能

    フロントエンドインタビューに必要なHTML5の新機能

    HTML5：HTML5は次の世代のHTMLであり、HTML、XHTML、およびHTML DOMの新しい標準になります。今日は、HTML5の新機能であるFront -Endのインタビューが毎回尋ねられる質問について話しましょう。これは、学習のフロントエンドで習得しなければならない基本的な知識です。
    2025-03-18
  • HTML5のドラッグアップロードファイルの簡単な例

    HTML5のドラッグアップロードファイルの簡単な例

    HTML5のPCにかなりの数の関数が実装されており、機能がターゲット（ソース要素）でイベントをトリガーする特別なレコードでもドラッグされます。ドラッグ時にondragend -user完了要素をトリガーする要素によってトリガーされています
    2025-03-18
  • DIV幅の設定幅：パディングまたはマージンを設定する前に100％親要素を上回る

    DIV幅の設定幅：パディングまたはマージンを設定する前に100％親要素を上回る

    存在すると、CSS3の新しい属性ボックスサイズは、Div幅の設定の問題を解決するために使用されます。100％パディングまたは困っているマージンの問題を参照することができます。文法ボックスサイズ：コンテンツボックス|
    2025-03-17
前のページ 127128129130131132133134135次のページ