दिलचस्प पोस्ट
जावास्क्रिप्ट में बच्चों और बच्चों के बीच अंतर क्या है? सरणी का रैंडम फेरबदल पीपी सही ढंग से पैकेज स्थापित करने में सक्षम नहीं है: अनुमति अस्वीकृत त्रुटि बूटस्ट्रैप सीएसएस सक्रिय नेविगेशन क्यों नहीं जावा संग्रह सामान्य तरीके निकालें? INNER JOIN स्थिति में एक 'OR' क्या एक बुरा विचार है? Json.net का उपयोग करते हुए टाइप जानकारी के बिना बहुरूपदर्शक जेएसएन कक्षाओं को डीसरियल करना पूर्ण सुरक्षित छवि अपलोड स्क्रिप्ट कुंजी के अनुसार सॉर्ट करें एंड्रॉइड httpclient सर्वर पर दूसरे अनुरोध पर लटका हुआ है (कनेक्शन का समय समाप्त हो गया है) क्यों java.lang.Object सार नहीं है? पीडीएफबॉक्स के साथ एक अन्य PDPage के अंदर एक PDPage कैसे डालें पोस्टग्रेस्क्ल में रौनम एक TabHost गतिविधि से एक परिणाम (startActivityForResult) वापस कैसे करें? लिनक्स की तुलना में विंडोज पर नई प्रक्रिया क्यों खर्चीली है?

सार्वभौम चयनकर्ता का प्रदर्शन क्या है?

मैं एक पृष्ठ में कुछ सरल क्लाइंट-साइड प्रदर्शन के tweaks को ढूंढने की कोशिश कर रहा हूं जो लाखों पृष्ठ का दृश्य प्राप्त करता है। एक चिंता यह है कि मेरे पास सीएसएस सार्वभौमिक चयनकर्ता ( * ) का उपयोग है

एक उदाहरण के रूप में, निम्न की तरह एक बहुत ही सरल HTML दस्तावेज़ पर विचार करें:

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/> <title>Example</title> <style type="text/css"> * { margin: 0; padding: 0; } </head> <body> <h1>This is a heading</h1> <p>This is a paragraph of text.</p> </body> </html> 

सार्वभौमिक चयनकर्ता, body , h1 और p तत्वों के लिए उपरोक्त घोषणा को लागू करेगा, क्योंकि ये दस्तावेज़ में केवल एक ही हैं।

सामान्य तौर पर, मैं एक नियम से बेहतर प्रदर्शन देखना चाहूंगा जैसे कि:

 body, h1, p { margin: 0; padding: 0; } 

या यह वास्तव में एक ही शुद्ध प्रभाव होगा?

क्या सार्वभौमिक चयनकर्ता अधिक काम करता है जिसे मुझे पता नहीं हो सकता है?

मुझे एहसास है कि इस उदाहरण में प्रदर्शन का प्रभाव बहुत छोटा हो सकता है, लेकिन मैं कुछ सीखने की उम्मीद कर रहा हूं जो वास्तविक-विश्व स्थितियों में और अधिक महत्वपूर्ण प्रदर्शन सुधारों को जन्म दे सकता है।

मैं यूनिवर्सल चयनकर्ता नियम में शैलियों को ओवरलैड करने का इरादा नहीं करता है, बाद में दस्तावेज़ में अन्य स्टाइल – यानी, इसे एक त्वरित और गंदी रीसेट स्टाइलशीट के रूप में उपयोग कर रहा है। मैं वास्तव में सार्वभौम चयनकर्ता का उपयोग करने की कोशिश कर रहा हूं, जैसा कि मुझे लगता है कि इसका उद्देश्य है – दस्तावेज़ में सभी तत्वों पर एक नियम सेट करना, एक बार और सभी के लिए।

आखिरकार, मैं यह निर्धारित करने की उम्मीद कर रहा हूं कि क्या सार्वभौम चयनकर्ता के बारे में कुछ धीमी गति से धीमा है, या यदि बड़े पैमाने पर दुरुपयोग के कारण इसमें सिर्फ एक बुरा रैप है यदि * { margin: 0; } * { margin: 0; } body, h1, p { margin: 0; } बराबर है body, h1, p { margin: 0; } body, h1, p { margin: 0; } , तो वह मेरे प्रश्न का उत्तर देगा, और मुझे पूर्व के साथ जाने के लिए पता चल जाएगा क्योंकि यह अधिक संक्षिप्त है यदि नहीं, तो मुझे समझना चाहिए कि सार्वभौमिक चयनकर्ता अधिक धीरे-धीरे प्रदर्शन क्यों करता है।

