問題タブ [mithril.js]

私は Mithril を初めて使用しますが、適切なコーディング パターンと関心の分離を強制する方法に非常に満足しています。これを参考に、m.component()を多用してコーディングを始めました。

後で、トランスフォーマー関数の書き方を説明しているミスリルの記事「CSS があなたを失望させるとき」( http://lhorie.github.io/mithril-blog/when-css-lets-you-down.html ) を読みました。仮想DOMツリーをトラバースして操作します。いくつかの種類の分野横断的な関心事を書く素晴らしいコンセプト。

しかし、コンポーネントを含む VDOM でこのパターンを使用しようとすると、m.component が VDOM-Object ではなくコンポーネントを返すため、機能しません。この時点では埋め込みビューが構築されていないため、コンポーネントを検出しても役に立ちません。

今、私はこの問題をどのように処理するか、または何か根本的に間違っているかどうかを自問しています...

問題を示す数行のコードを次に示します。

他の人はその問題をどのように処理しますか?

純粋なブートストラップを使用すると、ボタン間に小さな水平スペースがあります。

要素が mithril.js で作成されている場合、このスペースは消えます。

ブートストラップがボタン間に小さなスペースを追加する原因は何ですか? それをmithril.jsで再現する方法は?

私はかなり長い間反応を使用しており、Mithril.js を試してみたいと思っていました。

ドキュメンテーションと例を見て、私が見たものが気に入ったので、手を汚してコーディングを始めるべきだと言いました!

ulJSON データを受け取り、すべてのアイテムを含むリストを出力する smiple API 呼び出しがあります。私はアニメーション用に GSAP TweenMax を統合しましたが、達成しようとしていることは非常に単純です。オンロード時にすべてをonclickフェードインしてから、フェードアウトして要素をフェードアウトし、DOM / データから削除したいと考えています。

起こっているように見えるのは、要素がフェードアウトし、ulリスト全体が再レンダリングされ、その要素が不透明度 0 で DOM に残っていることです。

私はとても新しいです..ちょうど昨日読み始めました。

だから私はドロップダウンを持っていて、それに動的な高さを与えようとしています。これはmithril.jsを使用してどのように可能でしょうか?

これは私がこれまでに試したことです: これは、リストに動的な高さを与えようとしているコードのスニペットです。最終的な目標は、リストを動的な高さにして、固定ナビゲーション バーで を使用してスクロールできるようにすることoverflow-y:scrollです。

ミスリルのコツをつかもうとしても、ひとつのことがよくわからない。イベントでコンポーネントをレンダリングできますか?

親コンポーネントが 1 つあるとします。

ヘッダー コンポーネント (およびメニューのプレースホルダー (必要ですか?)) をレンダリングします。

ユーザーがメニュー リンクをクリックすると、API からメニュー項目をロードしてから、メニューをレンダリングします。

この部分は明らかに機能しません

では、問題は、イベントでコンポーネントをレンダリングする正しい方法は何ですか?

Mithril現在、 と を使用して簡単なアプリを作成していCoffeeScriptます。

コードは次のとおりです。

アプリを実行すると、次のエラーが表示されます。

キャッチされていない TypeError: ctrl.email は関数ではありません

エラーの考えられる理由は、mount機能がモジュールで適切に構成されていないためだと考えています。

ここで m.prop() が機能しないのはなぜですか?

以下に示すように、ドラッグ可能liな要素が aulにネストされ、次に a にネストされていdivます。

これらのdiv要素は複数あり、ドラッグ アンド ドロップ機能を実装して、あるグループのli要素divを別のグループに移動しようとしています。

ondragenterここに,コールバックを接続しましたondragleave:

問題は、コールバックの が常になどevent.targetの 内のネストされた子要素であり、したがってコールバックが常に起動される場合に発生します。この場合、コールバックでの色を変更しているため、望ましくない点滅が発生します。divlidiv.groupdiv.group

イベントを委任し、div祖父母のみがliイベントを処理できるようにする方法はありますか? または、これを回避する他の方法はありますか？

編集:これを行う方法があるかどうかを知りたいのですが、現在、私はここで見つけた回避策を使用しています。