タグ

DOMに関するplane25のブックマーク (2)

  • AMPのドキュメントを読んだのでざっくりまとめる - razokulover publog

    Accelerated Mobile Pages(AMP)の導入ガイド日語版が公開され、いよいよAMPが動き出しそうなのでAMPのドキュメントを読んでみた。 AMPとは Googleが絶賛推進中のモバイルウェブ環境をより使いやすくするためオープンな仕組み。 AMP対応するとモバイルウェブでのユーザー体験向上する他にGoogleの検索結果の上部にAMP別枠として表示されるというメリットがある。 TwitterPinterestなどでも公式対応するらしい。wordpressなど有名CMSは対応するって発表してる。 なぜ速いか 基方針は、「レンダリングをブロックするHTTPリクエストはゼロを目指すこと」と「省エネレンダリング」。 非同期JSしか使わない すべてのリソースのサイズを直指定 instaとかtwitterでブロックさせない(amp-iframe) iframeでのみ外部JSを利用

    AMPのドキュメントを読んだのでざっくりまとめる - razokulover publog
    plane25
    plane25 2016/02/02
    "モバイルウェブ環境をより使いやすくするためオープンな仕組み。 AMP対応するとモバイルウェブでのユーザー体験向上する他にGoogleの検索結果の上部にAMP別枠として表示される" ほう
  • 動的に追加されるDOM要素に対応する方法あれこれ - Qiita

    Chrome拡張を作っていると,最近のモダンなWebサイトが後から動的にDOM要素を追加してきて困ることがある.毎度対処方法をぐぐっているので,ここにまとめておく. 追加される要素にイベントハンドラを付加したい jQueryのonメソッドにselectorを渡すことで,あとから動的に追加された子要素に対してもイベントを発火することができる. liveメソッドでも同様のことが出来たが,1.7で廃止された. $("#parent").on("click", ".child", function(){ console.log("click");}); $("#parent").append("<span class='child'>Click Here</span>"); 要素が追加されたことそのものを検出する DOMNodeInserted: 非推奨 要素が追加されたときに発火するDOMNod

    動的に追加されるDOM要素に対応する方法あれこれ - Qiita
    plane25
    plane25 2015/03/13
    `MutationObserver`有用だった
  • 1