angular.js - AngularJs のみを使用して画像スライド切り替えを実装するにはどうすればよいですか?

Baidu にある AngularJS の画像カルーセル効果や画像スライド切り替え効果のコードは、基本的にブートストラップ コントロールに基づいて実装されています。 jQなどを使わずに純粋なAngularJSを実装する方法。モバイル淘宝網の赤ちゃんの詳細ページのトップバナーのように、スライドして写真を切り替える効果を実現しますか？

大家讲道理 2017-05-15 16:51:32 0  1  803

angular.js - Angularjs のクリック イベントは、クラスのスタイルを変更するパラメーターを渡します。

私が実現したい図は次のとおりです。 基本的な形状と機能を実装しましたが、アイコンをクリックして「適応デバイス」の横のアイコンを変更すると、この機能は期待した結果を生成しません。どの部分を間違って書いたか教えてください。 1. 「適応デバイス」の横にあるさまざまなドロップダウン ボックスの写真は次のとおりです...

曾经蜡笔没有小新 2017-05-15 17:03:12 0  2  929

javascript - H5 テクノロジーを使用して WeChat、Alipay に似たバーコードを実装し、全画面をクリックすると自動的に横向きモードに切り替わりますか?

題して。 H5+ を使用して APP を開発しました。QR コードをクリックして拡大する機能が実装されました。バーコードをクリックして拡大する効果と横画面をより効果的に実現する方法は、図 3 に示すように、Alipay や WeChat の決済インターフェースに似ています。 。うまくできませんでした。皆さんには、エレガントな実装方法を提供してください。

扔个三星炸死你 2017-06-14 10:50:51 0  3  1240

javascript - マウスダウンイベントに関する質問

助けてください。$.animate を使用して、ページ要素 mousdown に基づいたイベントを実装しました。実行後、問題が見つかりました。マウスを連続して複数回クリックすると、アニメーションが複数回繰り返し再生されます。希望する効果達成するには、クリックするたびに最初から開始します。アニメーションを再生すると、複数回クリックすると、次のような複数のマウスダウン イベントが生成されます。

世界只因有你 2017-05-19 10:14:34 0  1  434

Laravel でサードパーティの検索パッケージを使用していますが、検索結果のページネーションの方法がわかりません。

私の問題は、検索結果をページ分割したいことですが、laravelのページングは​​Elouqentとデータベースクエリビルダーに基づいており、コントローラーとフロントエンドビューで実装する方法がわかりません。 これはデータベース検索のコードです: {code...} アドバイスをお願いします。

伊谢尔伦 2017-05-16 16:51:28 0  3  530

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

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

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

javascript - ノードのメインプロセスを閉じた後に別のプロセスを開くにはどうすればよいですか?

