タグ

ブックマーク / blog.webcreativepark.net (3)

  • AngularでChangeDetectionによるパフォーマンスチューニング

    AngularでChangeDetectionによるパフォーマンスチューニング AngularでChangeDetectionによるパフォーマンスチューニングを行う方法です。 ChangeDetectionとは? AngularではChangeDetectionと呼ばれる更新機構を持ってコンポーネントの情報が変更されるとページの再描画が行われます。 くわしい仕組みに関しては以下を参考にしてください。 Angular2のChange Detectionについて - Qiita Angularのデフォルト設定では、全てのコンポーネントの変更に対して、このChangeDetectionによる更新が毎回走るようになっている。 例えば以下のようなコンポーネント構成時、つまりAコンポーネントの子コンポーネントとしてBコンポーネントとCコンポーネントが配置されているようなケースで、Bコンポーネントに対し

    AngularでChangeDetectionによるパフォーマンスチューニング
    chocodoughnut
    chocodoughnut 2017/09/06
    パフォーマンスについて
  • jQuery 3.0時代のコーディングお作法 / 廃止メソッド編

    jQuery 3.0時代のコーディングお作法 / 廃止メソッド編 エントリーは「to-R JavaScript Advent Calendar 2015」2日目のエントリー、現在α版が公開されているjQuery 3.0時代のコーディングお作法について解説を行います。 あくまでα版を元にした情報になるので注意してください。 前回はブラウザサポートやshow()/hide()の扱いに関して解説しましたが、今回はjQuery 3.0で廃止されるメソッドと廃止されたメソッドはjQuery 3.0ではどのように記述すれば動作するかについて解説を行います。 廃止されるメソッド一覧 jQuery 3.0で廃止が予定されているメソッドは以下のメソッドです。 .success() .error() .complete() .load() .unload() .error() これらは廃止されてしまいますが

    jQuery 3.0時代のコーディングお作法 / 廃止メソッド編
  • Android端末のdevicePixelRatio

    Android端末のdevicePixelRatio WebKit系のブラウザではdevicePixelRatioというプロパティが定義されています。これは画像1pxを実際のデバイス上で何pxとしてレンダリングを行うかというもの。 CSSでdevicePixelRatioを特定できる -webkit-min-device-pixel-ratioなどは iPhone4のRetina Display対応などで一時期注目されましたね。 【Webアプリ】iPhone4 で画像をきれいに表示する色々な方法【試行錯誤編】 | KAYAC DESIGNER'S BLOG JavaScriptでは次のように取得できます。 window.devicePixelRatio そこで、Android端末のdevicePixelRatioがどうなってるかTwitterで色々な方に協力いただき調べてみました。

    Android端末のdevicePixelRatio
  • 1