BinaryDevelop

  • を、"li "を、"li "を、"li "を、"li "を

    <スパン 前文 私のチームが税制モジュール開発に取り組んでいたとき、特にテーブル（Grid）において、計算を解くのに80％の時間を費やす必要があることがわかりました。 フロントエンドのjsコードを書く（グリッドでのユーザー入力が他のセルに影響するため、新しい値をオンザフライでユーザーに表示する必要があるため）。 バックエンドのコードを書く（ユーザーがテーブルのデ

    2022-01-25 02:07:26

  • htmlに要素href URLリンクの自動更新または新しいウィンドウを開く機能実装

    リンクをクリックしたときに、そのリンクがすでにブラウザで開かれている場合はリンク先のウィンドウを更新し、開かれていない場合はリンク先のページを新しいウィンドウで開く機能を実装したい場合があります。 これは、ブラウザのタブで重複してページを開くことを避けるための、非常に素晴らしいエクスペリエンス向上策です。 重要なのは、どのように実装するか？ aタグのtarget属性機能を利

    2022-01-25 01:36:15

  • HTMLベースの10秒淘宝網のページを作るために

    10秒は、Webページを作成するには、実際には、読んだ後、少しタイトルパーティーを感じるかもしれませんが、それ以外の場合は、他の人にキーまたはすることができます。 例えば、淘宝網のページを例に挙げて説明しますと ステップ1：hemlプロジェクトを作成し、iframeタグを追加してタオバオのサイトを上にリンクします。 <body> <iframe src

    2022-01-21 23:59:27

  • Html5プロジェクト適応システムダークカラーモードプログラム概要の詳細説明

    I. 背景 iOS 13のリリースに伴い、ダークモードはますます世間の注目を集め、少し前にWeChatの適応が改めて話題になるなど、最近のモバイルアプリやWebサイトではダークモードへの対応がトレンドになっています。ダークモードは、消費電力を劇的に削減し、明るいコントラストを弱めるだけでなく、視認性と没入感を向上させることができます。 ダークモードへの切り替え方法 iOS:

    2022-01-21 23:21:24

  • HTML5のlocalStorageにオブジェクトを格納するサンプルコード

    HTML5でJavaScriptのオブジェクトを格納したい localStorage しかし、私のオブジェクトはどうやら文字列に変換されているようです。 JavaScriptの生の型や配列を保存したり取得したりするのに使うことができる localStorage が、オブジェクトが正常に動作しないようです。そうすべきなのでしょうか？ これは、私のコードです。 var te

    2022-01-21 23:13:34

  • HTML5 ドラッグ＆ドロップによるファイルアップロードのサンプルコード

    ファイルをアップロードする HTML5 では、新しいファイル API が追加され、クライアントがローカルでファイルを操作できるようになりました。 ファイルフォームやドラッグ＆ドロップ操作でファイルを選択したり、JavaScriptでファイルの名前、サイズ、種類、更新時刻を読み取ったりすることができます。 ファイルタイプの入力フォームには、アップロードするファイルに関する情報を保

    2022-01-21 23:11:16

  • HTMLとJavaScriptでローカルメディア（ビデオやオーディオ）ファイルを再生する方法

    最初のヒントは、JavaScriptはセキュリティ上の理由からローカルのリソースファイルに直接アクセスできないので、どうすればいいのか、ということです。ここに一つの方法があります。ページにinputノードを挿入し、タイプをファイルに指定します。複数のファイルを再生する必要がある場合は、属性multipleを追加します。ファイルノードが更新されたときにコールバック関数を登録し、コールバック関数内の

    2022-01-21 23:05:27

  • [CSSレイアウト例】float（フロート）、position（ポジション）プロパティの差分によるCSSレイアウト

    CSSレイアウト - positionプロパティ position属性は、要素に適用される位置決め方法の種類を指定します（static、relative、fixed、absolute、sticky）。 position 属性 position 属性は、要素に適用される位置決め方法の種類を指定します。 位置の値は5種類ある。 スタティック 相対 固定 絶

    2022-01-21 23:04:18

  • html+css 充電水滴の融合効果コード

    最初にエフェクトを見る。 序文 このアイデアは、BサイトのオーナーであるStevenが作ったもので、素晴らしいと思ったので自分でも作ってみました。(純粋なcss) 実装を行います。 3つのティアドロップボックス、数字を示す丸いボックス、そして一番下のボックスでタグを定義します。 <div class="kuang"> <div

    2022-01-21 23:01:38

  • [CSSチュートリアル】よくある2D変換を5つ実現するCSS

    CSSの2次元変換では、移動、回転、拡大縮小、反りなどの基本的な変形を2次元で行うことができます。変換された要素は、周囲の要素に影響を与えず、重なり合うことができるという点で、絶対位置指定要素と似ていますが、変換された要素が変換前と同じページ上の空間をまだ占めていることを除けば、そのようなことはありません。 2次元の変形は、CSSのtransformプロパティと以下の変換関数で実現できる。

    2022-01-21 22:43:58

  • キャンバスが折り畳みパスを描くアニメーション

    先日、読者からWeChatでこんな質問を受けました。 そのひとつが、次の画像のようなダッシュパスアニメーション効果です。 上記のようなパスアニメーションを実装するには、一般的にsvgのアニメーション機能を利用することができます。または、パス計算と組み合わせたキャンバス描画を使用して実現します。 キャンバスで描画する場合、困難な点として サブパスの計算が必要

    2022-01-21 22:21:43

  • [CSSチュートリアル】CSSのfloatとunfloatについて

    フロートの定義 要素を通常のドキュメントの流れから外し、親要素の左端または右端、あるいは float が設定されている他の要素の端に近づけることができます。 フロートで解決する問題点 1. 画像を囲むテキストの問題を解決する 2. スペーシングの問題を解決する 3. 左側、右側へのレイアウトが可能 画像の左側にテキストをレイアウト フロートを使用しない場合

    2022-01-21 21:35:53

  • BGMを追加するいくつかの方法をHTML5で簡易実装

    ここで推奨される方法は、<embed> または <audio > の2つのタグを使う方法です。 一般的によく使われる <audio > +css レイアウトでプレーヤーを隠すと、ウェブサイトではより便利です! import matplotlib.pyplot as plt from PIL import Image my_image = 'xxx

    2022-01-21 21:35:26

  • html css3 伸縮しない 画像表示効果

    1. transform属性を使って、画像を引き伸ばさないように表示する、（パスの問題は必要に応じて修正する必要がある）。 htmlを使用します。 import torch x = torch.randn((1,4),dtype=torch.float32,requires_grad=True) y = x ** 2 z = y * 4 print(x) print(y) print

    2022-01-21 21:30:21

  • QQの一時的なダイアログボックスをポップアップし、友人を追加せずにオンラインで話す効果を達成する方法

    これは実はとても簡単で、imgの中にaタグを追加し、その後に <ブロッククオート <a href='tencent://message/?uin=QQ number&Site=website address&Menu=yes'></a> 2013-4-16に追記しました。 実はこの書き方にはデメリットがあって、相手が友達でない場

    2022-01-21 21:21:05

  • HTMLの基本タグと構造について解説

    1. HTMLの概要 1.HTML。Hypertext Markup Language（ハイパーテキストマークアップランゲージ）。マークアップ言語であり、ノンプログラミング言語であり、論理演算は使えない。タグによってWeb上の文書の形式を統一し、散在するWebリソースを論理的に結びつけて全体を構成する。 ハイパーテキストとは、複数のメディアをハイパーリンクで結び、情報を整理する方法で

    2022-01-21 21:17:44

  • [CSSチュートリアル】CSS擬似要素::マーカー解説

    この記事では、CSSの中でも特に興味深い擬似要素の一つである ::marker これを使えば、テキスト・シーケンスをより面白くすることができます。 マーカーとは CSS擬似要素 ::marker は擬似要素で CSS擬似要素レベル3 から新たに CSS擬似要素レベル4 Chrome 86+で洗練された比較的新しい擬似要素で、Chrome 86+から

    2022-01-21 20:24:37

  • [CSSチュートリアル】カットコーナー＋ボーダー＋プロジェクション＋コンテンツ背景色のグラデーション効果を実現するCSS

    角切り＋ボーダー＋突起＋コンテンツ背景色グラデーションの効果を全てcssだけで実現したのは、UIで背景の切り出しができなかったので、これはcssで理論的に実現できるのではないかと思ったからです。 最終的に達成される効果をご覧ください。 まず、紫紺のグラデーションの中身を語らず、単純な四隅＋黒枠＋アウトラインの投影、実際には、コーナーカットを実現するためにbackground:

    2022-01-21 20:02:25

  • キャンバスを使って動画の一瞬をスクリーンショットで撮影する

    プリアンブル 今回は、canvas.drawImage()を使用してスクリーンショット機能を実装しています。apiがサポートするdom要素や基本パラメータについては、以下のリンクをクリックしてください。 CanvasRenderingContext2D.drawImage() 処理方法 現在の要件は、マルチプレイヤー動画のある瞬間のスクリーンショットで、ネイティブの vi

    2022-01-21 19:43:45

  • Html5モバイルdivは、ナビゲーションバーの下部を達成するために下部に固定されているいくつかの方法

    要件 下部のナビゲーションを修正する必要がありますか？コンテンツだけをスライドさせることができ、ナビゲーションメニューは固定されています。効果は以下の通りです。 この記事では、fixed、absolute、css3のflex layoutの3つの実装方法に焦点を当てます。 htmlの構成は以下の通りです。 <div class="box"> &

    2022-01-21 19:38:30

最新

おすすめ

について
/
プライバシー・ポリシー
/
お問い合わせ
© 2022 BinaryDevelop. すべての権利は、それぞれの所有者に帰属します