दिलचस्प पोस्ट
अजगर में फिर से यूनिकोड इमोजी को हटा दें पायथन में नेस्टेड फ़ंक्शन रोक / एक दूरस्थ विंडोज सेवा शुरू करने और इसे खोलने / बंद करने के लिए इंतजार वीबी 6 से वेब सेवा का उपभोग करने का सबसे अच्छा तरीका क्या है? वापसी 0 वैकल्पिक क्यों है? @XmlValue और @XmlElement पढ़ने के लिए JAXB- @Xml मिश्रित उपयोग मैक ओएस एक्स शेर में PHP.ini कहां है? सोचा कि यह / usr / local / php5 / lib में था एमएस एक्सेस के खिलाफ "REPLACE" निष्पादित करने का प्रयास करते समय अपवाद क्यों "ऑपरेटर शून्य" डाली वाक्यविन्यास के साथ लागू नहीं है? सेट अप / टायर ड्यूउन (@ एटी / @ बाद) क्यों हम उन्हें ज्युनट में ज़रूरत है? Angular2 में वस्तुओं की एक सरणी पर चयन / विकल्प / NgFor का उपयोग कैसे करें मैं संपादन टेक्स्ट पर एक छवि कैसे जोड़ सकता हूं Windows 7 पर डिफ़ॉल्ट लायब्रेरी में आर पैकेज को अपडेट करने में असमर्थ क्या multipartFormDataStreamProvider को ओवरराइड करना संभव है, ताकि फाइल सिस्टम में अपलोड सहेज न सकें? WWW रूट पर <filesMatch> htaccess में डाउनलोड का उपयोग करने पर मजबूर कर रहा है

तत्वों में पॉलिमर साझा शैलियों

मुझे बहुल पॉलिमर तत्वों में शैलियों को साझा करने की आवश्यकता है I क्या यह "styles.html" फाइल बनाने के लिए स्वीकार्य है और उसके बाद मेरे विभिन्न तत्वों में आयात किया जाता है या क्या ऐप बढ़ता है या इस पर प्रभाव पड़ता है? मैं 0.5 के लिए जानता हूं एक मूल-शैली थी, लेकिन आयात अनावश्यक लगता है अगर आयात भी उतना ही अच्छा काम करेगा।

styles.html

<style> button { background: red; } </style> 

मेरी-button.html

 <link rel="import" href="../bower_components/polymer/polymer.html"> <link rel="import" href="../styles/main-styles.html"> <link rel="import" href="../behaviors/mixins.html"> <dom-module id="my-button"> <template> <button>{{text}}</button> </template> </dom-module> <script> Polymer({ is: 'my-button', behaviors: [ButtonBehavior] }) </script> 

Solutions Collecting From Web of "तत्वों में पॉलिमर साझा शैलियों"

जैसा कि क्रोमियम में लॉग इन करने पर चर्चा में सुझाव दिया गया था / गहरा / और :: छाया चयनकर्ताओं का बहिष्कार:

कहते हैं कि आपके सामान्य शैलियों में एक फाइल बुलाया गया है

आम-style.css

आपके घटक में एक शैली टैग है जो इस तरह से है

@import url ('/common-style.css');

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

आप अपने टेम्प्लेट में सीएसएस @ इमपोर्ट डालकर एक स्टाइल सीएसएस बना सकते हैं और इसे अपने घटकों में आयात कर सकते हैं। वहाँ कई नेटवर्क कॉल नहीं होंगे, क्योंकि ब्राउज़र इसे कैश करने जा रहा है जब आपका पहला घटक लोड होता है और बाद के घटकों के लिए कैश से चुना जाएगा।

हम कुछ समय के लिए हमारे प्रोडक्शन एप्लिकेशन में वेब कंपोनेंट का उपयोग कर रहे हैं, क्योंकि इस तकनीक का उपयोग / गहरा / नापसंद किया गया है और कोई संकेत निष्पादन अंतर नहीं है

आप पॉलिमर की साझा शैलियों का उपयोग कर सकते हैं अपनी शैली के साथ एक दस्तावेज़ बनाएं:

 <dom-module id="shared-styles"> <template> <style> /* Your styles */ </style> </template> </dom-module> 

और फिर इसे अपने तत्वों में आयात करें और उनकी परिभाषाओं में <style> टैग में include="shared-styles" जोड़ें।

उनके लिए एक dom-module बनाकर शैलियों को साझा करें, जैसे अन्य कस्टम तत्व एक कस्टम तत्व में साझा शैलियों को शामिल करने के लिए, <style include="style-module-name"> । नीचे पूर्ण उदाहरण।

साझा-styles.html

 <link rel="import" href="../bower_components/polymer/polymer.html"> <dom-module id="shared-styles"> <template> <style> /* CSS goes here */ </style> </template> </dom-module> 

कुछ-element.html

 <link rel="import" href="../bower_components/polymer/polymer.html"> <link rel="import" href="shared-styles.html"> <dom-module id="some-element"> <template> <style include="shared-styles"> /* Element specific styles go here */ </style> <!-- HTML goes here --> </template> <script> Polymer({ is: 'some-element', properties: { } }); </script> </dom-module> 

पॉलिमर 1.1 के अनुसार, बहुलक परियोजना लेखकों ने इस समस्या को हल करने के लिए शैली मॉड्यूल बनाने और आयात करने की सलाह दी है।

तत्वों के बीच शैली घोषणाओं को साझा करने के लिए, आप एक तत्व के अंदर शैली घोषणाओं का एक सेट पैकेज कर सकते हैं। इस खंड में सुविधा के लिए एक होल्डिंग स्टाइल को शैली मॉड्यूल कहा जाता है

एक शैली मॉड्यूल शैली नाम के एक निर्धारित सेट को घोषित करता है जिसे किसी तत्व की परिभाषा में या कस्टम-शैली तत्व में आयात किया जा सकता है।

अधिक देखें: https://www.polymer-project.org/1.0/docs/devguide/styling#style-module