この要件は少し非論理的に思えますが、自動更新効果を達成する必要があるのは、サーバーからダウンロードした ZIP を別のフォルダーに圧縮し、新しいバージョンを開く前に古いバージョンを閉じることです。 NW.JS に基づいており、マルチウィンドウ プレビューをサポートしていないため、新しいプロセスが開始されます (Nw...

習慣沉默 2017-05-16 13:45:05 0  1  608

JavaScript はサムネイルから全幅の画像ページへのスムーズな移行を実装します

http://manifesto.clapat.com/ ホーム ページ上の項目をクリックすると、サムネイルから全画面画像に遷移し、その画像がその項目のページのタイトルになります。これらのトランジション効果はどのように作成されるのでしょうか。また、ReactRouter の代わりに内部ルーティングを使用してそれらを実装する最善の方法は何でしょうか。ただし、誰かが ReactRouter で動作させることができるのであれば、それを移植することもできます。利用可能なチュートリアルがいくつかありますが、別のプロジェクト ページに移動するのではなく、全画面モーダル コンポーネントと同様に、すべて同じペ...

P粉536532781 2023-09-15 22:09:37 0  1  970

リアクションクエリでの突然変異後の再検証: ステップバイステップガイド

next.js アプリケーション上で、react-query を使用したデータのフェッチと更新の基本的な実装があります。私の目標は、突然変異後にデータを更新することです。現在、データはタブが更新された場合にのみ更新されます。しかし、ユーザーの介入がなければそれは変わりません。タブが更新されたときにデータが更新されるのは、refetchOnWindowFocus のデフォルトの動作が原因であることがわかりました。しかし、サーバー側でデータが更新された後、どのようにして無効になるのでしょうか?関連するコードスニペットは次のとおりです。注: 私は、react-querySSR 機能を使用するために ...

P粉752290033 2024-03-25 21:53:26 0  2  454

Vite Reactjs Web サイト アプリは本番環境では API を呼び出しませんが、ローカルホストでは正常に動作します

Netlify にアプリケーションをデプロイしようとしています。ランディング ページは、ギャラリー効果を作成するために一連の画像を取得します。ログイン ページはローカル マシン上で正常に実行されますが、デプロイメント後は API が呼び出されず、アプリケーションは読み込み中の状態になります。 Netlify サーバーのログイン ページ。開発ツールのネットワーク タブで、API がローカルホストのローカルホスト ネットワーク タブで呼び出されており、開発サーバーでは API リクエストが起動されていないことがわかりました。サーバーネットワークタブを展開します。 API呼び出しのコードがAPI呼び...

P粉794177659 2023-08-10 16:32:46 0  1  643

問題 2003 (HY000) を修正する方法: MySQL サーバー 'db_mysql:3306' に接続できません (111)

最近、FastAPIPython サーバーをコンテナ化しようとしました (レプリケーション/二重化の目的でもあります)。以前は、Docker コンテナーに MySQL サーバーだけを入れてすべて問題なかったのですが、Web サーバーもサービスにしたところ、MySQL サーバーに接続できなくなり、アプリケーションが動作しなくなりました。以下は、アプリケーション fromfastapiimportFastAPIimportmysql.connectorapp のサーバー データベース初期化コネクタのコード スニペットです。

P粉178132828 2023-09-05 11:18:47 0  1  829

クエリ制限後のソートを試してみる

それで、これが私の最初の質問です、何か間違っている場合はご容赦ください。制約に基づいて並べ替えクエリを作成しようとしています。つまり、90 個のレコードを持つ Customers テーブルがあります。まず 3 レコードに制限されたクエリを実行し、次にこのクエリの結果を ContactName という列で並べ替えたいと考えています。これはネストされたクエリである可能性があると思います。ネストされたクエリは SQLServer では正常に実行されますが、MySQL で実装する方法がわかりません。制限クエリ: Select*fromcustomerslimit

P粉237125700 2023-09-05 14:46:42 0  1  730

CSS グリッド: 子コンテンツが列幅をオーバーフローした場合に新しい行を作成する

CSS グリッドに基づいた 2 列のレイアウトがあります。 2列目の内容が1frを超えた場合、新しい行を作成したいと思います。現状では、コンテンツが単に列から溢れてしまいます。このレイアウトの要件の 1 つは、右側のメニュー列の項目が 1 行にあることです。これを次のように実行します。 .right-menu{...grid-auto-flow:columndense;...} Grid-auto-flow 属性を削除すると、オーバーフローが停止します。ただし、アイテムは複数の行に積み重ねられており、これは私が望むものではありません。 .riも変換してみました

P粉212114661 2023-09-05 15:18:28 0  1  619

AND、OR、NOT 演算子を使用した PHP 全文検索機能

初心者の質問: php と eloquent を使用して、検索文字列の全文検索を実装しようとしています。 $searchstring="+(被害者容疑者)+crime-covid";$searchresult=RssItem::whereRaw("MATCH(description)AGAINST('$searchstring'INBOOLEANMODE)")->ge

P粉076987386 2023-09-05 15:06:32 0  1  581

すべての PHP 型を文字列に変換する最短の方法

私は、いつか医療などの分野 (つまり「科学的」) に適用できることを願っている一般的なシステムを書いています。最良の方法は、php 内のすべてのデータを文字列で表すことだと思います (true は「true」、false は「false」など)。その理由は、php ではすべての値が一意の文字列表現 (php コード自体など) を持つためです。このプログラムの設計プロセスをスピードアップするために、この質問を投稿しました。数値やブール値など、一部の値は簡単に文字列に変換できます。オブジェクト、配列、リソースなど、簡単ではないものもあります。譲渡対象だと思いますが、

P粉369196603 2023-09-05 15:34:44 0  1  1009

他の列でグループ化しながらMySQLのDATETIME列の平均を取得する方法

次のクエリを使用して MySQL テーブルを作成し、データを設定しています: SETtime_zone='+00:00';CREATETABLEtimestamp_n_datetime(idINT,timeDATETIME,avg_timeDATETIME);INSERTINTOtimestamp_n_datetime(id,time,avg_time)VALUES("1","2023-01) -0310:

P粉460377540 2023-09-05 11:46:21 0  1  508

マルチデバイス (携帯電話) の同期 - React Native

すべてのユーザーのモバイル デバイスで同時に起動するライトショーを作成しようとしています (最大 2000 ～ 3000 人のユーザーが参加可能)。すべてのユーザーはインターネット (Wi-Fi またはモバイル データ) を使用します。私たちの FE では、サブスクリプションに Apollo を使用していますが、それは魅力的に機能します。しかし問題は、ユーザー A がユーザー B よりも早くサブスクライブされたイベントを取得できることです。これは、ユーザー A がユーザー B よりも早くゲームのプレイを開始することを意味します。ライトショー アーキテクチャがあり、ユーザーは早くも遅くも開始でき...

P粉151466081 2023-09-05 11:58:38 0  1  701

スペード、ダイヤモンド、ハート、クラブ => Android 版 Chrome ではスタイルのフォントの色が変更されない

Windows 上の Google Chrome では、カードのスーツのシンボル (スペード、ハート、ダイヤ、クラブ) は、「style」属性を使用して正しく色付けされます。残念ながら、Android 上の Google Chrome で表示される同じページには、私が定義した色は表示されず、デフォルトの黒と赤が使用されます。 (効果については添付の図を参照してください) HTML コード: (プロジェクトへのリンク https://stackblitz.com/edit/web-platform-z2cs3t?file=index.html

P粉896751037 2023-09-05 15:25:13 0  1  762