tableでの大量データの描画[その1]


2016年7月20日

はじめまして、まっきーです。
気になる情報からこんなんええやん的な技術まで、サクサクと紹介して行きたいと思います。

【本日のこんなんええやん】

WEBシステムを作っていると必ずぶちあたる大量データの描画
  • DOM描画に時間が掛かる…
  • スクロールでヘッダが隠れる…

課題はさまざまあります、、

今回は画面をスクロールする毎にデータを描画して、描画負荷を減らすにチャレンジ!

ご用意するのは以下のもの
  • HTML
  • CSS
  • jQuery

まず、描画を隠すCSSを用意
一定の行数以上にhiddenクラスを指定
スクロールごとにclassを消していきます!
こんな感じですが、まだまだ力技。。
日々精進します!