のくす牧場
コンテンツ
牧場内検索
カウンタ
総計:127,062,974人
昨日:no data人
今日:
最近の注目
人気の最安値情報

    元スレ+ JavaScript の質問用スレッド vol.114 +

    JavaScript覧 / PC版 /
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。
    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitter

    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
    うむ、それはようそがいだな。


    ←前へ 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 次へ→ / 要望・削除依頼は掲示板へ / 管理情報はtwitterで / JavaScript一覧へ
    スレッド評価: スレッド評価について
    みんなの評価 :
    タグ : 追加: タグについて ※前スレ・次スレは、スレ番号だけ登録。駄スレにはタグつけず、スレ評価を。荒らしタグにはタグで対抗せず、タグ減点を。

    類似してるかもしれないスレッド


    トップメニューへ / →のくす牧場書庫について