問題タブ [computed-values]

次のようなモデルがあるとします。

私の質問はこれです:CPはいつ再計算されますか? - A が変更された直後 (record.save() の前) - レコードが保存された後? - このレコードが再びストアから取り出される瞬間は?

私の 2 番目の質問は次のとおりです。動作は、計算されたプロパティ自体によるものですか?

私は現在、いくつかの問題に苦しんでいます.1000以上のレコードを同時に更新すると、効率がひどくなります.

私は理解しようとしていました:モデルで計算されたプロパティを定義することは良い考えですか?

任意の要素の font-size プロパティを返すクロム拡張に取り組んでいます。ajax 応答データを拡張ドキュメントにロードし、それらのプロパティを計算しています。今、何か奇妙なことが起こっていて、私はその理由を見つけることができません.

分析している Web ページに見出しタグがあります。Web ページの [スタイル] タブ (要素の検査) には、フォント サイズが 2em で、計算値が 32 ピクセルであると表示されます。

今、Chrome 拡張機能で同じページを読み込むと、拡張機能の [スタイル] タブ (要素の検査) にフォントサイズが 2em と表示されますが、計算されたスタイルが 24px と表示されます。明確にするために、ウェブページとクロム拡張の両方のスタイルと計算されたスタイルの画像を添付しています。

ケース 1: スタイル (Web ページ)

計算されたスタイル (Web ページ)

ケース 2: スタイル (Chrome 拡張機能の読み込み後)

計算されたスタイル (Chrome 拡張機能での読み込み後)

なぜこれが起こっているのか知りたいだけですか？同じスタイル (2em) ですが、ブラウザー ウィンドウは計算されたサイズを 32 として表示し、拡張ウィンドウ (同じブラウザー上) は 24px を表示します。

画像を含む div 要素がいくつかあり、すべての画像の高さは 100% に設定され、幅が計算されます。高さは正常に機能しますが、親 div には画像の実際の幅があり、計算された幅よりも大きくなります。そのため、画像間にギャップが生じます。表示されている画像の幅 (ファイル自体の幅ではありません) を持つように div を作成するにはどうすればよいですか? それはhtml/CSSだけで解決できますか？

HTML:

CSS:

何か案は？タンクス！

迅速な列挙型に関する一般的な質問。

「アイコン」の列挙型を作成し、列挙型ケースに値を「関連付け」たい

列挙型の値に関連付けられたイメージを作成したい。また、列挙値に関連付けられた色

たとえば、次のようなことが可能だったとします。

このようなことは可能ですか？

ゲッター計算プロパティと値を返す変数に違いはありますか? たとえば、次の 2 つの変数に違いはありますか?

Ember Data レコードの配列の各要素に固有の略語を作成したいと考えています。たとえば、Persons テーブルに次のレコードがあるとします。

私が望むのは、次のような出力です。

ご覧のとおり、配列内のすべての項目を分析することによってのみ、各人物に固有の略語を割り当てることができます。

これは、Ember ドキュメントの残りの Todo の数を計算するのと少し似ています: http://guides.emberjs.com/v2.0.0/object-model/computed-properties-and-aggregate-data/

しかし、そのガイドでは、時代遅れであると私が理解しているコントローラーの使用について説明しており、Ember Data の操作については説明していません。

テンプレートは次のようになると思いますが、ルートに何を追加すればよいでしょうか?