• XML锛歄penSearch 湔湔蝣?

    最近のブラウザの多くは、アドレスバーの右側に検索ボックスがあり、デフォルトでインストールされているのはGoogle検索などです。下図に示すように これは実はOpenSearchの応用で、対応するマイクロフォーマットのxmlファイルを記述することで、適切な検索ボックスを開発することができます。基本的なxmlフォーマットは、OpenSearchの定義文書を参照することで得ることができます。例えば

    2022-01-12 06:23:16
  • [css3] scss変数の値を実行時に変更するcss3 var()の使用方法を説明します。

    var()の導入と使い方 詳細(MDN) IEでは無効、その他の主要ブラウザでは有効 var() を使用します。 の中でしか宣言できず、スコープは{}のセレクタによって決定されます。 <! -- Declaration --> body{ --name:value;//valid within body } <! -- use --&gt

    2022-01-12 06:13:03
  • htmlページでsessionの値を取得する方法

    1.まず、セッションのキー値は、サーバーに存在する、ブラウザのHTMLページが直接セッションの値を取得する方法はありません、唯一のHTMLでは、jesessionidまたはそのようなjsを介して何かを得ることができます。 1.1、データ量が少ない場合は、クッキーに入れ、クライアントに渡し、htmlでjsで取得することも検討できます。 1.2、データ量が多い場合は、別途jspやサーブレットを作成

    2022-01-12 05:31:17
  • モバイル適応のためのremやviewportの使い方を説明する。

    モバイルインターフェイスを開発するとき、モバイル適応は常に頭痛の種でした。一般的なモバイル適応は、ビューポート適応、rem適応、パーセンテージ適応などです。この記事を読んだら、さまざまな携帯電話サイズの適応問題に対して、モバイル側の操作ができるようになるはずだと思います。 I: レム適応 remはルート要素からの相対的なフォントサイズの単位で、ルートタグのフォントサイズ=1remです。相対的な

    2022-01-12 05:07:57
  • 初心者のためのXMLの基本を学ぶ(XMLの役割を認識する)

    "Extensible Markup Language" (XML)は、構造化されたデータを記述するための方法を提供します。データの表示や外観を制御するために使われるHTMLマークアップとは異なり、XMLマークアップはデータ自体の構造やデータ型を定義するために使われる。 XMLは、データ要素を表すために一連のタグを使用します。各要素は、非常に単純なものから非常に複雑なものまで、さまざまなデー

    2022-01-12 05:05:21
  • rtmpストリーミングライブのHTML5再生

    最近、ライブストリーミングのプッシュ機能を作っていて、試しに自分でライブストリーミング用のWebページを書いてみたくなりました。 その後、ネットでいろいろなチュートリアルを試しても成功しなかったので、その落とし穴をいくつか紹介します。 1. まず、ストリームを obs でプッシュします。サーバーは rtmp://192.168.0.221/live, ストリーミングキーは 1234 です。

    2022-01-12 04:14:12
  • [CSSチュートリアル】CSSで実現するイメージマッピングメソッド

    I. 前書き イメージマッピングにより、画像の一部の領域をホットスポットとして指定することができます。マウスをその領域上でスライドさせることで、何らかのコンテンツ情報を表示することができます。もちろん、その部分をクリックしてジャンプすることもでき、イメージナビゲーションと同様の機能を実現することができます。 インターネットから上記の画像を見つけ、以下の機能を実装したいと思いました。各人物の上に

    2022-01-12 03:45:53
  • HTML5開発によるダイナミックオーディオマップの実装

    概要 今回は、html5とjsを使ってダイナミックなオーディオグラフを開発します 使用した技術ポイント (1) js (2) キャンバス+オーディオ (3) Web Audio API 実装されています。 (1) まず、インターフェース実装の検討ですが、ブロック数が非常に多いため、従来のdom nodeの実装を使うことは非常に困難です(コンピュータのC

    2022-01-12 03:34:13
  • データストレージの3つの方法、Cookie sessionstorage localstorageの類似点と相違点の分析

    I. 私たちが通常データを保存する方法は、次の3つです。 クッキーセッションストレージローカルストレージ、ではこの3種類のデータストレージにはどのような関係があるのでしょうか。見てみましょう。 cookie:cookieの値を保存します。 var dataCookie='110'; document.cookie = 'token' + "=" +dataCookie; 指定した名前

    2022-01-12 03:29:10
  • XML義姉妹」テキスタイル:RDF

    セマンティックウェブとセマンティックグリッドの両技術は、柔軟な記述言語である資源記述フレームワーク(RDF)に依存しています。RDF形式は実際には標準規格の一種であり、情報やリソースを記述するために使用され、システムが異なるリソースを接続し関連付けることを容易にする。 {RDFフォーマット RDFもW3Cが承認した情報とリソースを定義するための標準です。RDFはXMLを必要としませんが、情報

    2022-01-12 02:54:30
  • HTML5の公開ページ抽出を公開コード方式に

    フッター部分など、同じコードを持つ部分が多くあり、それを抽出して他のページで呼び出すことができます。 index.html public class XeroApiAdapter { private readonly IXeroApiParameter _parameter; private const string PARTNER_URL =

    2022-01-12 02:43:16
  • html5 on outbound embedded page 通信問題 (postMessage でクロスドメイン通信を解決)

    それは非常に簡単に言えば、あなたが直接クエリpostMessageプッシュとwindow.addEventListenerに行くことができる方法の使用を受信し、あなたが把握することができます最高の、この記事も方法の独自の使用の記録であります。 postMessage push と window.addEventListener receive を使用する。 原理を説明します。 (a

    2022-01-12 02:40:27
  • [CSSチュートリアル】ピュアCSSで実装した通知バーの3種類のスクロール効果

    プリアンブル 通知バーコンポーネントは比較的一般的なコンポーネントで、基本的にすべてのサイトがどのようにコンポーネントを持つことになり、主にいくつかの変更をサイトに通知したり、当選リストの役割のいくつかを通知するためなどです。 /{br 最近、コンテンツのCSS3アニメーション部分のレビューでは、通常の通知バーコンポーネントまたは達成するためにJSを使用してのほとんどは、ちょうどレビューとし

    2022-01-12 02:19:04
  • メソッドステップを構築するフレームワーク「AmazeUI」(グラフィック)

    Amaze UIを使い始める 1. Amaze UIを取得する   1.1 ファイルをダウンロードする まずBaiduを開き、Amaze UIと入力 --> Amaze UIの公式サイトを発見 --> Startをクリック --> ファイル「Amaze UI v2.2.1」とコードスニペット「Sublime」をダウンロード (Sublime Textにつ

    2022-01-12 02:12:06
  • [css3]グレーモードやブラックモードを実現するCSS3フィルター(フィルター)サンプルコード(Webページ用

    フロントエンド css3,filterの実装は、Webのグレー効果を実現するだけでなく、ブラックモード効果の実現も支援することができます。それでは、実装方法を見ていきましょう フィルタープロパティの紹介 filter: none | blur() | brightness() | contrast() | drop-shadow() | grayscale() | hue-rotate()

    2022-01-12 01:58:56
  • boostrapのモーダルフラッシュ問題の解決法

    ここでの点滅シナリオは、jsメソッドの修正・追加ともに$('#modalRowEdit').modal('show')を呼んでしまう、ボタンの追加を利用、aタグの修正を行うというもの。 画像 タグを修正します。 <a onclick="editRow(this)" data-toggle="modal" data-target="#modalRowEdit">modify</

    2022-01-11 23:10:53
  • html5ジャンプアプレット wx-open-launch-weappは落とし穴に踏み込んだ

    IOSのWeChatの最新バージョンは、不便にフローティングウィンドウ機能、小さなプログラムの背景無慈悲なユーザーのフィードバックをキャンセルしたため、現在の公共もフローティングウィンドウをサポートしているので、需要が出た、H5で小さなプログラムを開くためのキーをフローティングウィンドウ、H5は、WeChatが公共のWeb開発のためのオープンタブを持つことを学ぶためにドキュメントを読み、あなたは

    2022-01-11 23:04:01
  • HTML5のSEO最適化のためのいくつかの提案

    一例として <title> 淘宝网 - 淘! I like it</title> descriptionタグとkeywordタグを使用する(300文字以内が最適です) <meta name="description" content="Taobao.com - Asia's largest online trading platf

    2022-01-11 22:48:24
  • AmazeUIがモーダルボックスにフォームを埋め込んでモーダルインプットボックスを形成する

    AmazeUI]モーダルボックスで( クリックするとリンクが開きます ) モバイルフロントエンドフレームワークであるAmazeUIでのモーダルボックスの使い方は既に紹介しましたが、今回紹介したモーダルボックスはあくまで簡易的なものです。フォームに"submit"と"close"ボタンを実装して以下のような効果を出したい場合、どうすれば良いでしょうか? まず、もう一度、HTM

    2022-01-11 22:28:18
  • [CSSチュートリアル】CSSもこんな風に遊べる?気まぐれグラデーションの極意

    この前の記事で--。 1行のCSSコードがもたらす魔法 では、1行のCSSコードで生成できる素晴らしい(そしておそらく奇妙なほど適切な)背景を紹介しました。 今回は、引き続き背景に関する興味深い知識を紹介します。非常に小さな単位とわずか数行のコードを使って、素晴らしい、興味深い背景効果を生み出します。 背景グラフィックスにおけるオーダーの効果 本論文の主役は 複数の放射状グラデーショ

    2022-01-11 22:26:41