फ्लैश बनाम जावास्क्रिप्ट। वेब अनुप्रयोगों पर विचार।

अभी हाल ही में, एक परियोजना के विकास में, मेरी टीम को एक इंटरनेट एप्लिकेशन को लागू करने के कार्य का सामना करना पड़ा जिसमें इसके एक घटक को एक पृष्ठ से दूसरे पृष्ठ पर स्विच करते समय पुनरारंभ नहीं करना चाहिए। पूरी तरह से फ्लैश एप्लिकेशन बनाने के लिए या iframe या ऑब्जेक्ट विधियों का उपयोग करके कार्यान्वयन का उपयोग करने के लिए या तो 2 विकल्प थे। पोर्टेबल उपकरणों के लिए परियोजना को पोर्ट करने की तकनीकी आवश्यकताओं के कारण फ्लैश गिरा दिया गया था, इसलिए जावास्क्रिप्ट और ऑब्जेक्ट बने रहे। परिणामस्वरूप, हम इस योजना पर आ गए:

कंटेनर और दो वस्तुएं इसमें संलग्न हैं। प्रारंभिक परीक्षण, संरचना पारित हुई और हमने कार्यान्वयन के बारे में निर्धारित किया

अध्याय 1. AJAX बनाम ब्राउज़र-आधारित नेविगेशन।

जबकि ब्राउज़र डेवलपर्स को यह पता ही नहीं था कि साइटें लंबे समय तक html पृष्ठों का एक सेट होना बंद हो गई हैं, और अधिक से अधिक अनुप्रयोगों की तरह देखा जाता है, हमने (वेब ​​डेवलपर्स) सामग्री के आंशिक अद्यतन के साथ आगे और पीछे के बटन को सही ढंग से काम करने में मुश्किल काम का सामना किया।

हमारा कार्य इस तथ्य से और भी अधिक जटिल है कि वास्तव में अपडेट किया गया पृष्ठ (सामग्री) कंटेनर में एम्बेडेड है और यहां तक ​​कि सामग्री पृष्ठ पूरी तरह से अपडेट है, पता बार नहीं बदलता है। और यह उपयोगकर्ता को साइट के भीतर सामग्री का सीधा लिंक प्राप्त करने के अवसर के सामान्य तरीके से वंचित करता है। सामान्य तरीके से मेरा मतलब एड्रेस बार से एड्रेस कॉपी करना है।

जब समस्याओं की सूची की रूपरेखा तैयार की गई, तो हमने समाधान खोजना शुरू किया। और यह window.location.hash में पाया गया था। मुझे याद आया कि मैंने देखा कि कैसे एक साइट पर इसे जेएस विधियों का उपयोग करके किसी तरह बदल दिया गया था, लेकिन इसके लिए कोई महत्व नहीं दिया गया था। बाद में, जब मैंने अपने प्रोजेक्ट पर एक खोज की, तो मुझे अंत में एहसास हुआ कि हैश में आप लिंक के बहुत ही हिस्से को लिख सकते हैं जो आमतौर पर डोमेन नाम के बाद जाता है /। और यही हमने किया।

वर्तमान पता बार के साथ समस्या का समाधान दूसरे को जन्म दिया। फॉरवर्ड - बैक बटन ने काम करना बंद कर दिया, क्योंकि एड्रेस बार में केवल एक चीज है जो हैश थी। यही है, वास्तव में, इतिहास के माध्यम से संक्रमण हुआ, लेकिन यह देखकर कि URL ने परिवर्तन नहीं किया, सामग्री पृष्ठ को अधिभार नहीं डाला। मुझे एक टाइमर को लटका देना था, जो एक बार दूसरे आधे हिस्से में बदलावों के लिए पता बार को प्रदूषित करता था और अगर ऐसा हुआ, तो इसने सामग्री को ओवरलोड कर दिया। शर्मिंदगी और जेएस-कुंग फू के माध्यम से, सभी लोकप्रिय ब्राउज़रों में प्रदर्शन प्राप्त किया गया था।

