Backbone.js बड़े mutli पेज ऐप, पेज संक्रमणों को साफ रूप से विनाश, निर्माण आदि का प्रबंधन

Question

मैं वर्तमान में एक विशाल रीढ़ की हड्डी ऐप (फेसबुक क्लोन) का निर्माण कर रहा हूं।

पिछले कुछ दिनों में, कैसे सब कुछ करने के लिए रोब Conery के उत्कृष्ट ट्यूटोरियल (आवश्यक देखने अपने MVC 3 और बी बी http://tekpub.com/productions/mvc3 साथ शुरू करते हैं)

अब मैं पर आए हैं बी बी धन्यवाद में काम करता है के साथ बहुत खुश महसूस कर रहा मंच जहां मुझे अपने ऐप में पेज स्विच करने की ज़रूरत है, और मैं इसे तार करना शुरू कर रहा हूं, लेकिन ऐसा लगता है कि मैं इसे बहुत कुछ कर रहा हूं। यह ठीक है, और मुझे पता है कि मैं ऐसा करने में सक्षम हूं जो मैं चाहता हूं।

मैं स्मृति लीक मुद्दों के साथ delt लेने के बाद, मैं निकल और जब पेज से मेरे मॉडल/संग्रह/दृश्य हटाने बनाकर, Switching views in backbone for navigating between pages - whats the right way?

लेकिन एक तरफ इस सामग्री से, वहाँ कार्यों की एक पूरी लोड है कि जब मैं पृष्ठों के बीच स्विच करता हूं तो मैं करना चाहता हूं। अनिवार्य रूप से पृष्ठ के हिस्सों को हटाकर जोड़ना। यह सबकुछ हटाने के बजाए थोड़ा अधिक जटिल है, मैं उस पृष्ठ के बिट्स को केवल हटाना/नष्ट करना चाहता हूं, जिसे मैं बदलना चाहता हूं, उस संक्रमण के आधार पर बदलना होगा।

जैसा कि कहा गया है, मैं इस समय अपने आप को काम कर रहा हूं, लेकिन मुझे आश्चर्य हुआ कि क्या इस आंसू को खत्म करने/आंसू प्रक्रिया को संभालने के लिए एक पैटर्न था, और चीजों को साफ रखना (और बड़े पैमाने पर फुले हुए राउटर के साथ समाप्त नहीं होना चाहिए (नियंत्रक ब्लोट !!!)

Answer 1

कठपुतली निश्चित रूप से जाने के लिए रास्ता नहीं है। विशेष रूप से, Marionette.Layout पूरे पृष्ठ को फिर से प्रतिपादन के बिना विशिष्ट क्षेत्रों बाहर गमागमन लिए बढ़िया है। Derick के Example Apps के कुछ ढांचे के साथ परिचित हो की जाँच करें।

मैं राउटर से दूर रहने की अनुशंसा करता हूं जब तक कि आप अपने पुराने ऐप को सादे पुराने कार्यक्रमों का उपयोग करके काम नहीं कर लेते। फिर मूल के बाद राउटर समर्थन जोड़ें। सहयोगी राउटर को आपके ऐप की स्थिति को प्रतिबिंबित करने के लिए तारित किया जाना चाहिए, लेकिन आपको अपने नियंत्रक होने पर इस पर निर्भर नहीं होना चाहिए।

एक तरफ के रूप में, मैं एक बड़े बहु-मॉड्यूल बैकबोन प्रोजेक्ट पर रिक्यूरीजेएस का उपयोग कर रहा हूं और यह एक देवता रहा है। यह बीबी समुदाय में विवादास्पद है, लेकिन यह देखने लायक है कि आपके पास बहुत से अंतर-निर्भर घटक होंगे और आप सभी निर्भरताओं को सभी निर्भरताओं को संभालने देना चाहते हैं।

Answer 2

मैं अपने एक ही समस्या थी और साझा करने के लिए मैं इसे कैसे हल चाहता था, इसलिए मैं अपने पृष्ठ संक्रमण परंपरा का उपयोग करके Backbone.js डॉक्स से फिर से तैयार किया गया है टूडू ऐप्स उदाहरण:

http://ahamlett.com/Backbone.localStorage/

मैं हेवन मेमोरी लीक के लिए इसका परीक्षण नहीं किया गया है, लेकिन अगर ऐप के राउटर की सेटव्यू विधि में .remove() से पहले कुछ कॉल करें .unbind()।