2010-06-25 8 views
4

내가 watched this NetTUTs video이 된 후에는 LESS.js 메서드를 시험해 보는 데 매우 흥미가 있습니다.자바 스크립트를 사용하지 않는 것이 좋습니다?

"사용자가 자바 스크립트를 사용할 수없는 경우에는 어떻게해야합니까?"또는 "작은 성능 저하가 발생합니다"... 프로덕션 환경에서는 사용할 수없는 이유가 있습니까?

덜 본질적으로

+2

나는, 빌드시에 그런 종류의 물건을 . – Pointy

+0

@Pointy - 당신이하는 일에 대한 예가 있습니까? .NET의 모든 것 (MVC 2.0 기반 응용 프로그램을 빌드 중입니다). 감사! – Chaddeus

+1

.less 파일에 Ruby lessc 컴파일러를 실행하여 일반 .css 파일로 변환하는 빌드 후 작업을 설정하기 만하면됩니다. –

답변

6

내가이 생산에 사용되어야 어떤 이유를 볼 수 없습니다 ... CSS는해야 것 같아. 이것을 빌드 스크립트로 실행 한 다음 캐싱 된 쿠키없는 도메인에서 출력 (일반 CSS)을 사용할 수있게 만드는 것이 더 합리적입니다. 그런 다음 JavaScript 없이도 제대로 작동하며 모든 페이지로드시 JavaScript 처리 (튜닝 된 원시 코드로 작성된 CSS 파서보다 느림)가 필요하지 않습니다.

+0

나는 동의하기 시작했습니다 ...이 기사가 "멋지다"는 데모입니다. , 가장 연기자가 아니었다. – Chaddeus

2

예, 자바 스크립트 사용이 중지 된 사용자가 염려되는 경우 Javascript 기반 덜 추천합니다. 개인적으로는 루비 기반의 루비보다 개발 환경에 루비 만 필요하기 때문에 이점이 없다. 일단 .css로 .less 파일을 컴파일하면 덜 컴파일 된 .css 파일과 차이가 없다. 및 "손으로 쓰는"것.

+0

장점은 JIT 컴파일 된 스크립트와 컴파일 된 스크립트의 장점이 동일합니다. 컴파일 단계를 건너 뜁니다. 또한 LESS.js는 (지원하는 모든 브라우저에서) 로컬 저장소에 캐시합니다. – Alan

+0

??? CSS로 컴파일하는 데 필요한 오버 헤드는 무엇입니까? – Pierreten

+0

CSS는 프로그래밍 언어가 아니며 LESS.js는 JIT가 아닙니다. [코드] (http://github.com/cloudhead/less.js/blob/master/dist/less-1.0.22.js)를 읽으십시오. less를 구문 분석하고 페이지로드시 스타일 시트를 추가합니다. 실제 코드 (스타일 만)가 없기 때문에 동적 코드를 네이티브 코드로 동적으로 컴파일하는 것과 같은 실제 JIT 기능은 없습니다. –

2

프로덕션에서는 시도하지 않았지만 LESS 변수를 사용하는 몇 가지 흥미로운 사용 사례가있을 수 있습니다. 예를 들어, 종속 적은 CSS 규칙 (예 : 상대 너비/높이)을 변경하는 기본 적은 변수를 변경할 수 있습니다.

간단한 modifyVars() 기능을 사용하여 매우 쉽게 변경할 수있는 흥미로운 패치는 https://stackoverflow.com/a/8742705/255961을 참조하십시오. 그와

단일 지역 JS 호출로에 의존하여 부트 스트랩 격자 크기와 모든 것을 바꿀 수 : 그것은 어려운 정말 아니기 때문에 개인적으로

less.modifyVars({ 
    '@gridColumnWidth': 50px 
}); 
+0

그건 사실입니다 ... 그걸 사용하기위한 멋진 방법이 될 수 있습니다. – Chaddeus

관련 문제