ReactJS 設計ロードマップのタイムライン

ということで、やりたいデザインはありました。基本的には、ページの左下隅から右上隅に向かうタイムラインです。さらに、行の間にいくつかの div 要素を配置する必要があります。また、反応性も良くしたいです。具体的には長さは短くなりますが、それでもラインは上向きに目立つようにしたいと考えています。 ReactJS と TailwindCSS を使用してこれを実現する方法について何か提案はありますか?私がインターネットで見つけた例は、オンラインの水平方向と垂直方向のタイムライン スタイルです。曲がったタイムラインの例はありません

P粉563446579 2024-03-29 11:31:47 0  1  418

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

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

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

javascript - JS コード ステートメントの非順次実行。シングルステップ操作は正常ですが、問題が直接発生します。

ポップアップ ボックスが 3 秒後に自動的に非表示になることを実現したいので、次のコードを設定します: {code...} シングルステップ デバッグでは問題ありません。順次実行されます。つまり、ブレーク ポイントです。効果は想像したものと同じですが、中断はありません。直接「実行」をクリックした場合、この効果は発生しません。 js の実行時に独自のものが必要だと思いました...

滿天的星座 2017-06-26 10:50:14 0  4  681

JavaScript - 私の Vue のルーターリンクが機能しないのはなぜですか?

{code...} {code...} これは App.vue の内容です。実際には、ページ表示がタグとして実装されていますが、クリックしても効果はありません。コンポーネント {code. ..} これはルーターの 1 つのコードです。他の 2 つは基本的に同じです。どうすれば効果を得ることができますか。

漂亮男人 2017-05-16 13:38:06 0  2  710

WeChat公式アカウント用にパラメーターを含むQRコードをオンラインで生成するにはどうすればよいですか?

パラメータ付きの QR コードは、ファンのソースを監視したり、プロモーション効果を把握したり、より高度な実装のために分裂ポスターを自動生成したりすることができます。 。 。誰か答えてる人いますか? #微信help機能実装

whb2010 2019-03-07 15:31:01 0  2  1230

php - ci3.0 でキャッシュを実装するにはどうすればよいですか?

ci3.0でデータベースデータを実装したいのですが、ciマニュアルに従ってキャッシュしてもページ効果は平均的なままなのですが、もっと良いキャッシュ方法はありますか？

曾经蜡笔没有小新 2017-07-05 10:46:03 0  1  867

WeChat で QR コードを含むポスターを生成するツールを使用しますか?

パラメーターを使用して QR コード ポスターを実装でき、ファン効果を統計的にクエリできる WeChat サードパーティ ツール プラットフォームはありますか? 実際の技術または関数 #微信ヘルプ ポスター QR コード、プロモーター QR コード関数 print('' ）

whb2010 2019-03-12 14:30:52 0  2  1372

javascript - Weex の <text> のテキスト クリック効果

weex のテキストにはデフォルトではクリック効果がありません。公式サイトではプレスステータスを取得する方法が見つかりませんでした。Android のセレクターのような機能を実装できる人はいますか?

ringa_lee 2017-05-19 10:33:24 0  3  600

nginx - Go 言語に組み込まれている http プロキシ ポートが 80 の場合、サーバー IP に解決されるドメイン名と同じ効果がありますか?

たとえば、http プロキシを構築するために go を使用しました。IP は 192.168.1.100、ポートは 80 です。テスト後、プロキシに問題はありませんでした。今度はドメイン名をこの IP に解決します。直接アクセスはできません。 . この効果を実現したい場合はどうすればよいですか? nginx で一度転送しますか?

天蓬老师 2017-06-24 09:44:28 0  1  1656

vim - 2 つの `分割ウィンドウ` で `scroll lock` や `scoll sync` などの機能を実装できますか?

コードを書くときは、モニターを上げることができないので、コードの表示行数が非常に少なく、上下のスクロールが頻繁になるので、次のように考えます。 単一のファイルを編集する場合、:vs、そこに2 つの垂直ウィンドウ (左側のウィンドウの番号は 1 ～ 44、右側のウィンドウの番号は 45 ～ 88) で、スクロール ロックまたはスクロール ロックを実装します。

