Less.js: मिश्रित इकाई गणित को कैसे संभालें

को निर्मित 9 अप्रैल 2017 · 6टिप्पणियाँ · स्रोत: less/less.js

div {
    <strong i="5">@value</strong>: 1px;
    a: <strong i="6">@value</strong> * 1rem;       // 1px  - ok
    b: <strong i="7">@value</strong> * 1px * 1rem; // 1px  - ok
    d: <strong i="8">@value</strong> / 1px;        // 1px  - ok
    c: <strong i="9">@value</strong> / 1px * 1rem; // 1rem - unexpected
    e: <strong i="10">@value</strong> / 1px + 0rem; // 1rem - unexpected
}

c और d ऊपर दिए गए परिणाम http://lesscss.org/features/#features -overview-feature-operations के विपरीत हैं, जो बताते हैं कि परिणाम में अभिव्यक्ति की सबसे बाईं इकाई होनी चाहिए (अर्थात सभी भाव उपरोक्त 1px उत्पादन करना चाहिए)। परीक्षण केवल a / b / c अभिव्यक्ति को कवर करते हैं जो गलती से अपेक्षित परिणाम उत्पन्न करता है।
#2418 और #2472 से संबंधित।

bug needs decision

स्रोत

seven-phases-max

सबसे उपयोगी टिप्पणी

ईमानदारी से कहूं तो मैं कभी भी कम में इकाइयों को मिलाने में सक्षम होने का प्रशंसक नहीं रहा हूं। गणितीय दृष्टिकोण से इसका कोई मतलब नहीं है, और जैसा कि आप बताते हैं, यह सब मूल्यांकन क्रम पर आधारित है .... जिसका भी कोई मतलब नहीं है।

हालाँकि, जब मैंने strictUnits कोड को देखा, तो इससे भी मुझे कोई मतलब नहीं था। यह भी ऐसा नहीं लगता जो मैंने सोचा था कि यह करेगा।

तो, हाँ, यह अजीब है, लेकिन मैं इसे ठीक होते देखने के लिए इच्छुक नहीं हूँ। मैं मिश्रित-इकाई गणित को दूर होते देखने के लिए इच्छुक हूं। लेकिन वह सिर्फ मैं हूं। के परिणाम की तरह 1px * 1px होना चाहिए 1px^2 (उपयोगी नहीं, लेकिन सच है)। और का परिणाम 1px / 1px होना चाहिए 1 । कुछ प्रकार के गणित के बारे में Sass अत्यधिक जटिल है, लेकिन यह बुनियादी गणित सिद्धांतों का उपयोग मिश्रण इकाइयों की स्विच इकाइयों जैसी चीजों को करने के लिए करता है। उदाहरण के लिए।

<strong i="13">@value</strong> / 1px * 1rem
यहां गणित 10px / 1px । यह 1 उत्पादन करना चाहिए (कम में नहीं, केवल सिद्धांत रूप में, और Sass में होगा)। 1 * 1rem = 1rem । इस सुविधा की उत्पत्ति में एलेक्सिस के लिए कोई अपराध नहीं है, लेकिन अभिव्यक्ति की पहली इकाई चुनना थोड़ा अजीब है, मूल्यांकन करना मुश्किल है, और इन छोटी गाड़ी के किनारे के मामलों को जन्म दे सकता है।

बस मेरा $0.02।

matthew-dean 27 जून 2018

👍2

सभी 6 टिप्पणियाँ

बस मेरा $0.02।

matthew-dean 27 जून 2018

👍2

मुझे लगता है कि क्या होना चाहिए, गणित में बदलाव की तरह, मिश्रित इकाइयों में बदलाव होता है ताकि दोनों के बीच एक तीसरा विकल्प हो:

strictUnits: false - गणित और जबरदस्ती इकाइयाँ करने का प्रयास
strictUnits: ? - उदाहरण के लिए 1px / 1px // output 1 , 100vh - 10px // output 100vh - 10px यानी मिश्रित इकाइयों के साथ, अभिव्यक्ति को जैसा है और आउटपुट छोड़ दें - वर्र्स को असाइन किए गए उप-अभिव्यक्तियों के लिए उपयोगी और कैल्क() में उपयोग किया जाता है - भविष्य डिफ़ॉल्ट?
strictUnits: true - एक त्रुटि फेंकें (मैं नहीं देखता कि यह कैसे उपयोगी है।)

matthew-dean 18 जुल॰ 2018

