ページ 107-H5 チュートリアルプログラミングチュートリアル: H5 チュートリアルオンラインで学ぶ-php.cn

Article Tags

H5 チュートリアル

ホームページ

Technical articles

ウェブフロントエンド

H5 チュートリアル

HTML5 マルチスレッド JavaScript ソリューション Web Worker - 専用 Worker と共有 Worker の詳細なコードの紹介

HTML5 は多くの強力な機能を提供しており、これまで理解されていたシングルスレッドの JavaScript を覆すものさえあると言わざるを得ません。この新しい機能は Web Worker と呼ばれます (マルチスレッドはありませんでした)。以前、setTimeout などの本質はまだシングルスレッドでした）マルチスレッドプログラミングですが、従来のマルチスレッド言語で発生したマルチスレッドの問題を心配する必要はありません。 C++、Java など。Web Worker ワーカースレッドとは何かを見てみましょう。

Mar 11, 2017 pm 04:18 PM

HTML5，JavaScript，Worker

HTML5 地理的位置 Geolocation-API および Haversine 地理空間距離アルゴリズム (グラフィックスとテキスト)

HTML5 は地理的位置座標を取得できる Geolocation-API を提供しますが、これは特定のニーズにのみ使用されます。たとえば、Geolocation-API で使用されるメソッドも非常に単純です。 navigator.geolocation オブジェクト。プロトタイプのコアメソッドは getCurrentPostion と watchPositiongetCurrentPositionnavigator.geolo です。

Mar 11, 2017 pm 04:13 PM

HTML5，Geolocation-API，Haversine

具体的にはHTML5ファイル読み込みFileReaderとファイル読み込みモジュールのカプセル化を解析します。

FileReader は File-API の重要な部分であり、ローカルファイルを読み取るために使用されます。ファイル読み取り関数を使用したい場合は、いくつかのインターフェイスメソッドを提供する FileReader オブジェクトをインスタンス化する必要もあります。インスタンスオブジェクトは 5 つのメソッドを呼び出すことができ、そのうちの 4 つはファイル読み取り API を中断するために使用されます。

Mar 11, 2017 pm 04:04 PM

HTML5，FileReader，模块

HTML5 プラグイン不要のマルチメディアメディアに関するオーディオとビデオの詳細な紹介

オーディオとビデオの人気はますます高まっており、ブラウザー間の互換性を確保するために、さまざまな Web サイトでは依然として Flash の使用が選択されています。

Mar 11, 2017 pm 04:02 PM

HTML5，audio，video

HTML5 要素のドラッグアンドドロップ (画像とテキスト) に関連する API の詳細な紹介

実際、HTML5 ではいくつかの便利な API が追加されているため、より簡単に開発でき、これらの API の使用も非常に簡単です。ただし、私の記憶力があまり良くないので、フォームに記録します。ブログの（手動）おかしい）今日はこのドラッグアンドドロップ API のデフォルトのドラッグについて書きます。実は、ドラッグアンドドロップ機能が最初に実装されたのは IE (IE4) です。 IEインスタンスに基づいて指定されたドラッグアンドドロップ仕様ブラウザには、画像のドラッグ要素、選択したテキストのドラッグ要素、リンクなどのデフォルトのドラッグ要素があります。

Mar 11, 2017 pm 03:58 PM

HTML5，drag，drop

Html5 レスポンシブデザインで Jiugongge を実装するためのサンプルコードの詳細な紹介 (写真)

レスポンシブデザインの概念が提案されて以来、この考え方を採用する Web サイトが増えています。さまざまな大規模ウェブサイトも雨後の筍のように出現した。例: Xiaomi モール、Tmall など。レスポンシブデザインの概念については、Baidu と Baidu を参照してください。ここで説明する必要はないと思います。ソースコードを直接持ってきて、Html5 を使用してレスポンシブな 9 マスグリッドを実装します。コードは次のとおりです: html5 レスポンシブ 9 正方形グリッド Mar 11, 2017 pm 03:51 PM

Html5，响应式设计，九宫格

HTML5 でメタ属性を使用するための詳細なコード例

