元スレ+ JavaScript の質問用スレッド vol.114 +
JavaScript覧 / PC版 /みんなの評価 :
601 = :
lodashに沢山関数があって勉強するのが大変です
「これはよく使う」というものがあれば教えて下さい
602 = :
他人と意思疎通するって難しいよ
なんとなくできてる気分になりがちだけど
603 = :
ライブラリがミニファイバージョンを提供していない時がありますが
そういう場合、自分でミニファイしますか?
605 = :
>>601の件ですが
underscoreの記事で勉強するのがよさそうでした
http://gihyo.jp/dev/serial/01/underscorejs/0001
606 = :
>>600
「javascript 別ウィンドウ」で検索すれば?
window.open で一杯出てくるよ
イヌでもわかるJS
http://www.red.oit-net.jp/tatsuya/java/winopen.htm
608 = :
その書き方便利だよね
609 = :
戻り値が確実に配列オブジェクトなら問題ない。
610 = :
ありがとうございました
611 = :
DOMエレメントが重なっていた場合、下に伝播していく、と認識していたのですが
親子関係にない要素同士が見た目上重なっている場合には、
上をクリックしても伝播しないようです
構造上包含関係にあり、見た目上重なっている場合だけイベントは伝播する、
という認識でいいのでしょうか?
612 = :
>>611
行間の省略が多過ぎてわかりにくいぞ
上に?下に?上を?
>>600
target 属性
615 = :
>>611
http://d.hatena.ne.jp/koba04/touch/20120620/1340118885
616 = :
>>556
document.body[0]じゃなくていいの?
617 = :
親子関係にない養子同士が見た目上が重なっている
618 = :
イベント伝播は、純粋にノード構造に依存するのですね
子要素を親要素の外側に配置して子要素をクリックしても、
親要素にイベントが伝播しました
考えれば当たり前のことなんですが、ずっと勘違いしていたようです
ありがとうございました
619 = :
>>614
ゼロからやらないとダメですか?
頑張ってみます
620 = :
>>616
試せばわかるんじゃないかな
622 = :
以前、chromeのコンソール出力はログ表示に追従してスクロールしていって欲しいと書きましたが
いつの間にかそうなっていることに気付きました
横スクロールの再改悪には落胆しましたが、進化もしてますね(^O^)
624 = :
画面に表示される要素数により、ドラッグ時のスムーズ具合が違うのですが
処理自体は増えないはずなので不思議に思い
console.timeで測ったところ
ドラッグ処理内の処理速度は大差ありませんでした。
しかしドラッグ処理とドラッグ処理の間隔が、要素数が多い時にははっきりと増えていました。
documentのonmousemoveの間隔は、
documentが包含するDOMエレメントが増えるほど遅くなるのでしょうか?
625 = :
http://jsbin.com/tojagaxu/1
mousemoveで四角を動かしてドラッグ状態を再現し、
consoleにmousemoveの間隔を出力するようにしました
左上の四角をクリックするたびにDOMをページに追加します
要素がない時とある時では、
マウスを動かした時の動きや間隔が変わってきます
このことからDOMエレメント数がmousemoveのスムーズさにも影響するといえると思います
しかしそうなると、スムーズさを保つためには
画面から出たエレメントを削除するなどしないといけないということでしょうか
そんな面倒くさいことを他のアプリもしているのでしょうか?
626 = :
どんどんページを伸ばしていけるオートページャがありますが
要素が増えていくから、
そのままだとページがどんどん重くなると思いますが、
見えなくなった要素の削除とかしてるのかなぁ?
だとしたら相当気の利いたA級開発者だと思います
627 = :
http://oshiete.goo.ne.jp/qa/4378546.html
の返信の通りにやると、textareaの最後尾に追記されてしまいます
カーソルの位置に追加するようにするにはどう書き換えたらいいですか?
ご教示いただけたら幸いです
631 = :
>>624-626
イベントをその要素で取得する場合は、stopPropagation で、
イベントのバブリング(伝播)を止めたら?
止めないと、その要素の親、先祖方向へとイベントが伝わる
ただし、そのイベントを親や先祖でも、
使いたいなら止めない方がよい
632 = :
バブリングの問題じゃないのでは・・?
ノードに要素が増えたら、動作が遅くなる
これは絶対的な真理だと思います
ただ削除までせずとも
display:noneにしても速度が回復するということも分かりました
633 = :
>>624-626
ブラウザによって得手不得手はあるだろう
例えば hit-testing のアルゴリズムが float 配置には最適化されていないため
描画の更新領域の計算に時間食ってるとか
(floatが千個もあるようなレイアウトは通常 想定されていない)
636 = :
この2つの関数って日本語文字列でバグや、その他バグがないか
わかりますでしょうか?
http://phpjs.org/functions/basename/
http://phpjs.org/functions/pathinfo/
637 = :
>>634
addEventListenerを使用すれば関数スコープ内で完結できる
基本、関数スコープで完結するコードにしようとしているようなので、わざわざグローバルスコープを汚す必要はない
>>635
> <DIV id=result> にtableが入ってるのか?
#result内にtable要素がある事は>>629から推察できる
最も、>>629で>>628と同一人物であることが明示されてないので文脈から判断したが
名前にレス番を入れない質問者が多くて困るな
こういう誤解を減らすためにもそうするべきだと思うのだが
638 = :
>>636
自分で試せる事は試せるだけ試してから質問してくれ
639 = :
>>633
再現コードのため分かりやすく書いただけで、
現に遅くなっている実際のコードではfloatは使ってません
というか、ブラウザの得手不得手は本質じゃないでしょう
どんなブラウザであっても、floatを使ってあってもなくても、
画面にDOM要素が増えるほどイベントは遅くなると思いますが。
このケースはむしろ単純なDOMなので、数千個加えないと遅くならなかったのです
内部に複数のDOMを含む複雑なDOMの場合はもっと少ない段階で遅くなります
640 = :
>>629のコードを添削したくてしょうがないなw
まず、見た目(HTML)とコードは分離するべきだ。
つまりtableはHTMLでそのまま書いて、
コードからtableを生成しないようにする。
641 = :
と思ったら、マス目は可変なのか。
それもtableで書こうと思えばかけるが
ちょっと厄介だな。
642 = :
>>638
はい
645 = :
lodashで配列同士の同一性をチェックしたいのですが
_.differenceの返り値のlengthが0か調べる以外の方法はありますか?
いまいちスマートじゃない気がします
648 = :
ありがとうございました
649 = :
jqueryでonscrollをdocumentにデリゲートしたのですが、イベントが発生しません
デリゲートせずに要素に直接ハンドラを付けたらイベントが発生しました
何故ですか?
650 = :
>>649
うむ、それはようそがいだな。
類似してるかもしれないスレッド
- + JavaScript の質問用スレッド vol.113 + (1001) - [97%] - 2014/1/25 12:46
- + JavaScript の質問用スレッド vol.118 + (1002) - [97%] - 2014/8/29 22:30
- + JavaScript の質問用スレッド vol.116 + (1002) - [97%] - 2014/7/1 0:45
- + JavaScript の質問用スレッド vol.115 + (1001) - [97%] - 2014/5/29 16:16
- + JavaScript の質問用スレッド vol.113 + (1001) - [97%] - 2014/3/15 21:30
- + JavaScript の質問用スレッド vol.119 + (1002) - [97%] - 2014/10/3 15:30
- + JavaScript の質問用スレッド vol.112 + (1001) - [97%] - 2013/11/27 16:46
- + JavaScript の質問用スレッド vol.111 + (1001) - [97%] - 2013/11/4 6:00
- + JavaScript の質問用スレッド vol.110 + (1001) - [97%] - 2013/10/13 14:01
- + JavaScript の質問用スレッド vol.134 + (1001) - [97%] - 2018/8/3 23:15
- + JavaScript の質問用スレッド vol.117 + (1009) - [97%] - 2014/8/5 3:30
- + JavaScript の質問用スレッド vol.104 + (1001) - [97%] - 2013/1/28 4:00
- + JavaScript の質問用スレッド vol.124 + (1001) - [97%] - 2015/7/16 1:30
- + JavaScript の質問用スレッド vol.144 + (288) - [97%] - 2020/5/17 20:00
- + JavaScript の質問用スレッド vol.121 + (1001) - [95%] - 2015/1/1 18:30
- + JavaScript の質問用スレッド vol.120 + (1002) - [95%] - 2014/11/8 1:15
- + JavaScript の質問用スレッド vol.122 + (1004) - [95%] - 2015/2/14 4:45
トップメニューへ / →のくす牧場書庫について