virtual-scroller - 長大なリストもサポートするスクロールライブラリ

-
virtual-scroller - 長大なリストもサポートするスクロールライブラリ:

Webページは縦に長く伸びがちです。特にリスト状に情報を載せる際にデータ量をシステムからの出力で動的に変化させている場合、間違って数十万件のデータを一気に表示しようとしてDOMレンダリングが終わらなくなったりします。

そういった時に使ってみたいのがvirtual-scrollerです。縦横を含めたスクロールをスムーズにしてくれるライブラリです。

virtual-scrollerの使い方

二つのリストを表示している例です。データ数は5000件ですが、スムーズに動きます。





コメント

コメントを投稿

このブログの人気の投稿

投稿時間:2020-07-01 05:34:30 RSSフィード2020-07-01 05:00 分まとめ(37件)

-
カテゴリー等 サイト名等 記事タイトル・トレンドワード等 リンクURL 頻出ワード・要約等/検索ボリューム 登録日 AWS AWS Partner Network (APN) Blog How APN Partners Can Engage with the AWS Direct Connect Partner Model https://aws.amazon.com/blogs/apn/how-apn-partners-can-engage-with-the-aws-direct-connect-partner-model/ How APN Partners Can Engage with the AWS Direct Connect Partner ModelWith AWS Direct Connect the internet is bypassed entirely and customers get physical dedicated connectivity to AWS allowing for a more consistent predictable performance Many customers rely on Direct Connect Partners to get access to Direct Connect connections so they can connect to AWS These trusted APN Partners have passed a technical validation for fol...
続きを読む

投稿時間:2020-07-01 20:43:40 RSSフィード2020-07-01 20:00 分まとめ(81件)

-
カテゴリー等 サイト名等 記事タイトル・トレンドワード等 リンクURL 頻出ワード・要約等/検索ボリューム 登録日 TECH Engadget Japanese ポルシェ、モーターを1基に減らした「タイカン」を中国で発表 https://japanese.engadget.com/porsche-taycan-rwd-103040976.html 電気自動車 2020-07-01 10:30:40 TECH Engadget Japanese 最長30日間動作、水没OKの防水防じん機能。5000円台のタフネススマートウォッチ「Haylou Solar LS05」 https://japanese.engadget.com/jp-2020-07-01-30-ok-5000-haylou-solar-ls05.html 最長日間動作、水没OKの防水防じん機能。 2020-07-01 10:30:00 TECH Engadget J...
続きを読む

投稿時間:2020-07-01 08:33:22 RSSフィード2020-07-01 08:00 分まとめ(49件)

-
カテゴリー等 サイト名等 記事タイトル・トレンドワード等 リンクURL 頻出ワード・要約等/検索ボリューム 登録日 IT 気になる、記になる… Apple Japan、｢ショッピングローン 24回払い分割金利0％キャンペーン｣の実施期間を2020年8月31日まで延長 https://taisy0.com/2020/07/01/123079.html applejapan 2020-06-30 22:50:31 IT 気になる、記になる… ｢Google Pixel 4a｣、FCCに続き、シンガポールやインドの認証機関を通過 https://taisy0.com/2020/07/01/123075.html tionsmediadevelopment 2020-06-30 22:46:12 IT 気になる、記になる… Apple、テスター向けに最新の｢iOS/iPadOS 13.6 Public B...
続きを読む