JavaScript - この効果を実現するにはどうすればよいですか?
多くのウェブサイトにはこのようなサードパーティのログイン機能があり、クリックしてログインすると、小さなウィンドウで確認した後、すぐに閉じられ、メインページのアバターがロードされます。 。 、、これはどのようにして達成されるのでしょうか?部分的な更新には ajax が必要ですが、画像の小さなウィンドウ内のアドレスは完全にサードパーティのインターフェイスです。ajax を使用して情報を制御し、メイン ページに返すにはどうすればよいですか? 
返信内容:
多くのウェブサイトにはこのようなサードパーティのログイン機能があり、クリックしてログインすると、小さなウィンドウで確認した後、すぐに閉じられ、メインページのアバターがロードされます。 。 、、これはどのようにして達成されるのでしょうか?部分的な更新には ajax が必要ですが、画像の小さなウィンドウ内のアドレスは完全にサードパーティのインターフェイスです。ajax を使用して情報を制御し、メイン ページに返すにはどうすればよいですか?
投稿者は oauth ログイン認証を確認できます。https://segmentfault.com/a/1190000005177874 投稿者はこのコードを学習できます
https://adodson.com/hello.js/
ユーザー認証用のjsを書いて、フロントエンドの側面について簡単に説明してみました
これは一般的に当てはまります
ユーザーがログインをトリガーすると、プログラムはローカル ストレージにログイン トークンがあるかどうかを検出し、ポップアップ ウィンドウが表示されるか、ログイン ページにジャンプします。ログインが成功すると、コールバックで指定されたアドレスにジャンプします。通常、この時点で新しいページにジャンプすると、トークンが渡されます。現時点では、このトークンを使用して、ユーザー情報、友達などの他の API にアクセスできます。
http://www.uyan.cc/getcode このようなことは、サードパーティを入手してください
ホットAIツール
Undresser.AI Undress
リアルなヌード写真を作成する AI 搭載アプリ
AI Clothes Remover
写真から衣服を削除するオンライン AI ツール。
Undress AI Tool
脱衣画像を無料で
Clothoff.io
AI衣類リムーバー
AI Hentai Generator
AIヘンタイを無料で生成します。
人気の記事
ホットツール
メモ帳++7.3.1
使いやすく無料のコードエディター
SublimeText3 中国語版
中国語版、とても使いやすい
ゼンドスタジオ 13.0.1
強力な PHP 統合開発環境
ドリームウィーバー CS6
ビジュアル Web 開発ツール
SublimeText3 Mac版
神レベルのコード編集ソフト（SublimeText3）
ホットトピック
PHPで厳密なタイプ（declare（strict_types = 1）;）を説明します。
Apr 07, 2025 am 12:05 AM
PHPの厳格なタイプは、declare（strict_types = 1）を追加することで有効になります。ファイルの上部に。 1）関数パラメーターのタイプチェックと戻り値を強制して、暗黙の型変換を防ぎます。 2）厳格なタイプを使用すると、コードの信頼性と予測可能性を改善し、バグを減らし、保守性と読みやすさを向上させることができます。
ブートストラップリストでデフォルトスタイルを削除する方法は？
Apr 07, 2025 am 10:18 AM
ブートストラップリストのデフォルトスタイルは、CSSオーバーライドで削除できます。より具体的なCSSルールとセレクターを使用し、「近接原理」と「重量原理」に従って、ブートストラップのデフォルトスタイルをオーバーライドします。スタイルの競合を避けるために、よりターゲットを絞ったセレクターを使用できます。オーバーライドが失敗した場合は、カスタムCSSの重量を調整します。同時に、パフォーマンスの最適化に注意を払い、重要な！の過剰使用を避け、簡潔で効率的なCSSコードを書いてください。
ブートストラップフレームワークを構築する方法
Apr 07, 2025 pm 12:57 PM
ブートストラップフレームワークを作成するには、次の手順に従ってください。CDN経由でブートストラップをインストールするか、ローカルコピーをインストールします。 HTMLドキュメントを作成し、ブートストラップCSSを＆lt; head＆gt;にリンクしますセクション。 bootstrap javascriptファイルを＆lt; body＆gt;に追加するセクション。ブートストラップコンポーネントを使用して、ニーズに合わせてスタイルシートをカスタマイズします。
画像センターリングは画像ズームをサポートしますか？
Apr 07, 2025 am 07:42 AM
ブートストラップでの画像の中心とスケーリングを実現する方法：d-flex justify-content-centerを使用して、画像を水平に中央に配置します。項目中心と固定の親要素の高さを使用して、画像を垂直に中央に配置します。幅と高さの属性を使用して画像サイズを制御するか、最大幅と最大高さを使用して最大サイズを制限します。 IMG-FLUIDクラスまたはメディアクエリなどの応答性のある設計メカニズムを使用して、レスポンシブスケーリングを実現します。画像サイズを最適化し、オブジェクトフィット属性を使用してスケーリングを制御し、ベストプラクティスに従ってパフォーマンスと保守性を確保します。
Bootstrapのグリッドシステムを表示する方法
Apr 07, 2025 am 09:48 AM
Bootstrapのメッシュシステムは、コンテナ（コンテナ）、行（行）、およびcol（列）の3つのメインクラスで構成されるレスポンシブレイアウトを迅速に構築するためのルールです。デフォルトでは、12列のグリッドが提供され、各列の幅はCol-MD-などの補助クラスを通じて調整でき、それにより、さまざまな画面サイズのレイアウト最適化を実現できます。オフセットクラスとネストされたメッシュを使用することにより、レイアウトの柔軟性を拡張できます。グリッドシステムを使用する場合は、各要素が正しいネスト構造を持っていることを確認し、パフォーマンスの最適化を検討してページの読み込み速度を改善します。詳細な理解と実践によってのみ、ブートストラップグリッドシステムを習熟させることができます。
ブートストラップナビゲーションバーの設定方法
Apr 07, 2025 pm 01:51 PM
ブートストラップは、ナビゲーションバーをセットアップするための簡単なガイドを提供します。ブートストラップライブラリを導入してナビゲーションバーコンテナを作成するブランドアイデンティティの作成ナビゲーションリンクの作成他の要素の追加（オプション）調整スタイル（オプション）
ブートストラップのレイアウト方法
Apr 07, 2025 pm 02:24 PM
Bootstrapを使用してWebサイトをレイアウトするには、グリッドシステムを使用してページをコンテナ、行、列に分割する必要があります。最初にコンテナを追加し、その中の行を追加し、行内の列を追加し、最後に列にコンテンツを追加します。ブートストラップのレスポンシブレイアウト関数は、ブレークポイント（XS、SM、MD、LG、XL）に従ってレイアウトを自動的に調整します。レスポンシブクラスを使用することで、異なる画面サイズの下の異なるレイアウトを実現できます。
ブートストラップに写真を挿入する方法
Apr 07, 2025 pm 03:30 PM
ブートストラップに画像を挿入する方法はいくつかあります。HTMLIMGタグを使用して、画像を直接挿入します。ブートストラップ画像コンポーネントを使用すると、レスポンシブ画像とより多くのスタイルを提供できます。画像サイズを設定し、IMG-Fluidクラスを使用して画像を適応可能にします。 IMGボーダークラスを使用して、境界線を設定します。丸い角を設定し、IMGラウンドクラスを使用します。影を設定し、影のクラスを使用します。 CSSスタイルを使用して、画像をサイズ変更して配置します。背景画像を使用して、背景イメージCSSプロパティを使用します。
