現在位置：ホームページ > 技術記事 > ウェブフロントエンド > H5 チュートリアル
- 方向：
- 全て ウェブ3.0 バックエンド開発 ウェブフロントエンド データベース 運用・保守 開発ツール PHPフレームワーク 毎日のプログラミング WeChat アプレット よくある問題 他の 技術 CMS チュートリアル Java システムチュートリアル コンピューターのチュートリアル ハードウェアチュートリアル モバイルチュートリアル ソフトウェアチュートリアル モバイル ゲームのチュートリアル
- 分類する：
-
- モバイルでヘッダータグを使用する方法
- 1.meta タグ http-equiv 属性の構文形式: <meta http-equiv="expires" content="水、2007 年 6 月 20 日 22:33:00 GMT"/> <!--expires 期間。Web ページの有効期限が切れると、Web ページをサーバーに再送信する必要があります。--> 2.コンテンツタイプ（表示文字セット設定）設定ページ
- H5 チュートリアル 2135 2017-06-20 14:02:06
-
- パスの描き方 - 線分
- Canvas 描画環境の描画メソッドには、即時描画メソッドとパスベースの描画メソッドがあります。 グラフィックを即座に描画するためのメソッドは 2 つだけです: ストロークRect() と fillRect() メソッドもすぐに描画されますが、テキストはグラフィックとは見なされません。 パスベースの描画システム SVG (Scalable Verctor Graphics、スケーラブル ベクター グラフィックス)、Adobe Illustrator などのほとんどの描画システム。
- H5 チュートリアル 2761 2017-06-20 14:00:45
-
- 音楽プレーヤー制作例（html5）
- 関連スキル HTML5+CSS3 (ページレイアウトと動的な効果を実現するため) アイコンフォント (プレーヤー関連のアイコンを追加するには、ベクター アイコン ライブラリを使用します) LESS (動的 CSS 書き込み) jQuery (js スクリプトをすばやく作成) gulp+webpack (LESS、CSS、JS などのコードをコンパイルおよび圧縮するための自動ビルド ツール) 実装された機能 再生が一時停止されています (クリックして再生ステータスを切り替えます) 次の曲（次の曲に切り替える） ランダム再生（現在の曲を再生した後、自動的に次の曲を再生します） シングルループ (クリック
- H5 チュートリアル 3697 2017-06-20 14:00:00
-
- HTML5 のいくつかの興味深い新機能
- HTML5 は、過去 10 年間で Web 開発標準における最大の進歩です。 HTML5 は、Web コンテンツを表現するためだけに使用されるわけではありません。HTML5 プラットフォームでは、ビデオ、オーディオ、画像、アニメーション、およびコンピューターとの対話が標準化されます。 このチュートリアルでは、HTML5 の新機能と各タグの使用方法を説明します。 HTML5 のいくつかの興味深い新機能: ペイント用のキャンバス要素 メディア再生用のビデオおよびオーディオ要素 地元から離れたところにある
- H5 チュートリアル 2112 2017-06-20 13:58:16
-
- WeChat開発実践共有機能
- 要件を理解すると、次のように分類できます。 (1) WeChat 携帯電話ユーザーは WeChat の JSSDK を使用できます。 (2) 画像を選択し、JSSDKの「chooseImage」を使用します。 イメージを共有する場合はローカルアドレスを共有できないため、JSSDKの「uploadImage」も必要です。 (3) Momentsへの共有にはJSSDKの「onMenuShareTimeline」が必要です。 ビジネス ロジックをまとめると、
- H5 チュートリアル 2902 2017-06-20 13:57:28
-
- Web ストレージ -- Web ストレージの詳細な紹介
- Web ストレージの分類 クライアントとサーバー Web ストレージを理解する Web アプリケーションの開発に伴い、クライアント側ストレージの用途はますます増えていますが、クライアント側ストレージの実装方法もますます多様化しています。最も簡単で互換性のある方法は Cookie ですが、Cookie を実際のクライアントとして保存するには依然として多くの欠点があります。同時に、さまざまなブラウザーにも独自の保存方法があります。たとえば、userData Behavior は IE6 以降の F で使用できます。
- H5 チュートリアル 2109 2017-06-20 13:55:49
-
- モバイルページレイアウトの操作方法
- モバイルページのレイアウトについて http://www.xiaoxiangzi.com/Programme/CSS/4298.html 1. ビューポート ビューポートとは何ですか 簡単に言うと、ビューポートは Web ページを表示するために使用されるブラウザの一部です。つまり、ブラウザの実際の幅は、携帯電話の幅とは異なります。 320px または 640px 、モバイルブラウザ内の幅は常にブラウザ自体の vi になります
- H5 チュートリアル 3107 2017-06-20 13:50:26
-
- HTML5 テキスト スタイルの例の紹介
- テキストスタイル <b>太字</b> <i>傾ける</i> <u>下線</u> <s>取り消し線</s> <sub>下付き文字</sub> <sup>上付き文字</sup> <p>段落要素</p> <br/>強制交換
- H5 チュートリアル 2079 2017-06-20 13:49:22
-
- キャンバスの例 - 時計アニメーション
- 通常、会社が忙しくないときに、いくつかの小さな効果などについて書きたいと思います。第一に、レビューとレビューができ、第二に、いくつかの問題を見つけることができます。 今日、グループチャットで誰かが時計の写真を投稿しているのを見た。私は長年きちんと仕事をしてきたので、もっと自分のことをしようと思い、時計を描きました。 ..... コードに直接移動します。 html <!DOCTYPE HTML> <html> <頭&
- H5 チュートリアル 1385 2017-06-20 13:43:20
-
- クッキーの使用方法
- Cookie はユーザーのローカル端末に保存されるデータです。 Web サイトにログインすると、パスワードが記録され、7 日、5 日などの期限も設定されます。これらはすべて Cookie を使用して書き込まれます。これは Cookie を使用するセッション サイクルです。同時に安全ではありません。Web ページを開いてユーザーが入力したパスワードを確認できますが、Cookie を書き込むときにストレージ パスを設定する必要があり、取得する値は次のとおりです。文字列は非常に小さく、わずか 4kb です。次に、文字列をカプセル化します。
- H5 チュートリアル 2682 2017-06-20 13:42:33
-
- Web レスポンシブ デザインの例 (メディア クエリなし)
- (0)以前に書いた記事: Zhihu で読んだ記事で事件について話したところ、私の心が開かれ、とても感心したので、翌日、特別に元の記事を見つけて賞賛しました。 5元、元のアドレスhttps://zhuanlan.zhihu.com/p/27258076、このケースでは多くのCSS3属性が使用されています。 (1) 効果実証 (2)知識のポイントと効果 <div class="trunc-list-wrapper" id="mylist"> <
- H5 チュートリアル 1467 2017-06-20 13:39:50
-
- HTML5とは何ですか? HTML5の使い方を詳しく解説
- HTML5とは何ですか? HTML5 はハイパーテキスト言語であり、プログラミング言語ではありません。ブラウザの互換性の問題に注意する必要があります。 HTML5 テクノロジーとは、一般に、HTML5、CSS3、および JavaScript テクノロジーの組み合わせを指します。 HTML5 は主にドキュメント コンテンツの構造と意味を担当します。 CSS3 は主に、ドキュメントのコンテンツ スタイルを記述する役割を果たします。 JavaScript は主にドキュメント コンテンツの動作を担当します。 HTML5の基本構造。 <!doctype html&
- H5 チュートリアル 2446 2017-06-20 13:38:36
-
- Html5ドラッグ＆ドロップの実装方法
- 今日はHTML5のドラッグ＆ドロップの問題について書きます。 設定要素はドラッグ＆ドロップで設定可能 要素のドラッグ可能な属性を設定し、true に設定します。要素をドラッグ アンド ドロップできます。 (注: Firefox はこれをサポートしていません) 要素のドラッグイベント ondragstart: ドラッグする前にトリガーされます Ondrag: ドラッグ中に継続的にトリガーされます。 &
- H5 チュートリアル 1567 2017-06-20 13:33:58
-
- プロジェクト実践：薬箱APP
- プルアップの読み込み、左右のスライド、ポップアップ レイヤーのフェードインとフェードアウトなどのエフェクトを備えた医療キット APP の小さな静的プロジェクトを純粋に手作業で作成するのに 10 日かかりました。主に練習用。以下はページ レンダリングの一部です。 Google の開発者ツールのモバイル エミュレーターを使用しています。ご興味がございましたら、ブログのファイル項目からダウンロードしていただけますようお願いいたします。最適化する必要がある領域がまだたくさんあります。修正は大歓迎です。
- H5 チュートリアル 1718 2017-06-20 11:05:09
-
- HTML5ボックスモデルの使い方
- ボックスモデル。ボックスは、マージン、ボーダー、パディング、コンテンツの 4 つの部分で構成されます。 margin: 外側のマージン border: ボーダー パディング: 内側のマージン (コンテンツとボーダーの間の距離) content: content <!DOCTYPE html><html> <head> <meta
- H5 チュートリアル 7970 2017-06-20 10:46:27
ツールの推奨事項
jQuery エンタープライズ メッセージ フォームの連絡先コード
jQuery エンタープライズ メッセージ フォーム連絡先コードは、シンプルで実用的なエンタープライズ メッセージ フォームおよび連絡先紹介ページ コードです。
フォームボタン
2024-02-29
HTML5 MP3 オルゴール再生効果
HTML5 MP3 オルゴール再生特殊効果は、HTML5 + css3 に基づく MP3 音楽プレーヤーで、かわいいオルゴールの絵文字を作成し、スイッチ ボタンをクリックします。
プレイヤーの特殊効果
2024-02-29
HTML5 クールなパーティクル アニメーション ナビゲーション メニューの特殊効果
HTML5 クールなパーティクル アニメーションのナビゲーション メニュー特殊効果は、ナビゲーション メニューにマウスを置くと色が変化する特殊効果です。
メニューナビゲーション
2024-02-29
jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コード
jQuery ビジュアル フォームのドラッグ アンド ドロップ編集コードは、jQuery およびブートストラップ フレームワークに基づいたビジュアル フォームです。
フォームボタン
2024-02-29
有機果物と野菜のサプライヤー Web テンプレート Bootstrap5
有機果物と野菜のサプライヤー Web テンプレート-Bootstrap5
ブートストラップ テンプレート
2023-02-03
Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus
Bootstrap3 多機能データ情報バックグラウンド管理レスポンシブ Web ページ テンプレート-Novus
バックエンドテンプレート
2023-02-02
不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5
不動産リソース サービス プラットフォーム Web ページ テンプレート Bootstrap5
ブートストラップ テンプレート
2023-02-02
かわいい夏の要素のベクター素材 (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
室内装飾クリーニングおよび修理サービス会社のウェブサイトのテンプレート
家の装飾のクリーニングとメンテナンス サービス会社の Web サイト テンプレートは、家の装飾、クリーニング、メンテナンス、その他のサービス組織を提供するプロモーション Web サイトに適した Web サイト テンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。
フロントエンドテンプレート
2024-05-09
フレッシュカラーの個人履歴書ガイドページテンプレート
フレッシュカラーマッチング個人求人応募履歴書ガイドページテンプレートは、フレッシュカラーマッチングスタイルに適した個人求人検索履歴書仕事表示ガイドページWebテンプレートのダウンロードです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。
フロントエンドテンプレート
2024-02-29
デザイナーのクリエイティブな仕事の履歴書 Web テンプレート
デザイナー クリエイティブ ジョブ履歴書 Web テンプレートは、さまざまなデザイナーのポジションに適した個人の職務履歴書表示用のダウンロード可能な Web テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。
フロントエンドテンプレート
2024-02-28
現代のエンジニアリング建設会社のウェブサイトのテンプレート
最新のエンジニアリングおよび建設会社の Web サイト テンプレートは、エンジニアリングおよび建設サービス業界の宣伝に適したダウンロード可能な Web サイト テンプレートです。ヒント: このテンプレートは Google フォント ライブラリを呼び出すため、ページが開くのが遅くなる場合があります。
フロントエンドテンプレート
2024-02-28
