दृश्यता बनाम प्रदर्शन के साथ तत्वों को छिपाने के निहितार्थ

एक वेब एप्लिकेशन को सरल बनाने के लिए, मेनू और संवाद विजेट के व्यवहार की आवश्यकता है संशोधित किया जाए. प्रारंभ में, मेनू के डिव बॉक्स को डिस्प्ले का उपयोग करके छिपाया गया था: कोई नहीं; अपारदर्शिता: 0; जब एक मेनू की आवश्यकता होती थी, तो इसकी शैली को डिस्प्ले: ब्लॉक में बदल दिया जाता था; और फिर jQuery यूआई स्थिति उपयोगिता का उपयोग करके स्थिति निर्धारित की गई। अंत में, इसकी अपारदर्शिता 1 पर सेट की गई।

एक नए दृष्टिकोण में विजिबिलिटी: हिडन के साथ डिव बॉक्स को छिपाना और विजिबिलिटी: विजिबिलिटी के साथ उन्हें दृश्यमान बनाना शामिल है। यह इस परिवर्तन के निहितार्थ और संभावित प्रदर्शन प्रभाव के बारे में एक प्रश्न उठाता है।

प्रदर्शन निहितार्थ

प्रदर्शन वाले तत्व: कोई नहीं; रेंडर ट्री में शामिल नहीं हैं, जिससे वे अधिक प्रदर्शनशील बन जाते हैं। इसके विपरीत, दृश्यता वाले तत्व: छिपे हुए तत्व रेंडर ट्री में बने रहते हैं, यदि किसी भी समय एक महत्वपूर्ण संख्या छिपी रहती है तो संभावित रूप से प्रदर्शन प्रभावित होता है।

सिफारिश

प्रदर्शन के दौरान: कोई नहीं; तत्व बेहतर प्रदर्शन करते हैं, सीमित संख्या में छिपे हुए डिव बॉक्स के लिए दृश्यता: छिपा हुआ का उपयोग करने का प्रभाव नगण्य होने की संभावना है। इसलिए, दोनों दृष्टिकोणों के बीच चयन आवश्यक विशिष्ट कार्यक्षमता पर आधारित होना चाहिए। यदि अपारदर्शिता या दृश्यता नियंत्रण की आवश्यकता है, तो दृश्यता: छिपा हुआ का उपयोग किया जाना चाहिए। अन्यथा, प्रदर्शित करें: कोई नहीं; बेहतर प्रदर्शन के लिए पसंद किया जाता है।