BinaryDevelop

  • タグのhref属性とonclickイベントの比較

    まず、href属性とonclickイベントの実行順序ですが、aタグ上でマウスをクリックすると、まずonclickイベントが実行され、次にhref属性下のアクション（ページジャンプ、またはjavascriptの疑似リンク）、href属性下のアクションの実行を行わない場合は、onclickがfalseを返す必要があり、一般的にはonclick="○○();を返す falseと記述されています。 hr

    2022-01-13 13:18:30

  • html5 canvasベースの宿題添削用スモールプラグイン

    今日は、会社からの新しい要望、つまり、返却された課題写真に添削を落書きして、添削が終わったら添削写真と一緒にサーバーにアップロードできるようにしたいのです。これは、キャンバスにあまり慣れていない私にとっては難題です。 要求分析 修正能力は絵筆に匹敵する 筆おろしを行うことができること {を使用します。 全ブラシクリア {を使用します。 ブラシの色を変換する アイデアの技術的実現   

    2022-01-13 12:22:34

  • [CSSチュートリアル】CSSプロパティ*-gradientの有用性を探る

    まず、興味深いプロパティから見てみましょう。 conic-gradient 円錐形グラデーション ! に使えることを発見し、興味を持ちました。 円グラフ 円グラフ 例えば、こんな感じ。 そんな 原理も非常にシンプルで、始点を中心とし、その周りを時計回りに回ってグラデーション効果を得るというものです。これは複数の色パラメータを取る必要があり、それぞれのパラメータには、現在の色値の開始

    2022-01-13 12:01:43

  • [CSSチュートリアル】子要素のmargin-topが親要素の移動を引き起こす問題解決

    問題の説明 本日、ページスタイルの修正中に、子要素の設定で問題が発生しました margin-top が、子要素を親要素から離すのではなく、親要素に作用して、親要素が margin-top の効果が得られます。 今日は、全体の問題の原因と、解決策についてお話ししましょう。 問題分析 MDNの上に、こんな文章があります。 ブロックの上部外側の余白( margin-top )

    2022-01-13 11:49:10

  • [CSSチュートリアル】background-positionプロパティのパーセンテージ値の使い方を探る

    background-positionが背景画像の表示に与える影響について ホームページの画像を交換するプロジェクトで、これらの2日間は、問題を発見し、以前のスタイルは、ページが縮小または拡大されたときに背景画像の表示領域も変更され、現在は左上、どのようにページの画像位置のサイズが移動されていない変更に設定されている背景-位置：センター、。この思考だけでなく、ああ、背景-位置：センターは、背景画

    2022-01-13 11:46:56

  • [CSSチュートリアル】擬似要素で実現する中空三角矢印とXアイコンの例

    フロントエンドのデザインで、「X」型のクローズボタンや「>」などの3方向の中空矢印アイコンをよく見かけます。 cssにはこれを実現する方法がいろいろありますが、試してみて、あまり覚えやすくないなと思ったので、今日はそれについて書きますね。after疑似要素を使って簡単に実現する方法。 1. アイコンを閉じる htmlセクション General Compiler a

    2022-01-13 11:33:33

  • iframeのパラメータを解説と使用例で整理してみました

    <iframe src="test.jsp" width="100 height="50″ frameborder="no " border="0″ marginwidth="0″ marginheight="0″ scrolling="no" allowtransparency="yes" ></iframe> iframe runat="server" src=

    2022-01-13 10:55:22

  • XMLにおける文字実体および文字データの徹底解析

    文字実体 文字エンティティに入る前に、XMLエンティティが何であるかを理解しましょう。 W3 Allianceによるエンティティの定義。ドキュメント・エンティティは、エンティティ・ツリーのルート要素であり、XML プロセッサの出発点として機能する。 つまり、エンティティはXMLにおけるプレースホルダーである。エンティティは、文書のプリアンブルやDTDで宣言することができる。エン

    2022-01-13 09:42:11

  • ハイパーリンク付きの美しいチェックボックスを多くのコードなしでシンプルにカスタマイズ

    今日、htmlのチェックボックスは変更できるスタイルが限られているし、今はチェックボックスを作るのにたくさんのコードを書かなければならないので、簡単に実装する方法を考えてみました。これが実現可能であることは完全に実証済みです。さっそくですが、参考までにソースコードを直接貼っておきます。 効果を達成しました。 チェックをはずした場合。 選択されている場合 画像の背景です。

    2022-01-13 09:13:22

  • 音声付き動画の自動再生機能の実装方法

    音声付き動画自動再生 条件です。上司ができる人を見れば、私たちもできるはずです。 フロントエンド：自動再生、シンプルな... 実現方法：音を出しながらマウスオーバーで動画を再生し、一時停止できるように移動する，，，。 質問集 1- 音のない自動再生の実装。 2- サウンド付きのオートプレイを実現するには？ 3- マウスオーバーとマウスアウトで実現する..

    2022-01-13 08:45:40

  • [CSSチュートリアル】インタビュー必見！聖杯レイアウトとダブルウィングレイアウトの違いとは？

    前文 今日、私たちはあなたと聖杯レイアウトとダブルフライヤーレイアウトとそれらの違いを共有し、これらの2つの3行レイアウトは、大きな工場の面接の質問にあなたを取って、大規模な工場のフロントエンドのインタビューで高周波試験点のいくつかされている、言っていないライブ、急いで急いで〜を。 レイアウト効果 この2種類の3行レイアウトの効果は同じで、上図のように実現され、

    2022-01-13 08:12:33

  • [css3]スクロールバー美化効果を実現するcss3サンプルコード

    そのコードを以下に示します。 /*width of scrollbar*/ ::-webkit-scrollbar { width:9px; height:9px; } /* Outer track. You can use display:none to make it not show, or you can add a backgr

    2022-01-13 08:09:18

  • meta name="" content="役割の詳細

    I. シンタックス <meta name="name" content="string"/> II. パラメータの解決 a. 名前の項目：一般的なオプションは、キーワード（keywords）、説明（site DeepL content）、著者（author）、ロボット（robots wizard）などです。 b. http-equiv項目：名前項目の代わりに使用でき、

    2022-01-13 07:23:30

  • [CSSチュートリアル]CSS気まぐれボーダーアニメーション効果

    今日のショップ ブログサイト -- shoptalkshow と、このとても興味深いインターフェイスを目にしました。 画像 特にボーダーが独特なスタイルだと思いました。 ねえ、じゃあ、CSSを使ってボーダーで何ができるのか、ボーダー特集の記事を紹介するよ。 その ボーダーのプロパティ ボーダーというと、まず思い浮かぶのは border よりも頻繁に使用します。 {コード と {

    2022-01-13 07:01:29

  • 意思決定の重要な要素について議論する

    プリアンブル フロントエンドコードの書き込みは、PC時代から、IEの傲慢のために、単語の "互換性 "を逃れることはできない、プログラム猿の結果、我々はすぐにIEを取り除くかのように、希望を見るかのように、IEと互換性の道路上に苦労されている、そして今、モバイルデバイスの人気、！しかし、我々はすぐに、IEを取り除くだろう。波はまだ治まっていない、波が侵入する〜モバイル確かにIEを考慮する必要はあ

    2022-01-13 06:30:59

  • H5 オフラインストレージ マニフェストの原理と使い方

    理解すること。 オフラインストレージは、サイトのファイルをローカルに保存し、ネットワークなしで対応するサイトの保存されたページにアクセスすることができ、これらのファイルは、html、js、css、imgなどを含むことができます。しかし、実際には、ネットワークがある場合でも、ブラウザはオフラインで保存されたファイルを優先的に使用します。 マニフェストとは。 マニフェストとは、キャッシュする必要

    2022-01-13 05:22:16

  • [css3]css3アニメーションマウスが絵の上に置かれると徐々に大きくなり、マウスが絵から離れると徐々に縮む効果

    効果表示アドレス：ツアープラン( アップラノックドットコム ) 画像 コード dynamic_cast <> img の外部タグ要素では、overflow: hidden を設定する必要があります。そうしないと、拡大したときに画像がオーバーフローして、他のコンテンツを覆ってしまうからです。 画像上のCSS3アニメーションマウスが徐々に大きくなる画像オフマウス徐々に縮小記事に関

    2022-01-13 05:21:06

  • htmlタグのカスタム属性に関する質問

    開発前は素直にhtmlのデフォルト属性（class、nameなど）を使っていました。Huaweiの外注に飛びついて、オープンソースのフレームワークを使って、モールシステムをやりました。コーディング中に、以下のような、タグの中にカスタムタグがたくさん入っている状況に遭遇しました。 コピーコード コードは以下の通りです。 <img msrc="<s:proper

    2022-01-13 04:37:43

  • [CSSチュートリアル】空間均等性の問題を解決する2つの方法

    2009年の登場以来、フレックスはほぼすべてのブラウザでサポートされています。簡単でレスポンシブなレイアウトソリューションとして、フレックスは私たちのレイアウト開発に多くの利便性をもたらしてくれています。 その justify-content属性は、フレックスレイアウトで非常によく使われるプロパティで、主軸上の子要素の配置を定義します。これには flex-start | flex-end |

    2022-01-13 04:36:34

  • html2canvasで生成された画像のオフセットが不完全な場合の対処法

    シナリオ1 問題の背景：生成された画像はポップアップウィンドウ内にあり、ページにスクロールバーがない場合は正常ですが、スクロールバーがあり、ページがスクロールすると、html2canvas で描画した画像は以下のようにスクロール高さに応じた白い枠でオフセットされます。 ソリューション : その オーナーは、この問題を解決するために、多くの情報をチェック

    2022-01-13 03:35:18

最新

おすすめ

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