कुचलना/पढ़ने में लिखते हैं firestore त्याग के बिना दुर्बल जेट

Question 1

मैं निर्माण कर रहा हूँ एक बंधक कैलकुलेटर है.

मैं एक खरीद मूल्य क्षेत्र और एक नीचे भुगतान क्षेत्र है. दोनों एक रेंज स्लाइडर. कैलकुलेटर प्रस्तुत डॉलर की राशि (प्रतिक्रिया) है, जबकि आप को समायोजित या तो खरीद मूल्य या भुगतान नीचे.

मैं Firestore पर बैकएंड लेकिन भेजने इनपुट अद्यतन रेंज से करने के लिए स्लाइडर Firestore मिल सकता है महंगा ।

वहाँ एक तरीका है करने के लिए गला घोंटना/पढ़ता लिखता है के साथ Firestore त्याग के बिना प्रतिक्रियाशील प्रकृति के दुर्बल सामने के अंत पर?

मैं कल्पना कर रहा हूँ एक दुर्बल दुकान के बीच देखें और Firestore लेकिन कैसे आप सिंक दुर्बल स्टोर और Firestore?

यह और अधिक जटिल की तुलना में सिर्फ एक बंधक कैलकुलेटर, मैं बस सोचा था कि यह एक महान सादृश्य है.

इसके अलावा, मैं क्या जरूरत है डेटा के लिए जारी रहती है, प्रति उपयोगकर्ता अगर वे थे करने के लिए बाद में फिर से आना.

Question 2

क्यों नहीं, बस का उपयोग करें change घटना की रेंज इनपुट?
जबकि स्लाइडर घसीटा है की वर्तमान मूल्य है reactively प्रदर्शित किया जाता है । लेकिन केवल जब संभाल जारी किया गया है परिवर्तन घटना शुरू हो रहा है और निर्धारित मूल्य के लिए बचाया जा सकता firestore > REPL

<script>
    let value="30"
    
    function handleOnChange(event) {
        console.log(event.target.value)
        //save value to firestore   
    }
</script>

<p>
    {value}
</p>
<input type="range" min="0" max="100" bind:value on:change={handleOnChange}>

Question 3

मैं कार्यान्वित की एक समाधान का सुझाव से @Tonton-Blax.

मैं जोड़ा गया एक कस्टम दुकान शामिल है कि एक समारोह के साथ अद्यतन करता है कि मेरे Firestore डेटाबेस. तो मैं बस लिपटे कि एक debounce.

देखें REPL

कस्टम स्टोर: https://svelte.dev/tutorial/custom-stores

Corrl · Answer 1 · 2021-11-23T23:48:50

क्यों नहीं, बस का उपयोग करें change घटना की रेंज इनपुट?
जबकि स्लाइडर घसीटा है की वर्तमान मूल्य है reactively प्रदर्शित किया जाता है । लेकिन केवल जब संभाल जारी किया गया है परिवर्तन घटना शुरू हो रहा है और निर्धारित मूल्य के लिए बचाया जा सकता firestore > REPL

<script>
    let value="30"
    
    function handleOnChange(event) {
        console.log(event.target.value)
        //save value to firestore   
    }
</script>

<p>
    {value}
</p>
<input type="range" min="0" max="100" bind:value on:change={handleOnChange}>

मैं समाप्त का उपयोग कर एक कस्टम दुकान संभाल करने के लिए अद्यतन के माध्यम से change घटना के रूप में अच्छी तरह के रूप में अद्यतन Firestore पर वापस अंत (हालांकि, debounced). धन्यवाद!
@drupalphil के बाद से मैं उपयोग कर रहा हूँ firestore के रूप में अच्छी तरह से, मैं देखने में दिलचस्पी होगी, अपने समाधान

drupalphil · Answer 2 · 2021-11-25T01:12:42

मैं कार्यान्वित की एक समाधान का सुझाव से @Tonton-Blax.

मैं जोड़ा गया एक कस्टम दुकान शामिल है कि एक समारोह के साथ अद्यतन करता है कि मेरे Firestore डेटाबेस. तो मैं बस लिपटे कि एक debounce.

देखें REPL

कस्टम स्टोर: https://svelte.dev/tutorial/custom-stores

कुचलना/पढ़ने में लिखते हैं firestore त्याग के बिना दुर्बल जेट

सवाल

सबसे अच्छा जवाब

अन्य भाषाओं में

यह पृष्ठ अन्य भाषाओं में है

इस श्रेणी में लोकप्रिय

लोकप्रिय सवाल इस श्रेणी में