टेम्पलेट इंजन जावास्क्रिप्ट

हाल ही में मुझे पुरानी साइटों में से एक पर डिजाइन को बदलना पड़ा, जहां तत्वों को खींचने के लिए जावास्क्रिप्ट का उपयोग किया गया था। विशेष रूप से, ऐसा क्षण है। आने वाले डेटा को जावास्क्रिप्ट का उपयोग करके तालिका में जोड़ा जाना चाहिए। इसके अलावा, प्रत्येक तत्व (सेल, पंक्ति), आदि। कुछ विशेषताएँ थीं। ऐसे तत्वों को मानक DOM फ़ंक्शन (createElement, appendChild, आदि) के साथ तैयार किया गया था। डिज़ाइन बदलते समय, मुझे जावास्क्रिप्ट कोड (अन्य शैलियों को डालकर, आदि) में जाना पड़ा। मैं एक परिचित स्थिति समझता हूं।



स्वाभाविक रूप से, मुझे यह स्थिति पसंद नहीं आई और जावास्क्रिप्ट बदलने के बिना डिजाइन में बदलाव प्रदान करने के विचार के साथ आया। ऐसा करने के लिए, मैंने html में एक टेम्पलेट बनाने की कोशिश की, और फिर क्लोनकोड का उपयोग करके इसे सही जगह पर डालने और लेबल को डेटा से बदलने का प्रयास किया। यहाँ यह क्या आया है: www.pastebin.ca/931592



अब कल्पना कीजिए कि डिजाइन बदल रहा है:

www.pastebin.ca/931593



यदि प्रदर्शन काफी जटिल है, तो यह दृष्टिकोण समर्थन को सरल करता है।

माइनस - संभव गति हानि।

नुकसान को कम करने के लिए, विशेषताओं का सेट जिसमें लेबल को प्रतिस्थापित किया जाता है, सीमित है। इस सेट को समय-समय पर स्पष्ट करना होगा।



ps। IE6 और Firefox2 में परीक्षण किया गया