html5 - vue プロジェクトの vuex ストレージの問題

実装効果: ボタンをクリックして、左側のメニューの幅を切り替えます。 Vuex を使用してフィールド IsOpen を保存し、ナビゲーション コンポーネントとメニュー コンポーネントの両方がフィールドの初期値を取得しました。ナビゲーション コンポーネントのボタンをクリックすると、IsOpen の値も切り替わりますが、クラス名は切り替わります。幅を変更するものは切り替わりません。これ...

迷茫 2017-06-27 09:19:31 0  2  902

JavaScript - フォトアルバム効果を実現するにはどうすればよいですか?どのプラグインを使用すればよいですか?

クリックして画像をプレビューし、左右にスライドして数字を表示します。リンクをコンピューターに貼り付けましたが、マウスをクリックしても効果がありません。使用できる成熟したプラグインはありますか?書いたマスクはプレビューできますが、左右を切り替えるのは書きにくいです。

PHP中文网 2017-06-30 09:56:05 0  4  785

javascript - js を使用してトランジション効果を作成するにはどうすればよいですか?

私はjsにあまり詳しくないので聞きたいのですが、jsを使用してボタンをクリックし、5秒後にdivが右側の500pxに移動した場合、この効果を作成するアイデアは何ですか?これらすべての効果を実現するには、まずクラスを作成してから、js を使用して className を切り替える必要がありますか?しかし、クリックイベントでは...

滿天的星座 2017-06-26 10:54:58 0  6  968

JavaScript - 携帯端末の携帯電話アルバムに写真を保存するにはどうすればよいですか?

携帯電話のアルバムに写真を保存するにはどうすればよいですか?要件: ボタンをクリックして、現在の画像を携帯電話のアルバム開発環境 vue2.0 + webpack、js に保存します。この要件を達成する方法はありますか? Baidu ではプラグインとネイティブの両方を使用できます。canvas は見たことがありますが、ただ...

淡淡烟草味 2017-05-19 10:42:09 0  1  1515

javascript - vue2.0の子コンポーネントはデータを親コンポーネントに渡すだけですか?

これが親コンポーネント、これがサブコンポーネントです。効果を説明します。「All」、「Recommend」、「Tucao」をクリックして selectType の値を変更し、選択したボタンの背景を切り替えます。 「チェックマーク」をクリックして選択を表示し、選択を解除すると、サブコンポーネントの selectType とonlyContent の 2 つの値が表示されます...

给我你的怀抱 2017-05-19 10:34:07 0  2  783

JavaScript - Vue でコンポーネントを合理的に分割するにはどうすればよいですか?どのようなモジュールを別のコンポーネントにする必要がありますか?

最近、メイン インターフェイスとチャット ページを備えた小さな Web チャット アプリケーションを作成しています。内容は複雑ではありません。初めて Vue を使って書いてみたとき、メインインターフェースの先頭に個人情報、真ん中にリスト、下部に友達カテゴリの切り替え、そして をクリックして開くチャットインターフェースのテキストを組み合わせました。リスト項目、メッセージパネルなど、すべて...

学习ing 2017-06-12 09:32:33 0  1  668

onclick() 関数による画像の変更

オブジェクトをクリックすると、ある写真を別の写真に変更したいと考えています。コードは次の順序でスタックされます。 私が望むのは、クリックすると、画像が色付きの画像、つまり別の画像に置き換えられることです。これで、JQuery/JS を使用して実行できることがわかりました。しかし、このような単純な機能を実現するために大量の JS コードを追加したくありません。これを達成するより簡単な方法はありますか? pseudo-selector.activeクラスのようなメソッド？分かりません。

P粉242535777 2023-08-18 08:53:28 0  1  496

選択時にラジオ ボタンの境界線効果を保持する

無線タイプのオプションが 2 つあります。オプションを選択すると、青い枠線がマークされます。問題は、別の場所をクリックすると、境界線の効果が消えてしまうということです。別のオプションに切り替えない限り、どこをクリックしても青い枠線効果を維持したいと考えています。また、右側の「スパン」に価格を入力し、左側に製品名を残すにはどうすればよいですか? .checkbox-custom,.radio-custom{不透明度:0;位置:絶対;}.checkbox-custom,.ch

P粉769045426 2023-09-03 21:25:38 0  1  547

JavaScript - 固定されているが URL が変更される YouTube のサイドバーに似たフロントエンド効果を作成するにはどうすればよいですか?

YouTube の左側にあるサイドバーで、クリックして登録チャンネルを切り替えると、サイドバーは固定されたままですが、URL アドレス バーが変化していることがわかります。これは、これを ajax に依存して実現すべきではないことを示しています。現在のプロジェクトでは、そのような効果を実現するために ajax を使用することはあまり考えていません。

世界只因有你 2017-06-12 09:28:05 0  5  899

php - ホームステッドで zsh に切り替えます。

この問題をどう説明したらいいのかわからないので、写真を見てください。 vagrant ssh 経由で homestead に入るときに、そこに zsh をインストールできるかどうか疑問に思っていました。このようにインストールしましたが、まだ確認できます。しかし、切り替えるときにパスワードを聞かれて戸惑いました。

大家讲道理 2017-06-07 09:23:26 0  1  710

MUI スイッチをクリックした場合、表示および値は更新されません。

現在のプロジェクトで使用している MaterialUI トグル スイッチで問題が発生しています。コンポーネントがロードされるときに、コンソールに値を記録すると、初期値は正しいです。ただし、スイッチをクリックして「はい」から「いいえ」にすると、スイッチは正しく表示され、「いいえ」が選択されていることを示し、コンソールのログが再び開始されますが、値は「はい」のままです。スイッチをもう一度クリックして「いいえ」に戻そうとすると、トグルは反転せずに再レンダリングされ、コンソールのログが再び起動され、値が「いいえ」に更新されます。したがって、基本的には最初のクリックでスイッチが切り替わり、2 回目のクリ...