अध्याय 2. IE फिर से स्वर्ग से पृथ्वी तक कम होता है।

नेविगेशन समस्या को हल करने की प्रक्रिया में, हमने XHTML- मान्य लेआउट को अलविदा कह दिया। क्योंकि ऑब्जेक्ट टैग, जिसे हमने अब तक हटाए गए iframe के बजाय सफलतापूर्वक उपयोग किया था, पूरी तरह से इसकी मूल विंडो तक पहुंच देने से इनकार कर दिया। शर्मिंदगी पर बहुत समय बिताने के बाद, हमने सत्यापनकर्ता को अलविदा कहा और एक आइफ्रेम डाला। इसके अलावा, IE ने पारदर्शी पीएनजी के विषय पर एक प्रकाश और चुपके दिया, फ्लैश डाला और जेएस को अपने तरीके निर्यात किए। लेकिन ये छोटी चीजें हैं जो बहुत से लोगों के लिए जानी जाती हैं और इंटरनेट पर व्यापक रूप से कवर की जाती हैं, इसलिए मैं उन पर आपका ध्यान केंद्रित नहीं करूंगा।



वैसे, SWFObject सत्यापन को पारित नहीं करता है।

अध्याय 3. और यहाँ फ्लैश है

प्रारंभ में, हम फ्लैश का उपयोग करने से इनकार नहीं कर सकते थे। तब हमारे पास एक ऑडियो प्लेयर और एक बहु-थ्रेडेड बूटलोडर नहीं होगा। लेकिन फ्लैश पर दृश्य तत्व बनाने के बजाय, हमने एक इंटरफ़ेस के बिना पतले मॉड्यूल बनाए, 1x1 पिक्सेल के आकार में प्रत्येक रहने की जगह आवंटित की। यदि आप उन्हें बेघर कर देते हैं, तो विरोध में वे अपने तरीकों को जेएस को निर्यात करना बंद कर देते हैं। हमने सभी मॉड्यूल को एक कंटेनर में रखने का फैसला किया और इससे हमें बैकग्राउंड लोड करने की अनुमति मिली। यही है, आप फ़ाइलों को डाउनलोड पर रख सकते हैं और डाउनलोड पृष्ठ को छोड़ सकते हैं, फिर उस पर लौट सकते हैं, और फ़ाइलें डाउनलोड करना जारी रख सकते हैं। (यह मोड अभी तक आधिकारिक रिलीज में शामिल नहीं है, क्योंकि हम इसकी स्थिरता के बारे में सुनिश्चित नहीं हैं।) इसके अलावा, पतले मॉड्यूल बनाकर, हमने जेएस <-> फ्लैश जोड़ों की संख्या को कम कर दिया और इस तरह पूरे सिस्टम की गलती सहिष्णुता में वृद्धि हुई। लेकिन यहाँ सफारी ने अपनी निर्णायक सं। तथ्य यह है कि किसी अज्ञात कारण से, जेएस अपने निर्यात किए गए तरीकों के लिए फ्लैश को खींच नहीं सकता है यदि वे विभिन्न फ़्रेमों में हैं। सौभाग्य से, छुट्टियों के बाद, एक मैकबुक उत्पादन उद्देश्यों के लिए हमारे कार्यालय में दिखाई देगा और हम इस ब्राउज़र को दूर करेंगे।

अध्याय 4. आज मैं बहुत कुछ समझ गया।

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

एक निष्कर्ष के बजाय।

एक चौकस पाठक मुझसे पूछेगा: "हेडलाइन का कंटेंट से क्या लेना-देना है?"

अब छुट्टी है, और सोचने का समय है। इसलिए मैं बैठा हूं और मुझे लगता है कि फ्लैश पर साइट बनाना आसान नहीं होगा। HTML + JS प्रदान करने वाले सभी आकर्षण के बावजूद।