問題タブ [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.
cyclejs - Cycle.js ドライバーに複数の DOM オブジェクトを含めることはできますか?
これまでに見つけた Cycle.js の例はすべて、への引数DOM
で「DOM」という名前の単一のオブジェクトを使用しています。「DOM1」という名前のオブジェクトと「DOM2」という名前のオブジェクトを複数持つことはできますか? これの目的は、単一の HTML ページ内で 2 つの別個の動的 DOM 領域を制御して、3 番目の DOM 領域を で静的に定義し、DOM1 と DOM2 の間に挟むことです。drivers
run(main, drivers)
index.html
副次的な質問として、私が見た例は通常、またはdiv
の id を持つ HTML をターゲットにしており、シンクは関数で定義されているため、内に不要な AFAICT を作成しています。仮想ノードがどのように定義されるべきかについての明確な説明や参照は見つかりませんでした。上記の DOM2 が HTML要素をターゲットにしており、それには 2 つの要素が含まれているとします。すべての例で as で始まる必要がありますか、それともs を呼び出しで直接定義できますか? もしそうなら、どのように?#app
#main-container
@cycle/dom
div
div
div
form
input
div
input
.map
javascript - CycleJS の localStorage の初期値で折り畳む
ユーザーが絵文字をクリックしてお気に入りのリストに追加/削除できる、cycleJSを使用して絵文字ビューアーアプリを作成しています。localstorage
リストは変更のたびに保存されます。クリック ストリームを折りたたみ(クリックごとに絵文字を追加または削除)、xstreamを使用してリストを作成しています。
@cycle/storageドライバーを使用して、このストリームをlocalStorage
ページに保存してロードすることができます。
ただし、配列を localStorage からお気に入りのストリームにプリロードする方法がわかりません。から配列がロードされたら、考えられるあらゆる方法でlocalStorage
それをストリームとマージ/連結しようとしました。favEmojis$
例えば:
しかし、これは機能しません - からの配列localstorage
は折りたたみclickFavEmoji
ストリームによって上書きされます。誰かが私を正しい方向に向けることができれば幸いです。
注意: 完全なコードは非常に長いため、最も関連性が高いと思われる部分のみを含めました。