html5 - BinaryDevelop

HTMLテーブルのテーブルボーダーの実装アイデア

I. 一般的な考え方　　1、ボーダーのないテーブルは、背景色は、テーブルの境界の色がテーブルの背景色であるように、色（＃DCDFE6）を設定します。　　2、セル間隔は1px、背景色は白（#FFFFFF）に設定されています。 void USART1_IRQHandler(void) // Serial port 1 interrupt service prog

2022-01-28 14:24:48
HD画面でのキャンバスサイズリセットによる不具合の解消について

キャンバスの内容をクリアするには、2つの方法があることが分かっています。 1つ目の方法は、cearRect関数です。 context.cearRect(0,0,canvas.width,canvas.height) 2つ目の方法は、キャンバスの幅（または高さ）を元の値でリセットする方法です。 canvas.width = canvas.width // or can

2022-01-28 11:49:33
postMessageを使用してiframeの高さを適応させる例

プリアンブルフリーマークのようなフロントエンドの離れ業をメインの古いプロジェクトとして無神経に埋め込むために、iframeタグを使うことがあります。 iframe内のコンテンツが親ページで指定された幅と高さより大きい場合、スクロールボックスが表示されることが分かっています。そこで、iframeの幅と高さを自身のコンテンツに応じて自動的に変更させることが、解決しなけれ

2022-01-28 09:41:32
印刷用のクリア画像を生成するhtml2canvasのサンプルコード

プリアンブル最近、会社の業務上の必要性から、総ての地図を印刷するために写真画像をワンクリックで生成することを完了する必要がある html2canvasは非常に強力なスクリーンショットプラグインで、多くの画像生成や印刷の場面で使用されているしかし、結果はぼやけてしまうので、この記事では、ぼやけの問題を解決する方法と、さまざまなパラメータの設定方法について記録します

2022-01-28 08:05:14
Html5カスタムフォントソリューション

アプリケーションシナリオ font-faceを使用した結果、フォントパッケージが約10Mと大きく、10Mのトラフィックを要求するたびにサーバーが圧迫され、ユーザーエクスペリエンスに影響を与えることがわかりました。ステップ1：@font-faceを使用する MDN の概要これは@font-faceと呼ばれるCSSの@ルールで、ウェブ開発者がウェブページに

2022-01-28 05:34:02
Html5 webview要素位置決めツールの実装

I. ツールの選択 webview 要素を配置する方法は 3 つあります。 driver.page_sourceメソッドで取得したページの内容をhtmlファイルに書き込み、ブラウザでhtmlファイルを開き、F12デバッグアプライアンスで要素の配置を行う。クロームブラウザはデバッグツールDeveloper Toolsが付属しています、クロームブラウザで、入力：クローム

2022-01-27 19:36:34
HTML5画像カスケード表示実装例

最近、私たちは深センでプロジェクトに取り組んでいます。私たちは、いくつかの内部の理由のために独自の静的なページを記述する必要があります。組織のため組織が必要としているのなら、やってみよう。ページレイアウトの1つを以下に示します。赤枠で示した部分は、3つの画像を組み合わせたもので、それぞれの部分は以下の写真になります。上記の画像の重なりを実現するには

2022-01-27 15:52:29
HTML表示 pdf, word, xls, ppt方式例

1、PDFファイルオンラインプレビュー 1. HTML5新タグ <embed> の定義と使用法 <embed> タグは、埋め込まれたコンテンツを定義します。このタグは自己閉鎖的で、ブラウザがPDFの埋め込みに対応していない場合、このタグのコンテンツは全く表示されないことを意味しています。インスタンス <embed src="/f

2022-01-27 14:04:04
HTML5 のタッチイベント（touchstart、touchmove、touchend）の実装

HTML5で追加された新しいイベントはたくさんありますが、互換性が理想的でないため、あまり応用が効かないので、ここでは基本的に省略し、広く使われているイベントのうち互換性のあるものだけを共有し、後日、互換性の状況が良くなれば、順次追加していく予定です。今日紹介するイベントは主にタッチイベントで、touchstart、touchmove、touchendです。タッチイベント touchs

2022-01-27 12:53:46
複数の画像を編集するためのキャンバス画像エディタの実装方法

前置きイメージエディタは、絵の落書きツールですが、現在の流行のコンテキストでは、ツールはまた、ツールを使用して、学生が提出した宿題を修正するために教師のオンラインになることができます、それは大幅に宿題を修正するために教師の作業負荷を減らすことができます、私はこのソフトウェアのための市場があると信じています。それでも、キャンバスグラフィティを実際のプロジェクトで本当に使ってい

2022-01-27 11:43:57
html5でhotcss.jsを使い、携帯電話の自己適合を実現する方法