P粉638343995 2023-08-15 20:20:45 0  1  540

javascript - JSイベントのバブリングの問題

一件落着: この効果を実現するには CSS を使用します。ご協力いただきありがとうございます。この効果を実現するために CSS の使用に切り替えました。 1. 次のコードでは、a タグのマウスオーバー イベントとマウスアウト イベントをリッスンしてキャンバス アニメーションをトリガーし、マウスオーバーとマウスアウトのコールバックでイベントがバブリングしないようにしましたが、マウスが移動すると...

学习ing 2017-06-12 09:32:56 0  3  823

JQuery を使用して段落内に特定の文字が表示された場合にのみクリック イベントをトリガーする

「重要」とマークされたテキストが含まれたアコーディオンがあります。ページの読み込み時に切り替えボタンをクリックして、「重要」とマークされたページを自動的に開くようにしたいと考えています。 $(".diff__filename:contains('sections/')")) を使用してタイトル内の「重要」という単語を検索しましたが、その横にあるボタンをクリックするように指示する方法がわかりません。クラス名のループを避けるために、JQuery を使用することにしました。 <pclass="title">私

P粉269530053 2024-02-17 22:23:01 0  1  497

javascript - 検証コードを取得するためのjsコード カウントダウン問題

確認コードのカウントダウンを取得するとき (たとえば、カウントダウンは 40 秒です)、リンクをクリックして別のページに移動します (_self、このページはジャンプし、新しいタブは開きません)。一定時間が経過したら、「戻る」をクリックします。ボタンを押してカウントダウン ページに戻ります。カウントダウンは 40 秒から始まります。望ましい効果は、実際のイベントに従ってカウントダウンが継続することです...

漂亮男人 2017-07-05 10:50:31 0  3  969

アニメーションを使用して 2 つの Div を交換する方法

div を大きなボックスとして表示し、他の 3 つの div をその下に小さなボックスとして表示したいプロジェクトがあります。小さなボックスをクリックすると、CSS トランジション効果を使用してサイズが変更され、大きなボックスと位置が入れ替わります。スムーズな動きとサイズ変更。現在、jQueryを使用しようとしていますが、位置決めがまったく機能しません。これが私の現在の例です: https://jsfiddle.net/v3pmhawj/1/$(function(){let{left:x1,top:y1}=$('.full-si

P粉191323236 2023-08-26 13:55:33 0  1  511

JavaScript - 同じページ上で複数のタブの切り替えを実現するにはどうすればよいですか?

ここ 2 日間、Web サイトで作業しています。同じページにタブ切り替え効果が多数あります。ul>li と input[type=radio] を試しましたが、効果は良くありません。これらはのみ使用できます。 1 回でも複数回でも、問題が発生する可能性があります。すみません、これについて情報を提供できる人はいますか?どうもありがとうございます！私も...

我想大声告诉你 2017-06-12 09:23:46 0  2  709

JavaScript - vue2 によるクリック イベントのトリガーについて

ここで、クリック イベント @click="a()" にバインドされた li がいくつかあり、各 li の ID が異なります。ここで、ページに入るときに特定の ID を持つ li の @click イベントをトリガーしたいと考えています。方法を聞いてもいいですか? jQuery の .click() を書いても効果はありません。たとえば、li の ID は 1 2 3 4 5 です。ページに入りたいのですが...

为情所困 2017-05-18 10:52:52 0  4  541

React ネストされたアコーディオンの親の高さが更新されない

ホームページのモバイル版を構築しようとしていますが、ネストされたアコーディオンの「アイテム」にバグがあるようで、最初に開いたときに下部のアイテムセクションの正しい高さが表示されません。これを開くには、まずプロジェクト テキストをクリックし、プロジェクトのリストを表示します。次に、プロジェクトをクリックしてプロジェクト カードを切り替えます。 (更新) これは、子アコーディオンを開いたときに親アコーディオンがその高さを再更新していないために発生していると思います。これを行う良い方法を知っていますか?それとも、必要に応じて、これを可能にする方法でコンポーネントを再構築する必要がありますか?問題は、...

P粉293341969 2024-02-21 15:55:48 0  2  361

教師の日が近づいていますが、教師に何か言いたいことはありますか?

あなたがプログラミングを始めたばかりの初心者でも、すでに多くのことを学んだマスターでも、学校に通う普通の学生でも...先生に言いたいことは何ですか?自分のアイデアをコード言語で表現できますか?たとえば、以下に示すように、フロントエンド コードを使用してスクールバスの写真の効果を実現し、独自のアイデアを表現します。

藏色散人 2018-09-08 17:25:57 0  0  1203

WeChat アプレット計算機の開発中にいくつかの困難に遭遇しました。理解できないエラーがありますが、ビデオに書かれていることと同じようです。アドバイスをお願いします。

WeChat アプレット計算機の開発中にいくつかの困難に遭遇しました。理解できないエラーがありますが、ビデオに書かれていることと同じようです。ご指導をお願いします。たとえば、 「7+7」と入力すると、通常は 14 と表示されますが、結果は 14 になります。演算子「+」をもう一度クリックすると、コンソールにエラーが表示されます。ソースをクリックして誤った記述を確認しましたが、エラーは見つかりませんでした。間違いが本当に見つかりません。詳細なガイダンスを提供していただければ、qq: 1648407902 を追加できます。Q&A では一度に複数の写真をアップロードできるでしょうか。特定の ...

会玩的白先森 2018-03-24 16:43:36 0  1  1433