React アプリケーションのパフォーマンスの最適化: 多数のプロジェクトをレンダリングする効率的な方法

React アプリケーションを開発していて、項目の大きなリスト (数千行) を表示する必要があります。現在、ユーザーがリストをスクロールしたり項目をフィルターしたりすると、パフォーマンスが非常に遅くなります。 React アプリケーションのパフォーマンスを最適化してユーザー エクスペリエンスを向上させる方法はありますか?いくつかの追加情報: - 項目のリストをレンダリングするために React 関数コンポーネントとフックを使用しています。 - リスト内の各項目には、テキストや画像などの複数のデータ フィールドが含まれます。 -現在、組み込みのマップ関数を使用してアイテムのリストを表示しています...

P粉733166744 2024-01-16 20:43:20 0  1  419

JavaScript - パフォーマンスの最適化の問題

このコードを最適化するにはどうすればよいですか? 上司は、ES6 マップ データ構造に変換する必要があると言いました。私のやり方が間違っていた可能性があり、遅くなっているようです。これが私が行った最適化です。遅くなっているようです。いくつか教えてください。アドバイス。

高洛峰 2017-07-05 10:54:21 0  6  1015

node.js - nodejs のパフォーマンス最適化の問題

{コード...} たとえば、定期的に cron が実行される場合、cron のメモリはいつ解放されますか? cron の特定の属性がより大きな配列である場合。たとえば、cron.data の場合、cron がタスクを終了するたびにメモリを解放するには手動で cron.data = [] を設定する必要がありますか?手動で解除しないと…

阿神 2017-05-31 10:41:22 0  1  625

SOA における PHP ビジネス インターフェイスのパフォーマンスの最適化に問題がありますか?

モジュールにビジネス インターフェイスを記述するパフォーマンスは非常に遅くなります。タイムアウトが発生するまでインターフェイスの 1 つがブロックされることがあります。開発環境では、通常のインターフェイスは通常 150 ミリ秒ですが、モジュール間で呼び出されるインターフェイスは1000msを超えると不安定になり、その後、パブリックインターフェイス（セッション、トークンなど）を関数内の呼び出しとして記述することができなくなります...

女神的闺蜜爱上我 2017-06-13 09:21:53 0  2  878

javascript - node.js I/O最適化

Node.js はどのように I/O パフォーマンスを最適化しますか? この先輩には共有できる経験があるでしょうか?

phpcn_u1582 2017-05-24 11:38:47 0  1  696

大きなリストのパフォーマンスの問題に反応する - コードログ

ここでは、React を使用して大量のデータを取得し、レンダリングして、ページに表示します。パフォーマンスを最適化するにはどうすればよいでしょうか?

黄舟 2017-07-05 10:49:27 0  1  1030

useEffect と ReactStrictMode の使用: パフォーマンスと信頼性のために React コンポーネントを最適化する

コンポーネントが非常に重いため、配列の一部を「loadedData」という新しい配列にロードし、ロードされたデータのみを表示したいという課題があります。ただし、最初のロード時に useEffect が台無しになるため、多くの問題が発生します。最初のロードは 2 回行われ、最初のデータはレンダリングごとに 1 回配列にプッシュされます。 「reactStrictMode」を削除すると期待どおりに機能しますが、その結果を理解せずに「不正行為」をしたくありません。私よりも問題をよく理解している人がそれを入力しました

P粉739706089 2023-08-18 16:06:50 0  1  586

パフォーマンスの最適化 - Windows で Apache を最適化し、同時実行性を向上させ、より多くのアクセスに耐えるにはどうすればよいですか? （本番環境）

歴史的な理由により、私たちのシステムは Windows サーバー上にデプロイされ、Web サービスとして Apache が使用されます。そして交換することはできません。 現状: 別の部門が API を介してシステムにデータをプッシュし、私たちはデータを受信して​​データベースに保存します。 発生した問題は、プッシュされたデータの量が多く、リクエストも大きいため、Apache...

仅有的幸福 2017-05-16 17:04:03 0  2  705

angular.js - angularjs のカスタム ディレクティブ スコープの問題

angularjs のカスタム ディレクティブのスコープの値は {} であり、これにより分離されたスコープが作成されますが、親スコープのプロパティには引き続きアクセスできます。何が起こっているのでしょうか? (バインディング戦略が実装される前に、分離スコープは親スコープのプロパティにアクセスできないようにする必要があります)

淡淡烟草味 2017-05-15 17:07:33 0  4  799

JavaScript - vue を使用して Google プラグインを開発する場合の csp の問題

Google プラグインを開発するために vuejs といくつかのコンポーネント ライブラリを使用したいのですが、コンテンツ セキュリティ ポリシー (csp) のせいで、eval() new Function() などの JavaScript の機能が使用できないため、vue が正常に使用できません。公式ドキュメントではこの部分については漠然としか触れられていません。

typecho 2017-07-05 11:02:25 0  1  922

javascript - フロントエンドのパフォーマンスの最適化、timeLine リソース間の空白時間を見つける方法は?

