ねごとめも背景

ねごとめも

数学、電気の勉強始めました!プログラムにも挑戦しています!|ω・)ノ


作成したプログラムは、こちらでも公開しています。
よかったら覗いてみてください。_(┐「ε:)_
→ javascript,SVG で作成したプログラム置き場

large text file : 20 thousand rows [ scroll-test(b) ]

前回のプログラムが、ぽこぽこ 落ちるのは、
メモリ使用量に関係があるのかもしれません。
前回のプログラム
large text file : scroll-test

ブラウザのタスクマネージャーをみてみると、
プログラム実行で モリモリ と
メモリ使用量が増えていくものが。。。
使用量限界でブラウザが落ちている感じです。

前回のは、配列に dom 要素を 一万個格納しての処理。
そこを見直し、格納するデータを
テキスト、行の位置等、
データ量を減らして処理するようにしました。

二万行のテキストを書き出してみましたが、
ブラウザが落ちることはなく、IEでも表示出来ました。
チラつきは。。。。_(┐「ε:)_



2018/04/04 [05:28]

large text file : scroll-test

前回作成したプログラムは、大きなテキストファイルを
Chrome、IEに読み込ませると動作、反応が鈍くなったりしました。
前回のプログラム
custom textarea : test(f)

原因は?と思ってコードの見直しと、
Chrome ブラウザで幾つかの動作の確認。

確認できたのは、
要素数が少ない場合、遅延なく動作。
多い場合、重くなる。という自然な結論。。。
display : none;
visibility:hidden;
なども試したのですが効果はありませんでした。

要素を少なくして処理を減らせば、と思い
表示域 + α 以外の要素を
削除してスクロールさせてみました。
+ α は、スクロールバーでスクロールさせた時に
チラつきを少なくするためです。

チラつきは、
Edge > fiirefox >= Chrome
スクロールバーを使って大きくスクロールさせた時は、
どのブラウザも変わりなくチラつきます。

しかし、ファイル読込中にブラウザが
ぽこぽこ 落ちたりします。_( _´ω`)_(謎

See the Pen large text file : scroll-test by negotoy (@negotoy) on CodePen.



2018/04/04 [00:51]

カウンター

プロフィール

negotoy

Author:negotoy
電気の勉強始めました!
テキストエディタを使ってプログラミングに挑戦中。fc2 ブログに公開しているテンプレート等は、自由にカスタマイズして、ご活用ください。プログラム実行の前に必ずコードの確認をお願いします。

最新記事

カテゴリ

カレンダー

03 | 2018/04 | 05
1 2 3 4 5 6 7
8 9 10 11 12 13 14
15 16 17 18 19 20 21
22 23 24 25 26 27 28
29 30 - - - - -


PAGE TOP
広告: