ホーム>Web デザインのチュートリアル> HTMLチュートリアル
すべて Dreamweaver チュートリアル JavaScript チュートリアル HTMLチュートリアル CSS チュートリアル ヒントとコツ DHTML チュートリアル ウェブ特殊効果 WEB標準化
HTMLチュートリアル
  • HTMLページJSおよびCSSファイルのキャッシュを自動的にクリーンアップします（自動追加バージョン番号）

    HTMLページJSおよびCSSファイルのキャッシュを自動的にクリーンアップします（自動追加バージョン番号）

    Webプロジェクトの開発中、CSSおよびJSファイルを引用した後、キャッシュの問題が発生することがよくありますが、この場合はアクセスすると変更されていません次の2つの2つのソリューションを次に示します。1。ブラウザのキャッシュを手動でクリア2。バージョン番号を追加します（layout.css？vなど
    2025-01-29
  • html5キャンバスを使用して円グラフを動的に描画するサンプルコード

    html5キャンバスを使用して円グラフを動的に描画するサンプルコード

    この記事では、HTML5 キャンバスを使用して円グラフを動的に描画するためのサンプル コードを紹介し、それを皆さんに共有します。詳細は次のとおりです。これは、jquery などのサードパーティ ライブラリを参照するものではありませんが、最初にレンダリングを見てみましょう。 DOM 操作と Canvas の特性を使用して記述されます。キャンバスの描画円は、一般に実線の円と中空の円に分けられます。需要分析によると、その円は本物であることがわかります
    2025-01-29
  • HTML5キャンバス描画の基本的な使い方を詳しく解説

    HTML5キャンバス描画の基本的な使い方を詳しく解説

    <canvas></canvas>は HTML5 の新しいタグで、グラフィックを描画するために使用されます。実際、このタグの特別な特徴は、このタグが JavaScript スクリプトを通じて制御できる CanvasRenderingContext2D オブジェクトを取得できることです。
    2025-01-29
  • HTML5 地理位置情報を使用して距離トラッカーを実装する

    HTML5 地理位置情報を使用して距離トラッカーを実装する

    HTML5 地理位置情報は、ユーザーの位置を特定するために使用されます。では、距離トラッカーを実装するにはどうすればよいでしょうか?私のアイデアは、ブラウザが h5 地理位置情報をサポートしていることを前提としています。これに基づいて、ユーザーの位置が取得され、距離が計算され、ページに表示されます。単に実装されただけです。
    2025-01-29
  • キャンバスベースのビデオマスクプラグインの詳細説明

    キャンバスベースのビデオマスクプラグインの詳細説明

    ビデオにオーバーレイを追加すると、ビデオの特定の期間（10 分から 20 分など）の間、区切られた領域が表示されなくなります。アプリケーション シナリオには、衛星 TV アイコンのブロック、ビデオの右下隅の広告のブロック、モザイクとしての機能などが含まれます。長いビデオには、それぞれに特定の表示時間が指定された複数のマスクが含まれる場合があります (ここでは
    2025-01-29
  • HTML5のドラッグ＆ドロップ機能を実装したパズルゲーム

    HTML5のドラッグ＆ドロップ機能を実装したパズルゲーム

    具体的なコードは次のとおりです。 <!--代码如下，最下面给出了我测试用的9张250*250的图片切片--><!DOCTYPE html><html><head><meta charset=utf-8><title>ドラッグドラッグ
    2025-01-28
  • HTML5 を使用して全画面ビデオ背景を簡単に実装する方法の例

    HTML5 を使用して全画面ビデオ背景を簡単に実装する方法の例

    ホームページでビデオを全画面で再生したいですか?このビデオは Web ページの背景として使用されており、Web コンテンツの通常の閲覧には影響しません。それでは、あなたのニーズに合った Javascript ライブラリがあることをお知らせします。それが Bideo.js です。自動調整機能: Bideo.js は、現在のブラウザ ウィンドウのサイズに応じてビデオ サイズを自動的に調整できます。
    2025-01-28
  • Canvas+Vueをベースにした弾幕コンポーネントの実装

    Canvas+Vueをベースにした弾幕コンポーネントの実装

    最近、プロジェクトで弾幕機能をカスタマイズする必要があったため、キャンバスを使用してコンポーネントを開発してみました。テストした結果、一部のローエンドマシンでは効果に明らかな遅れはありませんでした。弾幕エフェクト機能の紹介を共有します。弾幕の送信数をサポートします。 npm i vue-barrage パラメータの設定。
    2025-01-28
  • HTML5 マルチスレッド開発における WebWorkers についての簡単な説明

    HTML5 マルチスレッド開発における WebWorkers についての簡単な説明

    ブラウザーが単一のスレッドで js コードを実行することは誰もが知っていますが、ページ ステップが実行されると、そのステップが終了するまでページは他のものに応答できなくなります。 WebWorkers は、他のスクリプトから独立してバックグラウンドで実行される JS コードであり、ページのパフォーマンスには影響しません。私たちは続けることができます
    2025-01-28
  • HTML5 ビデオ再生プラグイン video.js の紹介

    HTML5 ビデオ再生プラグイン video.js の紹介

    video.js は、非常に人気のある HTML5 ビデオ再生プラグインです。モバイル端末でビデオを再生するのに非常に適しています (WeChat Web ページなど)。強力な機能があり、フラッシュへのダウングレードをサポートし、IE8 と互換性があります。公式ウェブサイト: http://videojs.com/ git&demo: http://files.cnbl
    2025-01-28
  • RSS2.0仕様

    RSS2.0仕様

    RSSとは何ですか? RSS は Web コンテンツのシンジケーション形式です。 その名前はReally Simple Syndicationの略です。 RSS は XML の一種です。すべての RSS ドキュメントは XML 1.0 仕様に従っています。
    2025-01-28
  • キャンバスにベジェ曲線を模倣するサンプルコード

    キャンバスにベジェ曲線を模倣するサンプルコード

    空は霧の雨を待っています、そして私はあなたを待っています、ラララ、私の短い本にようこそ、今日私が共有するのは、キャンバス上でベジェ曲線を模倣するオリジナルの方法です。詳細は以下の通りです。 レンダリング：html<canvas id=mycanvas width=500 height=500>お使いのブラウザはキャンバスをサポートしていません
    2025-01-28
  • HTML5とCSS3を使用したモーダルボックスの作成例

    HTML5とCSS3を使用したモーダルボックスの作成例

    この記事では、HTML5 と CSS3 を使用してモーダル ボックスを作成する例を紹介し、詳細は次のとおりです。 たぶん、以下の長い説明を読みたくないかもしれません。ソース コードまたはオンラインのサンプルを直接表示します。以下のリンクは、CSS3 トランジション (トランジション)、不透明度 (非透過性) を使用する場所です。
    2025-01-28
  • HTMLはダブル11のつかみを実現します（クーポンのページを開く時間を設定します）

    HTMLはダブル11のつかみを実現します（クーポンのページを開く時間を設定します）

    私はそれほどナンセンスではありません、私は次のことを直接投稿します。<!DOCTYPE html><html lang=en xmlns=http://www.w3.org/1999/xhtml><head>
    2025-01-28
  • ミニプログラムキャンバスの中国語テキストの中心アンカーポイントを設定します

    ミニプログラムキャンバスの中国語テキストの中心アンカーポイントを設定します

    小さなプログラムで画像を生成する必要がある場合がよくあります。通常、画像にはユーザーのアバターとニックネームが追加されます。アバターの場合は、Tencent ドメイン名をリクエスト リストとダウンロード リストに追加し、wx.getImageInfo( を使用するだけです。 ) をローカルにキャッシュし、成功したコールバックがキャンバスに追加されて画像が生成されます。のように
    2025-01-28
前のページ 162163164165166167168169170次のページ