問題タブ [cyclejs]

For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.

0 投票する
1 に答える
105 参照

cyclejs - Cycle.js ドライバーに複数の DOM オブジェクトを含めることはできますか?

これまでに見つけた Cycle.js の例はすべて、への引数DOMで「DOM」という名前の単一のオブジェクトを使用しています。「DOM1」という名前のオブジェクトと「DOM2」という名前のオブジェクトを複数持つことはできますか? これの目的は、単一の HTML ページ内で 2 つの別個の動的 DOM 領域を制御して、3 番目の DOM 領域を で静的に定義し、DOM1 と DOM2 の間に挟むことです。driversrun(main, drivers)index.html

副次的な質問として、私が見た例は通常、またはdivの id を持つ HTML をターゲットにしており、シンクは関数で定義されているため、内に不要な AFAICT を作成しています。仮想ノードがどのように定義されるべきかについての明確な説明や参照は見つかりませんでした。上記の DOM2 が HTML要素をターゲットにしており、それには 2 つの要素が含まれているとします。すべての例で as で始まる必要がありますか、それともs を呼び出しで直接定義できますか? もしそうなら、どのように?#app#main-container@cycle/dom divdivdivforminputdivinput.map

0 投票する
1 に答える
73 参照

javascript - CycleJS の localStorage の初期値で折り畳む

ユーザーが絵文字をクリックしてお気に入りのリストに追加/削除できる、cycleJSを使用して絵文字ビューアーアプリを作成しています。localstorageリストは変更のたびに保存されます。クリック ストリームを折りたたみ(クリックごとに絵文字を追加または削除)、xstreamを使用してリストを作成しています。

@cycle/storageドライバーを使用して、このストリームをlocalStorageページに保存してロードすることができます。

ただし、配列を localStorage からお気に入りのストリームにプリロードする方法がわかりません。から配列がロードされたら、考えられるあらゆる方法でlocalStorageそれをストリームとマージ/連結しようとしました。favEmojis$例えば:

しかし、これは機能しません - からの配列localstorageは折りたたみclickFavEmojiストリームによって上書きされます。誰かが私を正しい方向に向けることができれば幸いです。

注意: 完全なコードは非常に長いため、最も関連性が高いと思われる部分のみを含めました。