• html、css、jsのアノテーション仕様の使用方法まとめ

    必要なコメントを追加することは、責任感のある倫理的なフロントエンドが持つべき良い習慣であり、コードの保守性と可読性を大幅に向上させることができます。まず最初に、html、css、jsのコメントの書き方に慣れる必要があります。 htmlのコメントです。 <未定義 cssのコメントです。 //コメント内容 一行コメント(ブラウザによっては互換性がなく、効果がな

    2022-01-08 23:54:18
  • 左右幅固定ミドル適応型htmlレイアウトの解決策を説明する

    この記事では、以下のように共有される、詳細な左右幅固定型アダプティブHTMLレイアウトソリューションについて説明します。 a. フローティングレイアウトを利用する htmlの構成は以下の通りです。 Notification noti = new Notification.Builder(mContext) .setContentTitle("New mail from " + se

    2022-01-08 23:33:12
  • ページ内のフロートとクリアの概要

    I. float: 主な目的は、画像の列の周りにテキストを配置する効果を得ることです。            また、マルチカラムレイアウトを作成する最も簡単な方法となります。 <img src= " " /> <p>text content paragraph conte

    2022-01-08 22:29:49
  • テーブル表でスラッシュヘッダー効果を実現する5つの方法

    テーブルテーブル、この事は確かに私達が頻繁に遭遇することができるコードに見知らぬ人ではないので、スラッシュテーブルヘッダーを追加するには、時々必要ですが、どのように正確にこの効果を達成するために? 以下の方法についてまとめてみました。 1. 最も簡単でシンプルな方法 会社のUIに直接行って、絵を作ってもらい、それをここに背景画像として貼り、それをプロップスする。簡単

    2022-01-08 21:32:18
  • htmlでよく使われるエスケープ文字まとめ

    htmlでよく使われるエスケープ文字について、以下のようにまとめました。   改行しない空白文字   半角の大きなスペース   全角の大きなスペース <未満です。 > より大きい > アンプ;アンプ;アンプ;記号 " ダブルクォーテーション"

    2022-01-08 20:58:11
  • htmlのテキストがオーバーフローして省略文字が表示される場合の2つの一般的な解決方法

    方法1:CSSによるはみ出し対策を行う 解決方法は以下の通りです。 のcssコードです。          display: -webkit-box; display: -moz-box; white-space: pre-w

    2022-01-08 20:57:20
  • HTMLでスクリーンショットを撮影し、ローカル画像として保存するための実装コード

    そのコードを以下に示します。 public void setLatestEventInfo(Context context,             CharSequence contentTitle, CharSequence contentText, PendingIntent contentIntent) {  

    2022-01-08 20:37:30
  • divの幅をwidth:100に設定し、親要素を超えるpaddingまたはmarginを設定する場合の解決法

    プリアンブル CSS3の新プロパティbox-sizingを使って、divにwidth:100を設定した後、親要素を超えるpaddingやmarginを設定する問題を解決する方法を紹介します。 構文 box-sizing: content-box|border-box|inherit; 値 i. content-box  CSS 2.1 で規定されている width-height

    2022-01-08 19:54:26
  • モバイルウェブの画面適応(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で&lt;meta&gt;タグは、この関数では、キー情報は、検索エンジンが識別に行けるように、次に、我々は&lt;を使用する方法を説明します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