Less.js: 혼합 단위 수학을 처리하는 방법

솔직히, 나는 Less에서 유닛을 혼합할 수 있는 팬이 된 적이 없습니다. 그것은 수학적 관점에서 의미가 없으며 지적한 바와 같이 모두 평가 순서를 기반으로 합니다.... 역시 의미가 없습니다.

그러나 strictUnits 코드를 보니 그것도 이해가 되지 않았습니다. 그것도 내가 생각했던 대로 되지 않는 것 같다.

그래서, 예, 그것은 이상하지만 수정되는 것을 보고 싶지 않습니다. 나는 혼합 단위 수학이 사라지는 것을 보는 경향이 있습니다. 하지만 그건 나뿐이야. 의 결과와 마찬가지로 1px * 1px 해야 1px^2 (유용하지만, 사실이 아니다). 그리고 결과 1px / 1px 되어야합니다 1 . Sass는 어떤 종류의 수학에 대해 지나치게 복잡하지만 기본 수학 원리를 사용하여 믹스 유닛의 단위 전환과 같은 작업을 수행합니다. 예를 들어.

<strong i="13">@value</strong> / 1px * 1rem
여기서 수학은 10px / 1px 입니다. 이것은 1 생성해야 합니다(Less가 아니라 원칙적으로 Sass에서도 마찬가지입니다). 1 * 1rem = 1rem . 이 기능의 기원에 대해 Alexis에게 불쾌감을 주는 것은 아니지만 표현식의 첫 번째 단위를 선택하는 것은 다소 이상하고 평가하기 어려우며 이러한 버그가 있는 엣지 케이스로 이어질 수 있습니다.

내 $0.02.

제 생각에는 수학의 변경과 마찬가지로 혼합 단위가 변경되어 둘 사이에 세 번째 옵션이 있어야 한다고 생각합니다.

1. strictUnits: false - 수학 및 강제 단위 시도
2. strictUnits: ? - 예: 1px / 1px // output 1 , 100vh - 10px // output 100vh - 10px 즉, 혼합 단위의 경우 표현식을 그대로 두고 출력 - vars에 할당되고 calc()에서 사용되는 하위 표현식에 유용 - 미래의 디폴트?
3. strictUnits: true - 오류 발생(이것이 얼마나 유용한지 모르겠습니다.)

이 문제는 단위/산술 처리에 대한 개인적인 의견이 아닙니다. 자체 문서를 따르지 않는 컴파일러에 관한 것입니다. (나머지는 예를 들어 https://github.com/less/less.js/issues/1366#issuecomment-342361948 참조).

이 문제는 단위/산술 처리에 대한 개인적인 의견이 아닙니다. 자체 문서를 따르지 않는 컴파일러에 관한 것입니다.

네, 알겠습니다. 그러나 궁극적으로 어떻게 "고칠" 것인가에 관한 것입니다. 그렇죠? 그래서 저는 이것이 고칠 시간이 없다고 생각하며 대신 더 직관적인 동작을 해야 한다고 생각합니다. 하지만 네, 그건 그냥 제 생각입니다.

@seven-phases-max 참고 사항: 대부분의 단위 작동 방법을 다시 작성했으며 실제로 최종 단위를 결정하기 위해 이상한 곡예를 사용했습니다. 나는 유닛을 강제하는 것이 옵션이 전달될 때 왼쪽 유닛이 이기면 훨씬 더 간단해졌습니다.

(엄격한 단위 개선 가능성에 대해 다른 의견이 있는 몇 개의 스레드가 있었지만 그것이 트래커 전체에 퍼졌기 때문에(또는 적어도 전용 스레드를 빨리 찾을 수 없음) 저는 단순히 핵심 부분을 들릴 것 같습니다.)
에 대한 개인적인 생각

엄격한 단위: ? - 예: 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 가 너무 큰 곰이라고 말했습니다. 이유 없이 찌르다(" 1px/1px = 1 와 같은 것이 직관적으로 보이기 때문에 ").

strictUnits: true - 오류 발생(이것이 얼마나 유용한지 모르겠습니다.)

기본적으로 단위 전파 및/또는 혼합 단위가 마음에 들지 않으면 이러한 산술을 허용하지 않는 더 엄격한 코딩 스타일을 도입할 수 있습니다(따라서 현재 strictUnits: true 는 기본적으로 이 코딩 스타일을 강제하는 옵션입니다).