वेब के समाधान से एकत्रित समाधान "सार्वभौम चयनकर्ता का प्रदर्शन क्या है?"

आधुनिक ब्राउज़रों में प्रदर्शन प्रभाव नगण्य है, बशर्ते आप हर तत्व को धीमा प्रभाव लागू न करें (जैसे बॉक्स-छाया, जेड-अक्ष रोटेशन)। मिथक है कि सार्वभौमिक-चयनकर्ता धीमा है, दस साल पहले जब वह धीमा था तब से हैंगओवर है।

संदर्भ: http://www.kendoui.com/blogs/teamblog/posts/12-09-28/css_tip_star_selector_not_that_bad.aspx

मुझे लगता है कि वाइल्डकार्ड का प्रदर्शन प्रभाव है, लेकिन छोटी साइटों पर प्रभाव नगण्य है। प्रगतिशील वृद्धि के आधार पर एक साइट के निर्माण के लिए वाइल्डकार्ड बहुत उपयोगी टूल हैं। जाहिर है, एचटीएमएल * जैसे कुछ का उपयोग करते हुए, वास्तव में बड़ी साइटों पर प्रदर्शन पर असर पड़ता है, लेकिन इसे अधिक विशिष्ट बनाकर, जैसे # एलिमेंट_आईड * , बाल तत्वों में व्यापक परिवर्तन करने में मदद करता है

वाइल्डकार्ड सभी के लिए एक कारण के लिए है आपको इसे समझना होगा कि इसका इस्तेमाल करने के बजाय इसे अधिक लाभकारी होगा। ये संदर्भ पर निर्भर करता है।

सीएसएस टेम्पलेट करते समय मैं वाइल्डकार्ड और सामान्य चयनकर्ताओं का उपयोग करता हूं कस्टम शैलियों का उपयोग करते हुए एक अपरिचित वर्डप्रेस थीम के अंदर यह तत्वों की एक श्रृंखला को जल्दी से छानने का एक शानदार तरीका है।

यहां तक ​​कि बूटस्ट्रैप, जो लोकप्रिय और सुव्यवस्थित है, सही परिस्थितियों में वाइल्डकार्ड का उपयोग करता है

संदर्भ:

  • http://getbootstrap.com/css/
  • Gustafson, ए 2015. अनुकूली वेब डिजाइन: प्रगतिशील संवर्धन के साथ समृद्ध अनुभव क्राफ्टिंग बर्कले, (सीए): न्यू राइडर्स

सामान्य चयनकर्ताओं से बचना हमेशा आपके पृष्ठ रेंडरिंग को गति देगा। वाइल्डकार्ड * धीमा है, खासकर जब आपके पृष्ठ जटिल घोंसले बनते हैं और आपके तत्व की गिनती बढ़ जाती है

आपको हमेशा निम्न स्तर पर एक आईडी को निर्दिष्ट करना चाहिए जो संभवतः आप कर सकते हैं (मुझे पता है कि यह असंभव हो जाता है, खासकर तब जब डेटाबेस परिणाम जैसी चीज़ों से निपटना) लेकिन जब आप चयनकर्ताओं का उपयोग करते हैं जैसे

 .mysuperclass ul li pa 

आपके पास चार सामान्य चयनकर्ताओं के बाद एक वर्ग है – इसका अर्थ है कि प्रत्येक घटक के लिए .mysuperclass को प्रतिपादन इंजन को उस नियम के लिए देख रहे माता पिता के प्रत्येक तत्व के माध्यम से पाश होना चाहिए।

संक्षेप में, मेरा जवाब आपके सीएसएस के साथ जितना संभव हो उतना विशिष्ट होना चाहिए, और जितनी दूर आप अपने चयनकर्ताओं के साथ डोम में कर सकते हैं नीचे ड्रिल करें। वाइल्डकार्ड और जेनरिक से बचें