純粋な JavaScript を使用してフロントエンド開発でシングルトン パターンを作成する

Node.js ルーティングを使用してバックエンドから HTML ファイルを提供するプロジェクト (純粋なフロントエンド Web アプリ) があります: router.get("/",(req,res)=>{res.sendFile(views_dir+"index.html") );});router.get("/login",(req,res)=>{res.sendFile(views_dir+&

P粉986860950 2023-08-03 12:09:44 0  1  578

HTML、CSS、SVG を使用してスケーラブルな標識を作成する

道標（先端のある長方形）の形のボタンを作成したいと考えています。 _______|\|_______/各テキストの長さが異なるテキストを動的にロゴに書き込みたいと考えています。グラフィックのみを背景グラフィックとして使用してこれを試してみると、矢印はそれに応じて拡大縮小および圧縮/伸縮されます。したがって、これを行う方法は、テキストを通常の div に配置し、CSS:after を使用して矢印を SVG として追加することです。矢印は完全に塗りつぶされているはずです。つまり、フレームの問題に対処する必要はありません。 （見やすくするためにSVGを黒のままにしました）最初の問題は、矢印が常にブロ...

P粉555682718 2024-03-31 14:45:14 0  1  497

Google Vertext AI Vision API を使用して、ユーザーが送信した画像をテキストに変換する簡単な Web サイトを作成する方法。

Google Vertext AI Vision API (または他のサービス) を使用してユーザーが送信した画像をテキストに変換する、単純な HTML/CSS/jQuery Web サイトを構築しようとしています。誰かが次の質問に答えていただければ、大変感謝いたします。このウェブサイトを作成するのはどれくらい難しかったですか?参照できる例やチュートリアルはありますか?ありがとう。

P粉798010441 2023-07-21 10:47:08 0  1  636

単一のグリッドまたは Flex を使用して多様なカード レイアウトを作成する: 実用的なガイド

写真のようなレスポンシブカードレイアウトを作成しようとしています。私が現在行っているのは、コンピューター、タブレット、モバイル デバイス用に個別のレイアウトを作成することです。次に、メディア クエリを使用して、他の 2 つのビューの表示プロパティを display:none に設定します。例: [コンピュータ] ビューにいる場合、コンピュータのカード レイアウトではディスプレイが「なし」に設定されていませんが、他の 2 台のコンピュータではディスプレイが「なし」に設定されています。これは機能しますが、多くの冗長性が生じます。 Flex または Grid を使用して 3 つのレイアウトすべてを実...

P粉808697471 2024-04-02 21:07:36 0  2  575

php - Chrome を使用してログインすると、作成した Web サイトが安全ではないように見えるのはなぜですか?しかし、ログインすると丸の感嘆符だけが表示されます。

(www.sf.gg) は、中国を代表する開発者テクノロジー コミュニティです。私たちは、プログラミング愛好家に純粋で高品質な技術交流プラットフォームを提供し、開発者と一緒に学び、コミュニケーションし、成長し、開発者の時代を作りたいと考えています。

阿神 2017-05-24 11:34:06 0  4  695

CSSを使用してWebサイトの背景にランダムな色を生成する方法を誰か教えてもらえますか?出来ますか？

unsplash 画像ソースを使用してランダムな画像を使用できるのと同じように。同様に、CSSだけを使用して背景色を実現できますか? 「はい」の場合、誰かがそれを行う方法を教えてもらえますか？ランダム関数を使用して、スタイルの背景にランダムな色を生成します。しかし、何も出力されません

P粉267791326 2023-09-06 22:53:31 0  1  548

Java を使用して作成した Web サイトを Chrome で開くと安全ではないと表示されるのはなぜですか? しかし、二次インターフェイスに入ると「安全ではない」という言葉が表示されないのはなぜですか?

(www.sf.gg) は、中国を代表する開発者テクノロジー コミュニティです。私たちは、プログラミング愛好家に純粋で高品質な技術交流プラットフォームを提供し、開発者と一緒に学び、コミュニケーションし、成長し、開発者の時代を作りたいと考えています。

高洛峰 2017-05-27 17:40:31 0  6  761

SVG または CSS を使用してハイブリッドの直線/曲線セクション境界を作成するにはどうすればよいですか?

私のアプリケーションでは、標準以外のセクション境界を持つ登録ページを作成しています。ここで私が何を達成しようとしているのかがわかります。これは単純な円弧ではありません。2 本の直線と、その間に 1 つの円弧があります。私の知る限り、このようなことを実現する最良の方法は SVG を使用することです。問題は、白い領域に領域全体を覆う画像が表示されてしまうことです。デモ用に、水色を使用します。背景画像属性を持つ標準の div を使用すると、SVG の白色は不透明になるため、次のようになります: 後で読むためのヒント sha

P粉920835423 2023-09-02 11:35:13 0  1  644

CSSを使用して複数の点を持つ垂直線を作成するにはどうすればよいですか?

複数の点を含むCSSを使用して垂直線を作成しようとしています。ただし、その方法がよくわかりません。誰かこの問題の解決を手伝ってくれませんか?ここでこんな感じのものを作りたいと思っています。

P粉001206492 2024-02-21 14:03:51 0  2  423

Web ページの作成にどのようなツールを使用しているか聞いてもいいですか?

Web ページの作成にどのようなツールを使用しているか聞いてもいいですか?

清汤筱面 2018-03-16 20:53:34 0  2  1477

書き直されたタイトルは、「Tailwind CSS を使用して高さを調整できるアニメーション ドロップダウン メニューを作成するにはどうすればよいですか?」です。

私はサイド プロジェクトに Tailwindcss、React、Next.js を使用しています。画面サイズがtailwindで定義された「sm」サイズに達したときにハンバーガーメニューを表示する応答性の高いナビゲーションバーを作成しようとしています。ハンバーガーのアイコンをクリックすると、メニューが高さ 0 から max-h-40 に遷移するようにします。以下のコードに些細な何かが欠けているような気がします。これを見ている他の人が私が欠けているものを理解できることを願っています。 navbar.tsx"useclient";importI

P粉667649253 2024-02-17 11:54:04 0  1  566

Google Analytics Data API v1: runReport を実行して JSON データのみを取得する

現在、GoogleAnalyticsDataAPIv1を使用してGA4からjsonデータを取得しようとしています。ただし、返される応答は純粋な json データではなく、PHP を使用して単に出力すると、{} が返されます。ただし、事前定義されたメソッドを使用すると、値を取得できます。純粋なJSONデータを取得する方法はありますか? <?phpputenv('GOOGLE_APPLICATION_CREDENTIALS=xxx.json');require_once've

P粉356361722 2023-12-13 17:37:47 0  1  433

JavaScript - 内側の div の幅に応じて外側の div の幅を適応的に調整する方法

純粋な HTML+CSS を使用するのが最善です。疑似コード例: {code...} 外側の div1 の幅を内側の div の幅に合わせて変更します。

PHP中文网 2017-06-26 10:58:30 0  3  962

新しいタイトル: Pure CSS と HTML を使用した圧縮 HTML マトリックス レイアウト デザイン

純粋なHTMLとCSSを使用してロゴを作成しようとしています。デザインは非常に直感的で、いくつかの色付きアイテムを含む [13x13] マトリックスです。 CSSは非常にシンプルでマイナーです。ただし、HTML コードには繰り返し部分が多く、DRY (Don'tRepeatYourself) である必要があります。 body{width:100vmin;margin:auto}logo{display:grid;grid-template-columns:repeat(13,1

P粉458913655 2023-09-07 21:27:33 0  1  523

水平または垂直のボックスのスタイルを設定できません

ガイドや基本的なチュートリアルに従っていると非常にイライラします。 CSS スタイルをさまざまな要素に適用できますが、vbox や hbox には適用できません。 FMXL と CSS を使用して単純なシーンを作成する、次のような単純なアプリケーションがあります: importjava.net.URL;importjavafx.application.Application;importjavafx.fxml.FXMLLoader;importjavafx.stage.Stage;impo

P粉773659687 2023-09-03 10:20:53 0  1  590

PHP ショッピング カート コードをデータベースに復元するのを手伝ってください

https://www.cnblogs.com/xuan584521/p/6522385.html インターネットでこれを見つけましたが、セッションを使用してローカルに保存したくないので、注文を送信できる機能を備えたデータベースに変更したいと考えています。データベースを作成して、どのコンピュータでも使用できるようにします。ショッピング カート内の商品が表示されます。私は初心者であり、独学で学びました。フレームワークは使いたくないです。PHP AJAX MYSQL を使用して純粋な基本コードを使用できます。 CSS JAVASCRIPT JQUERY. 誰か助けてくれませんか？

『最美的时光』 2019-03-12 20:39:38 1  4  1349

java - SpringBoot プロジェクトの jar パッケージを開始し、https 通信プロトコルを使用するにはどうすればよいですか?

純粋なバックエンド Java プロジェクトを作成し、springboot フレームワークを使用して、デフォルトの http プロトコルを https プロトコルに変更したいと考えています。インストール後は、次のチュートリアルに従ってください http://blog.csdn.net/enterys/... 、ローカルに直接インストールできます。スタートアップには https プロトコルを使用してローカルホストからアクセスできますが、デプロイメント...

伊谢尔伦 2017-06-12 09:25:44 0  1  1329

JavaScript - モバイルでの使用に適したリッチ テキスト エディターを推奨してください

使用シナリオ: Web アプリの電子メール作成機能は単純なテキストであり、添付ファイルをアップロードする機能を分離できます。ただし、電子メールの転送と返信は純粋なテキストではできないため、リッチ テキスト エディターのみを使用できます。フロントエンド技術用の Vue1.0 シングルページ アプリケーションですが、これに適したものはありますか?

某草草 2017-05-19 10:14:36 0  3  566

CSSカラー変数で透明度を適用するにはどうすればよいですか?

CSS 変数にアクセスできるように、Electron でアプリを設計しています。 vars.css でカラー変数が定義されています: :root{--color:#f0f0f0;} この色を main.css で使用したいのですが、透明度を適用したいです: #element{background:( どういうわけか var(--color を使用しています) ) および透明度を設定します);} これを行うにはどうすればよいでしょうか?プリプロセッサは使用せず、CSS のみを使用します。純粋な CSS の回答を好みます

P粉348088995 2023-08-20 18:51:07 0  1  477

TP フレームワークで、Web サイトのバックエンドに Google Authenticator ログインを追加したい場合は、専門家にアドバイスを求める必要があります。

これは、プラグイン バージョンまたは純粋な TP フレームワーク バックエンドのいずれかです。バックエンドに Google 検証を追加するにはどのような手順が必要かをマスターに尋ねるか、マスターにお金を払って作成してください。リモートで作成できるのが最善です。

P粉845244887 2023-02-11 20:03:02 0  0  549