Weitere ähnliche Inhalte
Ähnlich wie AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ (20)
AngularとOnsen UIで作る最高のHTML5ハイブリッドアプリ
- 44. Recalculate Style - 要素のスタイルの計算
- 個別のDOM要素に対して、当たるスタイルを計算
する
- CSS OMを参照して、DOM要素の数 x CSSルール
の数分マッチング処理が走る
- 重たいCSSの書き方を減らす
- 使っていないCSSのルールは消す
- 46. 4. Painting
- Painting - 描画処理
- Paint - Display List(ChromiumだとSkiaへの命
令)の生成
- Rasterize - Display Listの実行してピクセル化
- Composite Layers - レイヤの合成
- 48. translate3d(0, 0, 0)が速いのはなぜ?
- GPUで描画されるから?
- 半分正解だが半分間違っている
- transform CSSプロパティを変更しても、
Composite Layersのみが起こるから
- つまり、同時に別処理でLayoutを引き起こしたり
すると台無し
- 69. Custom Elements
- HTMLを記述するだけでUIを構築できる
<ons-page class=“first-page”>
<ons-toolbar>
<div class=“center”>Toolbar Title</div>
</ons-toolbar>
<div>
<p>Page Contents</p>
<ons-button ng-click=“foo()”>
MyButton
</ons-button>
</div>
</ons-page>