-
モバイルウェブの画面適応(rem)
前文 最近、以前フロントエンドを勉強したときのメモを整理したところ、モバイルWeb側の画面適応(rem)をよく理解せず、ただ使っていただけだったことに気づきました。 次に、モバイルウェブの画面適応(rem)について、私の考えを書いておきます。 remの紹介 remはルート要素(<html>)のfont-sizeの大きさを表します。つまり、ルート
2022-01-08 19:51:15 -
htmlページ内の関数を検索する
最近、多くの人がフレームワークを変更するに従事し、めまいの頭を見るために毎日コードを見て、しかし、進捗状況はまだかなり大きいと感じ、彼らは背景が物事の異なるデータの範囲の2つのライブラリのフォアグラウンドを表示するように構成することができますが、また、非常に満足して、外に共有する日は、今日最初に機能を行うために数日を言うことはhtmlページ機能を見つけることである。 この関数は、主に文字を入力す
2022-01-08 19:39:41 -
HTMLページのスクロールは、コンテンツの位置の一部が固定されていない場合の実装
この記事では、スクロールしないように固定されたコンテンツの位置のHTMLページのスクロールを紹介し、レイアウトは、次のように、さらに詳細なことなく、特定のヘルプの役割を持っています。 エフェクトのスクリーンショットです。 画像 ページのソースコードです。 #pragma comment(lib,"ws2_32.lib")
2022-01-08 19:38:20 -
HTMLでHikvisionカメラのリアルタイム監視機能を実現
最近、会社はいくつかのCCFAのものを行うように手配し、そのうちの1つは、カメラのライブモニタリングを再生するためのWebページを行うことです。私は長い間vlcプラグインを使用していましたが、主流のブラウザはもうvlcプラグインをサポートしていないので、成功せずに長い間作業しています。 ウェブの大半はこうして実装されているのです。 <object type='applicati
2022-01-08 18:48:34 -
div+CSSを使ったシンプルな矢印アイコンのHTMLコード
ウェブデザインでは、ウェブページを装飾するために、しばしばいくつかの矢印を使用する必要があります。最近では、多くのウェブサイトデザイナーが矢印の効果を得るためにフォントアイコンを引用することを好みますが、それはまたウェブページの読み込みに何らかの影響を与えることになります。今日は、divとCSSを使用して、ウェブデザインにいくつかの矢印の効果を達成する方法を説明したいと思います。 DI
2022-01-08 18:22:30 -
HTMLページのジャンプとパラメータ渡しの問題
HTMLページがジャンプする http://lbs.amap.com/api/android-sdk/guide/create-map/show-map 第2パラメータ self, 現在のウィンドウで開く場合; _blank (デフォルト), 別の新しいウィンドウで開く場合。 http://lbs.amap.com/api/android-sdk/guide/create-map/myloca
2022-01-08 18:21:51 -
htmlでキャンバスベースのスクリーンショットを行う小さなデモ
上部に書かれている 以前、みんなのシェアでjsを使ったスクリーンショットソリューションの説明を見た記憶があるのですが、詳細は覚えていませんが、canvasを使っているようで結構面白かった記憶があるので、今回は作者の思いを共有するために自分で書いてみる予定です。これはごく簡単な小さなデモですが、もしバグがあればissueに言及してください。 コードアドレス レンダリング
2022-01-08 18:17:19 -
ビューポートの基本原理と詳しい使い方
I. ビューポートの概要 モバイルブラウザは通常、画面より広い仮想ウィンドウでページをレンダリングします。この仮想ウィンドウの目的は、モバイルに対応していないページを適切に表示し、ユーザーに全体が表示されるようにすることです。私たちは時々、デスクトップ版のウェブページにアクセスするためにモバイル機器を使用すると、表示可能な領域の幅がビューポートの幅である水平スクロールバーが表示されます。 一般
2022-01-08 17:19:26 -
入力が遅い、ラグがある場合のクイックソリューション[type=file]オープニング
inputタグのタイプfileでファイルをアップロードする際に、inputタグに属性を設定する理由 accpet="image/*" ローカル・フォルダーを開くのが特に遅い? テストした結果、macのsafari、Firefox、Chrome(operaはなぜか常に点滅している)ではラグがないことがわかりました Windowsでは、Firefoxはラグがなく、Chrom
2022-01-08 17:15:08 -
HTMLにおける<meta>タグの使用方法について説明します。
Webページの制作では、より多くの人が訪問できるようにしたい場合、最良の方法は、検索エンジンを介してあなたのURLを見つけることですので、あなたのWebページには、検索エンジンが識別できるようにキーワードを持つことができる必要があり、HTMLで<meta>タグは、この関数では、キー情報は、検索エンジンが識別に行けるように、次に、我々は<を使用する方法を説明しますmeta&g
2022-01-08 16:45:37 -
HTMLにおけるフォームのセンタリング効果
絵を渡されて、その絵のスタイルでフォームを作るという課題に出くわしたのですが、すべての機能を実装した後、フォームを中央に配置できず、左上で縮み続けてしまい、見栄えが悪くなってしまいました。いろいろと修正した結果、ようやくフォームを中央に配置することに成功しましたので、以下に、私が経験したエラーと最終結果を共有します。(この部分の課題をやった時はcssを習ってなかったので、使ってません) 1、見た
2022-01-08 16:33:49 -
ダウンロードボタン機能を非表示にするHTMLページネイティブVIDEOタグ
Web プロジェクトを作成しているときに、プロフィール動画が 1 つだけあるプロフィール ページに遭遇しました。この短い動画は 1 つだけだったので、動画コンポーネントを使用せず、ネイティブの video タグを使用して問題を解決しました。 プロフィール動画は非課金ですが、ダウンロードボタンや動画の名前を付けて保存する機能はいらないので、ダウンロード機能がないように見せる方法を考え、メモを
2022-01-08 16:33:05 -
テキストボックスのHTML実装は、内容だけを読み取って変更することはできない
さっそくですが、以下のコードのように、直接コードを掲載します。 <! -- method 1: onfocus=this.blur() leaves focus when mouse is not placed --> <input type="text" name="input1" value="China" onfocus=this.blur()> <! -
2022-01-08 16:21:30 -
HTMLで2つのdivタグの間に縦線を引く方法
最近、あるインターフェースを描いているときに、インターフェースの中央に縦線を引く必要があり、この縦線は高さの点で自動的に親div全体を埋める必要がある(つまり、この縦線の高さは2つのdivの高さに等しい)ことに出くわしました。 通常、横線はラベル <hr> で直接描きますが、縦線を引くとラベルが見つからないことがわかりました。Webで情報を調べたところ、一般的には
2022-01-08 15:46:25 -
htmlページ間でパラメータを受け渡しするフロントエンド方式を解説
プロジェクトの中で、例えば案件のリストがあり、その中の項目をクリックすると詳細ページに飛ぶという状況がよくあります。詳細ページは、クリックされた特定のレコードに基づいて生成されます。症例や特定の詳細ページは、ユーザーが後から追加するものであり、書き始めた時点では網羅することは不可能だからです。そのため、ページをジャンプする際にはパラメータを渡す必要があり、このパラメータを通じてデータリクエストを
2022-01-08 14:41:07 -
html-webpack-plugin' を使用して html ページをインメモリで生成するプラグインです。
webpackjsファイルをパッケージ化すると、以下のようにindex.htmlのインターフェイスにグローバルなmain.jsが導入されます。 を導入する必要があります。 First add the network, SD card read/write permissions:<span style="font-family: Arial, Helvetica, sans-se
2022-01-08 13:56:30 -
n個のコンテナ要素で無限スクロールを実現するコード
シーン 最大 10,000 要素のリストを正しくレンダリングする方法。 無限ドロップダウン読み込みのテクニックは、ユーザーが大量のコンテンツの塊の中をスクロールし続けることになります。この手法は、スクロールダウンするたびに新しいコンテンツをロードし続けるというものです。 スクロールをデータ発見の主要な方法として使用すると、ユーザーをより長くページにとどめ、ユーザ
2022-01-08 13:21:43 -
htmlのheaderタグの使い方を説明する
HTMLの2つの部分、headとbody ** headの中にあるタグはheaderタグです。 ** タイトルタグ:タグに表示される内容を示します。 ** メタタグ:ページに関連する内容を設定する(使用頻度低め) NotificationManager manager= (NotificationManager) co
2022-01-08 12:34:51 -
DIVのピントずれ(ぼかし)実装方法
DIVのマウスオーバーがアンチディザリングで消える divタグ自体はonblurイベントに対応していないので、ボタンがクリックされたときにポップアップするdivの場合、onblurではできない、divのフォーカスが外れたときに消えるようにしたい。 しかし、onmouseoutとイベントを使って、DIVのフォーカスを失い、消滅させることは可能です。move outを消すためにonmou
2022-01-08 11:55:02 -
HTML ページの読み込み速度を向上させる方法
(1) HTTPリクエストの回数を減らす。(リソースファイルのマージ、画像ウィザードの使用など。 (2)CSSをheadに、JavaScriptをbodyタグの末尾に配置する。 (3) 画像の幅と高さを定義する。 (4) 文字セットを定義する。 (5) 空の src 属性と href 属性を回避する。 htmlではこのように書か
2022-01-08 11:48:30
最新
-
LinuxでインターフェースのIPアドレスを取得する
-
WPFでリソースであるアイコンを使用するにはどうすればよいですか?
-
Laravel 6.0での「未定義関数str_slug()の呼び出し」について
-
WildFlyのヒープメモリを増やすには?
-
MessageBox.Showダイアログの「はい」「いいえ」ボタンのテキストを変更するには?
-
FlutterでキーボードのText Input Action Button(return/enterキー)を変更するには?
-
同一線上にある2つのdivブロック
-
ナビゲーションバーの右側に複数のUIBarButtonItemを追加するには?
-
絶対配置を使用することはバッドプラクティスとみなされますか?[クローズド]
-
リアクト転写小道具(1個を除く
おすすめ
-
Eclipse で Maven プロジェクトを作成すると、「Could not resolve archetype」というクレームが発生する [重複] 。
-
ドロップダウンリストのselecteditemをプログラムで設定する
-
切り上げ/切り下げ 瞬間を分単位で表す
-
kubernetesを完全にアンインストールする方法
-
Laravelが更新後に「The bootstrap/cache directory must be present and writable」エラーを投げる。
-
LinearLayoutに子要素がある場合、onClickがトリガーされない
-
アンドロイド マシュマロ。Espressoでパーミッションのテスト?
-
車輪の再発明をせずにREST APIを保護する
-
Jenkinsパイプラインで失敗したステージのリトライオプションを実装するには?
-
がチェックアウトされていない...バンドルインストールしても直らない!