angularjs - Ionic フレームワーク vs Famo.us

Question

Ionic フレームワークと Famo.us フレームワークの違いは何ですか。1 つのプロジェクトで両方のフレームワークを使用することができます。モバイル デバイスでスムーズ レンダリング グラフィックをサポートするのはどれですか?

両方のフレームワークが AngularJs をサポートしていますか?

Answer 1

どちらのフレームワークも AngularJS で動作しますが、方向性が異なり、目的も異なります。

イオン性

AngularJS の上に構築され、それを拡張し、ボタン、グリッド、およびその他の既製の UI 要素を提供して、モバイル アプリをすばやく公開するのに役立ちます。AngularJS はアプリのデータ バインディングと MVC 構造に重点を置いており、デスクトップ ブラウザーで実行されているかモバイル デバイスで実行されているかはあまり気にしません。Ionic はアプリ データの表示に集中し、AngularJS を拡張してモバイル デバイスでの使用に適したものにし、モバイル ユーザーが期待するデザイン パターンを提供します。Ionic は AngularJS の上にあるため、Angular なしで Ionic を持つことはできません。

理解を深めるために、Ionic のコンポーネントを確認してください。

有名

一方、最速のレンダリング パフォーマンスを目指します。通常の HTML を Famo.us サーフェス (表示するコンテンツを保持するコンテナー) に入れることができるのはたまたまです。そのコンテンツは HTML にすることができますが、そうである必要はありません。

Famo.us 自体は、標準の HTML リフローを使用してビューポートにサーフェスを配置するのではなく、レンダー ツリーを独自に実装しているため、3D 空間であっても、バターのように滑らかなパフォーマンスで、サーフェスの位置と回転を自由に操作できます。 . 一方、サーフェス内に配置される HTML は、リフローを使用して、慣れ親しんだように要素を配置します。Render Tree の詳細を参照してください。

Famo.us は HTML に出力できますが、WebGL や、DOM と WebGL を組み合わせた混合モードを使用してレンダリングすることもできます。これにより、プレーンな CSS では不可能な派手なグラフィック効果が可能になります。また、イージングと物理演算との緊密な統合により、遊び心のあるリアルなアニメーションを実現できます。

Famo.us/Angularがあるので、まだ試していませんが、同じアプリで Ionic と Famo.us を使用できない理由がわかりません。

概要

Ionic はレンダリングに通常の DOM を使用し、モバイル デザイン/UX パターンに重点を置いています。Famo.us は DOM を無視し、レンダー ツリーを構築/設定できるようにし (読む: 必要があります)、物理演算を提供し、より複雑で滑らかなアニメーションを可能にします。これは、Famo.us の使用には学習曲線が伴うことも意味します。良い点は、Famo.us でアプリの特定のビューを構築し、それ以外のすべてに通常の HTML/CSS を使用できるため、「すべて」を実行する必要がないことです。