过去多啦不再A梦 2017-05-16 16:38:52 0  1  688

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

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

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

javascript - js の練習問題です。ここの最後の getElementsByTagName('a')[0] が 0 であるのはなぜですか?

{コード...} この実装の効果は、テーブルの最後の列を追加および削除する効果です。createElement が a タグを作成した後に oTd.getElementsByTagName('a')[0].onclick が行われる理由がわかりません。関数の追加と削除 =function() ここで選択されているタグ名は [0]、いいえ...

女神的闺蜜爱上我 2017-06-26 10:57:27 0  4  870

JavaScript - div フレームを描画し、div でカバーされる dom 要素を取得するマウスを実装します。

この効果と同様に、マウスを移動して div ボックスを引いて、div で覆われている dom 要素を選択します。実装できる良いアイデアはありますか? 私が思いついた方法は、div の offsetLeft、offsetTop と、選択する必要がある各要素の offsetLeft、offsetTop を判断することです。

仅有的幸福 2017-05-19 10:09:21 0  4  588

Apache サーバーにより HTTPS アクセスが可能になります

現在、Apache が Centos にインストールされており、3 つの仮想マシンが作成されており、そのうちの 1 つは SSL サービスで構成されています。私が望む効果は、HTTP アクセスを無効にして、HTTPS アクセスのみを許可することです。これをどのように設定して実装すればよいでしょうか? 現在の状況: HTTP と HTTPS の両方にアクセスできます。

PHP中文网 2017-05-16 17:01:15 0  2  673

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

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

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

C++ - ライブラリの配置によって予約されているこの具体的な実装は何ですか?

{コード...} さまざまな形式の演算子 new を学習しているときにこれに遭遇しました (C++ 入門書ではあまり説明されていませんでした)。たとえば、この関数呼び出しをどのように使用すればよいのか、この関数の機能を理解できませんでした。配置 new? 構築効果を実装するには、 two *abc = new(m) two(10);(...

怪我咯 2017-05-16 13:30:16 0  1  826

javascript - ページの読み込みアニメーション効果が表示されない？

1. 現在取り組んでいるプロジェクトはデータ テーブル ページですが、バックグラウンド クエリに時間がかかるため、ユーザー エクスペリエンスを向上させるために、読み込みアニメーションが追加されています。アニメーションを読み込むためのプラグインには問題はありませんが、メソッドの実行中にアニメーション効果が存在しないことがわかります。 2. コードを直接貼り付けます。 jsを始めましょう...

迷茫 2017-05-19 10:18:28 0  4  712

HTML マークアップで SVG を直接使用すると、ボタンに役割を割り当てたり、必要なホバー効果を付与したりすることができません

2 つの機能を実行するアイコンを持つコンテナがあります: ボタンのように動作します (キーボード/スクリーン リーダーなどを介してアクセス可能) ホバー/フォーカスで赤になります。 マークアップ内で SVG を直接使用すると、ホバー効果が停止します。期待どおりに機能しますが、img タグを使用する場合のように SVG にボタンの役割を割り当てることはできません: .container{height:500px;width:400px;background-color:lightblue;position:relative;}.favorite

P粉940538947 2023-09-06 20:29:59 0  1  583

javascript - JS イベント委任操作 ul li タグに関する問題

まず、実現したい機能について説明します。これは、ul 内の li タグをクリックして、現在クリックされている li を削除することです。しかし、何度も試してみましたが、思ったような効果は得られませんでした。現在の質問は次のとおりです。現在クリックされている li の添字を取得するためのより直接的な方法を使用する方法と、添字を取得するための for ループは Baidu Taolai です。

巴扎黑 2017-06-28 09:27:49 0  2  873

JavaScript - フロントエンドマップアニメーション効果を実装する方法。

以下のエフェクトと同様に、アバターはルートに応じて移動できます。この種のアニメーションはこれまで見たことがありません。フロントエンドはどのように実装すればよいでしょうか?キャンバスか、それとも既成のフレームワークか？この効果を達成するにはどのようなアイデアを使用すればよいのか、まったくわかりません。 。 。

PHPz 2017-05-16 13:36:02 0  2  461