メタ属性は HTML において非常に重要な位置を占めます。例：検索エンジンのSEO、ドキュメントの文字エンコード、リフレッシュキャッシュの設定など。一部の Web ページではメタを使用していない場合がありますが、一般の兵士として、メタのいくつかの特性を理解し、それらを上手に使用できるようにする必要があります。 1. ドキュメントで使用される文字エンコーディングを宣言します。 2. ドキュメントの互換モードを宣言します。 Mar 11, 2017 pm 03:47 PM

HTML5，meta属性

H5モバイル端末超実践CSS3模擬境界線最新研究サンプルコード

モバイル H5 CSS3 シミュレートボーダーに関する最新研究 (超実践的) by FungLeo はじめに以前のブログ投稿「モバイル H5 の基礎知識のまとめ第 5 章ボーダー処理」で、box-shadow :0 0 0 が使えることを書きました。 1px #ddd; このようにして、境界線をシミュレートします。もちろん、ブログ記事の内容は間違っていませんが、いくつかの制限があります。そこで、今日は、以前のブログ記事の欠陥を修正して改善します。なぜ境界線を直接書くのではなく、境界線をシミュレートするのでしょうか?

Mar 10, 2017 pm 04:54 PM

HTML5，CSS3，模拟边框

H5モバイル端末でバナーボタンを無制限に作成するサンプルコードの詳細説明

モバイル H5 でバナーボタンを無制限に作成する by FungLeo 序文: モバイル H5 ページでは、バナーボタンを作成するのは非常に簡単です。ただし、プロダクトマネージャーやデザイナーは常に苦労します。たとえば、ボタンは明らかに同じ形式ですが、ここはバナーのボタンで、下に進むと 2 つのボタンが必要なバナーになります。内側のページには 3 つのボタンが押し込まれています。合理的な解決策がない場合、複数のスタイルを作成する必要があることは間違いありません。

Mar 10, 2017 pm 04:49 PM

H5，移动端，通栏按钮

H5モバイル端末での各種リスト作成方法（全7章）

Mobile H5 でさまざまなリストを作成する方法 (最終 7 章) by FungLeo 前のレビュー最初の 5 章の学習アドレス: 「Mobile H5 でさまざまなリストを作成する方法 (1)」「Mobile H5 でさまざまなリストを作成する方法 (2)」『モバイルH5で各種リストを作成する方法(3)』『モバイルH5で各種リストを作成する方法(4)』『モバイルH5で各種リストを作成する方法(5)』『モバイルH5で各種リストを作成する方法( 6)「最初に見た場合」

Mar 10, 2017 pm 04:46 PM

HTML5，移动端，列表

H5モバイル端末での各種リスト作成方法⑥

前の 2 つの章では、画像リストとテキストリストの 2 列レイアウトについて説明しました。実際、この章では、さらに一歩進んで、その難しさに挑戦します。比較的言うまでもなく、非常に複雑なレイアウトを実現します。

Mar 10, 2017 pm 04:44 PM

HTML5，移动端，列表

H5モバイル端末での各種リスト作成方法(5)

第 4 章では、2 列の画像とテキストのリストを作成する方法を学びました。ただし、この画像とテキストのリストには、画像が正方形である必要があるという制限があります。

Mar 10, 2017 pm 04:42 PM

HTML5，移动端，列表

H5モバイル端末での各種リスト作成方法を詳しく解説(4)

最初の 3 つの章では、簡単なものから難しいものまで、一般的なリストの実装方法について説明します。この章では、2 つの列でリストを作成します。 JD\TB などの電子商取引モバイル端末では、H5 がよく使われています。ここでは、最初に最も単純なものを作成しましょう。

Mar 10, 2017 pm 04:39 PM

HTML5，移动端，列表

H5モバイル端末での各種リスト作成方法(2)

モバイル端末で各種リストを作成する方法(2) これまでの振り返り前回のブログ記事「モバイル端末で各種リストを作成する方法(1)」では、2つの簡単なDEMOを通してリスト作成について見ていきましょうただし、これら 2 つのデモはまだ単純すぎると思われるかもしれません。この章では、もう少し複雑なリストを作成します。この最初の記事をご覧になった場合は、次のことをお勧めします。上のリンクにアクセスして、最初に対応するコンテンツを読んでください。これにより、文脈が一貫し、この記事の内容が理解しやすくなります。

Mar 10, 2017 pm 04:31 PM

HTML5，移动端，列表