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

  • HTML5 キャンバスの基本的な描画塗りつぶしスタイルの実装
    HTML5 キャンバスの基本的な描画塗りつぶしスタイルの実装
    <canvas></canvas> は、グラフィックを描画するために使用される HTML5 の新しいタグです。実際、このタグの特徴は、JavaScript スクリプトを使用して CanvasRenderingContext2D オブジェクトを取得できることです。このオブジェクトを制御して描画します。 <canvas></canvas> は、id、class、style、hei などの属性に加えて、グラフィックを描画するための単なるコンテナです。
    H5 チュートリアル 3044 2018-05-22 15:45:50
  • HTML5ネットワークトポロジ図をベースにした迅速なアプリケーション開発を詳しく解説(写真とテキスト)
    HTML5ネットワークトポロジ図をベースにした迅速なアプリケーション開発を詳しく解説(写真とテキスト)
    この例では、2 つのノード、接続、およびグループの組み合わせを構築する方法を示します。 「HT グラフィック コンポーネントを学習するための何百もの HTML5 例 - トポロジ マップ」と組み合わせると、トポロジ インターフェイスの構築が基本的に DataModel データ モデルの操作であることが簡単に理解できます。以下は、上の図のインターフェイス効果を構築するモデル コード部分です。 :
    H5 チュートリアル 6592 2018-05-22 11:38:13
  • HTML5 と JS を使用してフルーツカット ゲームを実装する方法を教えます
    HTML5 と JS を使用してフルーツカット ゲームを実装する方法を教えます
    フルーツカットゲームはかつて携帯電話で人気のカジュアルゲームでした。今日は、JavaScript と HTML5 で実装されたフルーツカットゲームの Web バージョンを紹介します。ただし、基本的な機能は異なります。機能はまだ利用可能です。模倣は非常に現実的です。一定レベルの JavaScript を持っている友人は、ソース コードを見てみることで、あなたの JavaScript レベルが大幅に向上すると思います。 オンライン デモのソース コードのダウンロード すべての JavaScript コード /** * このファイルは jsbuild 0.9.6 によってコンパイルされました *..
    H5 チュートリアル 7982 2018-05-22 11:18:29
  • HTML5 WebGL テクノロジーに基づいて 3D シーンを構築するためのグラフィックおよびテキスト コードの詳細な紹介 (1)
    HTML5 WebGL テクノロジーに基づいて 3D シーンを構築するためのグラフィックおよびテキスト コードの詳細な紹介 (1)
    HT for Web は、ユーザーがモデリングで使用できるさまざまな基本タイプを提供します。従来の 3D モデリング方法とは異なり、HT のコア モデリングは、HT の事前定義されたプリミティブ タイプとパラメータ インターフェイスを介してセットアップされます。三次元モデル。次に、事前定義された 3D モデルとパラメーター設定について説明します。
    H5 チュートリアル 5621 2018-05-21 11:36:29
  • html移动端页面、图片多少宽度最合适?
    html移动端页面、图片多少宽度最合适?
    目前网站开发已经更多的转向移动端设计、制作,想询问一下移动端网页宽度多少合适?960px、640px、480px、320px?图片多少宽度适合?比如用640px的图片宽度设置为320px是否比较清晰?但是图片大小会较大是否合适?
    H5 チュートリアル 10352 2018-05-19 14:57:48
  • HMTL5 API を使用してフロントエンドのパフォーマンスを監視する
    HMTL5 API を使用してフロントエンドのパフォーマンスを監視する
    User Timing API は、Web アプリケーション内の 2 つの事前定義されたマーカー間のパフォーマンスを測定できます。開発者は、測定の開始マーカーと終了マーカーを個別に定義するだけで済みます。タイミング位置は、JavaScript オブジェクト「」によって提供される関数を通じてマークできます。
    H5 チュートリアル 2434 2018-05-19 14:31:37
  • liタグで日付とタイトルの右揃えを実装する方法
    liタグで日付とタイトルの右揃えを実装する方法
    タイトルが左揃え、日付が右揃えになるといいのですが、日付のスパンに直接float:rightを付けた場合はIE8でもFFでもOKですが、IE6/7では折り返されてしまいます。これがシンプルで効果的な解決策です。
    H5 チュートリアル 4450 2018-05-18 17:17:50
  • html5、jquery怎样实现在回到历史页面时完全保留之前离开这个页面时的状态?
    html5、jquery怎样实现在回到历史页面时完全保留之前离开这个页面时的状态?
    比如在页面A中点开了一个折叠列表(用jquery做的),并且向下拖动了一点滚动条,然后通过列表中的某个按钮跳转到了页面B,B页面中有一个goback按钮,点击一下就能跳回页面A,跳回页面A时,滚动条保持在之前离开时的状态,并且之前打开的那个折叠列表也要是保持打开的。有哪些html5 API或jquery API可以实现吗?ps:我试了jquery 中的history.back(),可以实现滚动条位
    H5 チュートリアル 9451 2018-05-18 15:50:11
  • Webpack サンプル チュートリアルを共有する
    Webpack サンプル チュートリアルを共有する
    まず webpack をグローバルにインストールし、次に npm がプロジェクトを初期化し、webpack 開発ツールをローカルにインストールします。 $ npm install webpack -gnpm init (プロジェクト名) $ npm install webpack-dev-server --save-dev は、プロジェクト ディレクトリにアプリ フォルダーを作成します。そして、index.js ファイルを作成し、次のコードを記述します console.log(
    H5 チュートリアル 1692 2018-05-18 15:17:28
  • HTML5ページ上でAPP機能を有効にする方法の実験
    HTML5ページ上でAPP機能を有効にする方法の実験
    この記事では主にHTML5ページでAPP機能を有効にする方法を紹介します。必要な方は参考にしてください。
    H5 チュートリアル 5377 2018-05-18 15:11:56
  • HTML5 ジオターゲティング機能を使用するにはどうすればよいですか?
    HTML5 ジオターゲティング機能を使用するにはどうすればよいですか?
    地理位置情報は、HTML5 の重要な機能の 1 つであり、ユーザーの位置を特定する機能を提供します。この機能を使用すると、位置情報に基づいたアプリケーションを開発できます。今日の記事では、HTML5 地理位置情報の基本原則と各ブラウザーのデータ精度を紹介します。
    H5 チュートリアル 11753 2018-05-18 14:26:33
  • HTMLをエクスポートしてWord文書を生成するにはどうすればよいですか?
    HTMLをエクスポートしてWord文書を生成するにはどうすればよいですか?
    まえがき: プロジェクトの開発中に、HTML ページのコンテンツを Word ドキュメントにエクスポートする必要が生じたので、このエッセイを思いつきました。もちろん、プロジェクトの開発期間は少しタイトだったので、最初にプラグインを使用することを思いついたので、Baidu に目を向けました。 Word 文書をエクスポートする 2 つの方法を次に示します。方法 1: jquery.wordexport.js を介して Word をエクスポートする 注: IE9 以降と互換性がある jquery.wordexport.js プラグインのコードを簡単に参照し、このプラグインを介してテキストと画像をエクスポートできることを知りました。
    H5 チュートリアル 23751 2018-05-18 13:41:05
  • HTML5 を使用してアニメーションの読み込み待ちの効果を実現する方法
    HTML5 を使用してアニメーションの読み込み待ちの効果を実現する方法
    この記事では、HTML5 でアニメーション効果の読み込みを待機するための完璧なソリューションをサンプル コードを通じて紹介します。興味のある方は参考にしてください。
    H5 チュートリアル 4553 2018-05-18 11:45:39
  • HTML5開発例 - 3Dパノラマ(ThreeJsパノラマデモ)詳細説明(写真)
    HTML5開発例 - 3Dパノラマ(ThreeJsパノラマデモ)詳細説明(写真)
    はじめに 現在市販されているパノラマ H5 環境では、css3 を使用して直接構築することも、threeJ に基づいたライブラリを使用することもできます。このチュートリアルは他にも多くのパノラマ作成ソフトウェアに適しています。 3D パノラマを開発したエンジニアリングのライオンがコンテンツが退屈すぎると感じたら、次の世代に向けて考えてみましょう。
    H5 チュートリアル 36977 2018-05-18 10:29:05
  • HTML5 Canvas:绘制渐变色
    HTML5 Canvas:绘制渐变色
    HTML5 Canvas渐变是一种用于填充或描边图形的颜色模式。渐变色是由不同的颜色进行过渡,而不是单一的颜色。渐变按照类型来分分为线性渐变和径向渐变。来看几个canvas渐变色的例子 ...,。
    H5 チュートリアル 17281 2018-05-18 09:11:25

ツールの推奨事項

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