Html5ページがモバイルで自己適応することは非常に一般的な技術要件であり、ここではhotcssをhtmlページで使用する方法について説明します。はじめに動的なHTMLルートのフォントサイズと動的なビューポートスケールを使用します。視覚的一貫性の原則に従うこと。異なる画面サイズや異なるデバイスのピクセル密度でも、ページが同じように見えるようにしましょう。 1

2022-01-27 10:45:45
html5 android compatibility for mobile video (remove play control, full screen)（モバイルビデオ用アンドロイド互換性）。

androidにおけるhtml5の動画再生は、フロントエンドの互換性で最も大きな打撃を受け、その体験の悪さが長い間批判されてきました。しかし、前回の紫禁城横断H5、呉越同舟入隊H5では、動画技術を使い、新しい風を吹かせているようです。初めてやった企画が、たまたま似たような動画のフルスクリーンだったので、体験した落とし穴とその埋め方を紹介します。問題のios側は実際には何もな

2022-01-27 08:55:55
HTML5によるアプリケーションキャッシュの実装

なぜ Application Cache 技術を使うのか？ HTML5以前は、インターネットにアクセスする必要があり、サーバーへの多重リクエストでサイトの速度が低下したのは間違いありません。PCユーザーの場合、ネットワークは比較的安定しており、読み込み速度もそれほど悪くありません。しかし、モバイルの場合はどうでしょうか。モバイル側は、無線信号に依存し、信号塔に依存し、場所は固定され

2022-01-27 08:38:17
キャンバス経由でのRGBAフォーマットへの色変換とパフォーマンス問題の解決

任意の色をRGBA形式に変換するフロントエンドのプログラミングをしていると、さまざまな色形式（"red", "#F00", "#FF0000" など）をRGBA形式に変換する必要にしばしば遭遇します。また、Webを検索すると、たくさんのソリューションが見つかります。ここでは、canvasのpixel fetchメソッドを使って、任意の色のRGBA値を取得する方法を

2022-01-27 08:06:47
iframe+postMessageを使ったクロスドメインコミュニケーションのサンプルコード

通常、異なる2つのページのスクリプトの場合、それらを実行するページが同じプロトコル（通常はhttps）、ポート番号（httpsのデフォルト値は443）、ホストに位置している場合のみ、2つのスクリプトは互いに通信することが可能です。実際のプロジェクト開発では、親ページに別の子ページを埋め込んだり、親ページに別のページをポップアップさせるために iframe がよく使われますが、同一ソースポリシーの

2022-01-27 07:55:41
html5モバイルキーボードのポップアップを片付ける対応

序文：フロントエンドの時間は、プロジェクトの需要も2つのToCモバイルプロジェクトの拡大に基づいて、現在の中間プラットフォームでは、h5モバイルの投げの旅を始めた、以下は、h5モバイルキーボードポップアップでフォームページが離れて互換性のいくつかの要約を置くです。問題点 h5プロジェクトでは、入力ボックスにフォーカスが当たると自動的にキーボードポップアップが起動するフォーム

2022-01-27 04:26:14
タオバオH5サイン暗号化アルゴリズムの詳細

淘宝網はh5アクセスとクライアント側に異なるアプローチを採用し、h5のjsコードにappsercretを保存するリスクが高いため、mtopはランダムに割り当てられたトークンを使用し、ユーザーのクッキーに保存され、クッキーを通じてサーバーによって割り当てられたトークンを持ち帰る、クライアントは割り当てられたトークンを使用して、要求したURLパラメータに対してダイジェスト値の符号を生成し、MTOPは

2022-01-26 22:46:48
AmazeUIのダウンロード設定とHelloworldの実装について

クロスプラットフォームブラウザ対応を謳っていますが、IE8以下には対応していないため、PCでのWeb開発には使用しないことをお勧めします。AmazeUIはモバイルウェブページにのみ適しており、そのHTML5機能はモバイルブラウザと非常に親和性が高いです。PCと携帯の両方に対応したWebページが書けると思っていないで、レイアウトを分けるべきでしょう。多くのモバイルページには、ページの下に "Mob

2022-01-26 14:16:17
HTML5レイアウトとHTML5タグの説明

I. 新しい文書型宣言(DTD) 文書型宣言 HTML 5のDTD宣言は、:     <!doctype html>     HTMLの構文は大文字と小文字を区別しないので、<!DOCTYPE html >なども正しいです。 HTML5文書を記述する場合、ブラウザがHTML5の標準

2022-01-26 06:15:29
ハイパーテキストマークアップ言語 HTML5 の実装

HTML5です。ハイパーテキストマークアップ言語 html5: フォーマットされたものでなく、あるものを表現するためにマークアップ <!DOCTYPE html> <html> <head> <title>My Page</title> <meta charet=utf-

2022-01-26 01:28:57

最新

おすすめ