मुद्दा इकाइयों/अंकगणित से निपटने की व्यक्तिगत राय के बारे में नहीं है। यह संकलक के बारे में है जो अपने स्वयं के दस्तावेज़ीकरण का पालन नहीं कर रहा है। (बाकी के लिए उदाहरण के लिए देखें https://github.com/less/less.js/issues/1366#issuecomment-342361948)।

seven-phases-max 24 अग॰ 2018

मुद्दा इकाइयों/अंकगणित से निपटने की व्यक्तिगत राय के बारे में नहीं है। यह संकलक के बारे में है जो अपने स्वयं के दस्तावेज़ीकरण का पालन नहीं कर रहा है

हाँ, मुझे वह मिल गया। लेकिन आखिरकार यह है कि इसे "ठीक" कैसे करें, है ना? तो मैं सिर्फ गोल चक्कर में कह रहा हूं कि मुझे नहीं लगता कि यह ठीक करने के लिए समय के लायक है, और इसके बजाय इसमें अधिक सहज व्यवहार होना चाहिए। लेकिन हाँ, यह ठीक है, जैसे, मेरी राय, यार।

matthew-dean 24 अग॰ 2018

@ सात-चरण-अधिकतम बस एक नोट: मैंने इकाइयों के लिए अधिकांश संचालन विधियों को फिर से लिखा है, और अंतिम इकाई को निर्धारित करने के लिए उनके पास वास्तव में कुछ अजीब कलाबाजी थी। मैंने इसे और अधिक सीधा होने के लिए प्राप्त किया है, जहां बाईं ओर की इकाई जीतती है जब ज़बरदस्ती इकाइयाँ पास करने का विकल्प होती हैं।

matthew-dean 11 अक्तू॰ 2019

(कुछ धागे थे जहां संभावित सख्त इकाइयों में सुधार पर एक अलग राय थी, लेकिन चूंकि वह पूरे ट्रैकर में फैली हुई थी (या कम से कम मुझे एक समर्पित धागा जल्दी नहीं मिल रहा था) मुझे लगता है कि मैं बस इसका मुख्य भाग ध्वनि करता हूं :)
मेरी निजी राय

सख्त इकाइयां: ? - जैसे 1px / 1px // आउटपुट 1, 100vh - 10px // आउटपुट 100vh - 10px

कुछ ऐसा है: इसके लायक नहीं होगा (परिणाम/प्रयास अनुपात के कारण)। दूसरे शब्दों में यह वास्तव में सुधार करने के लिए कुछ भी नहीं है (ऊपर की तरह स्पष्ट बग को ठीक करने के अलावा)।

ध्यान दें कि यह वास्तव में सामान्य है (इन और न्यूनतम मूल्यों/ऑप्स पैटर्न/उदाहरणों को हार्डकोड करने के विरोध में) आपको सभी सामान्य अंकगणितीय समानता को ठीक से संभालने की आवश्यकता होगी और इस प्रकार px² जैसी "काल्पनिक" इकाइयों को पेश करना होगा और एक जैसा। के लिए उदाहरण के लिए a: 1px; b: 2px; c: 4px; के अपेक्षित परिणाम a*b/c (स्पष्ट रूप से स्वीकार करने (a*b)/c = a*(b/c) ) होगा .5px जिसका अर्थ है कि का परिणाम a*b होना जरूरी 2px² (कम से कम आंतरिक रूप से)।

अन्य कार्यान्वयन संबंधी चिंताएं हैं (जाहिर है कि यह 1/1hz = 1s आदि जैसी चीजों को भी गिनना अजीब लगेगा, लेकिन औपचारिक रूप से...) सेंट में गिनती: मैंने कहा था कि CSS Units अभी बहुत बड़ा भालू है इसे w/oa कारण पोक करने के लिए (" सिर्फ इसलिए कि 1px/1px = 1 जैसा कुछ सहज दिखता है")।

सख्त यूनिट्स: सच - एक त्रुटि फेंकें (मैं नहीं देखता कि यह कैसे उपयोगी है।)

मूल रूप से अगर किसी को इकाई प्रसार और/या मिश्रित इकाइयों की चीज पसंद नहीं है तो वह एक सख्त कोडिंग शैली पेश कर सकता है जो इस तरह के अंकगणित की अनुमति नहीं देता है (इस प्रकार वर्तमान strictUnits: true मूल रूप से इस कोडिंग शैली को लागू करने का एक विकल्प है)।

seven-phases-max 25 अक्तू॰ 2019

क्या यह पृष्ठ उपयोगी था?

0 / 5 - 0 रेटिंग्स

Less.js: मिश्रित इकाई गणित को कैसे संभालें

सबसे उपयोगी टिप्पणी

सभी 6 टिप्पणियाँ

संबंधित मुद्दों