プロジェクトのフロントエンドの最適化に取り組んだところ、Google Developer Tools の timeLine を確認したところ、図に示すように 2 つのリソースの間に空白があることがわかりました。何が原因なのかわかりません。それを見つけて最適化するにはどうすればよいですか? 。]

世界只因有你 2017-06-26 10:51:10 0  2  836

フレームワークQueryPHPを開発、今年12月にリリース

QueryPHP v1.0.0-beta.5、このバージョンは主に ORM を改善し、多くの詳細を最適化します。 QueryPHP についてQueryPHP は最新の高性能 PHP プログレッシブ コルーチン フレームワークです。当社は依然として従来の PHP-FPM シナリオを主に指向しており、ユーザー エクスペリエンスをエンジニアリングするという歴史的使命を持っており、すべての PHP アプリケーションが優れたフレームワークを備えているようにします。 100% の単体テスト カバレッジでバグに対処し、Zephir に基づいてフレームワークのコアを実装し、Swoole コルーチンに依存してビ...

小牛仔 2019-09-10 11:48:35 0  0  1078

WooCommerce バージョン 5.6 以降を使用する新規顧客は、特定の支払い方法を非表示にすることが可能です

ユーザーが注文を完了したかどうかを確認するスクリプトを作成しました。ユーザーが完了した注文を持っていない場合、支払い方法「小切手」は無効になります。この関数は機能しますが、functions.php ファイルに追加した後、ページを参照するときに重大なパフォーマンスの問題が発生します。最適化の可能性や問題がどこにあるのか考えられますか? functionhas_bought(){//すべての顧客の注文を取得 $customer_orders=get_posts(array('n

P粉283559033 2023-08-15 13:19:37 0  1  620

WooCommerce 8+ で新規顧客に対して特定の支払い方法を非表示にする

ユーザーが注文を完了したかどうかを確認するスクリプトを作成しました。ユーザーが注文を完了していない場合、支払い方法「小切手」は無効になります。このスクリプトは機能しますが、functions.php ファイルに追加した後、ページを参照するときに重大なパフォーマンスの問題が発生します。最適化の可能性や問題がどこにあるのか考えられますか? functionhas_bought(){//すべての顧客の注文を取得 $customer_orders=get_posts(array('numb

P粉199248808 2023-08-15 21:47:22 0  1  570

データベースで継承を表現するにはどうすればよいですか?

SQLServer データベース内の複雑な構造を表現する方法を考えています。いくつかのプロパティを共有するものの、その他多くの一般的ではないプロパティを持つ一連のオブジェクトに関する詳細を保存する必要があるアプリケーションを考えてみましょう。たとえば、ビジネス保険パッケージには、同じ保険契約レコードに賠償責任、自動車、財産、および賠償の補償が含まれる場合があります。これを C# などで実装するのは簡単です。パーツのコレクションを含むポリシーを作成できるため、パーツはさまざまな種類のオーバーライドに必要に応じて継承されます。ただし、リレーショナル データベースではこれが許可されていないようです。...

P粉041856955 2023-08-29 13:56:14 0  2  580

JavaScript - すべての es6 を es5 に変換するために webpack2 をパッケージ化する方法は?

webpack2 のパッケージ化姿勢が間違っている可能性があり、トランスコーディングの互換性はあまり良くありません。これが私の webpack.config.js 設定ファイルです (関係のないものは省略されています): {code...} Huawei p7 携帯電話、コンソールで実行表示: {code...} どうやら ES6 の文字列テンプレート機能は ES5 に変換されないようです...

天蓬老师 2017-06-26 10:57:28 0  1  1011

コンテンツ セキュリティ ポリシー指令の違反: インライン スクリプトは「script-src 'self'」仕様に準拠していません

私は、react-create-app を使用して Chrome 拡張機能を構築します。 React-create-app で npmrunbuild を使用すると、次のエラーが発生します。コンテンツ セキュリティ ポリシー ディレクティブ「script-src 'self'」に違反しているため、インライン スクリプトの実行が拒否されました。インライン実行を有効にするには、「unsafe-inline」キーワード、ハッシュ ('sha256-5=')、または 1 回限りの乱数 ('

P粉276064178 2023-08-15 14:48:52 0  1  546

MariaDB で DESC コマンド クエリが遅いのはなぜですか

Maridb に対してクエリを実行しています。ASC 順序でクエリを実行すると、オプティマイザはチェックするレコード数 (r_rows) が少なくなり、クエリは約 500 ミリ秒で完了しますが、順序を DESC に切り替えると、同じクエリの実行にさらに時間がかかります。完了すると、r_rows は約 227 万になります。どうしてこれなの？ ASC/DESC 順序がクエリのパフォーマンスに影響を与えるのはなぜですか?これは SQL クエリ SELECTx_nuvo_eam_scheduled_m9e_e8s0.`sys_id`FROM(x_nuv

P粉127901279 2024-02-03 21:29:17 0  1  486