2013-03-25 13 views
-1

웹 UI를 구성 할 때 loop for 또는 simple logic을 구현하는 것이 더 좋은지 궁금합니다. 성능면에서SASS (CSS) logic 대 JQuery (Javascript) logic

예를 들어

@for는 jQuery의 .each

공유하십시오 당신의 생각보다 더 될 말대꾸 것이다. 나는 당신의 경험으로부터 배우는 것에 매우 관심이 있습니다.

현재 케이스에 gridster 격자 요소를 재 배열하려고합니다. 순수한 자바 스크립트를 사용할 수는 있지만, SASS 논리를 사용해 보았습니다. 예를 들어, SASS에서 생성 된 CSS가 미리 정의 된대로 배열되도록 특정 요소를 제공하는 등, SASS 논리를 사용하려고했습니다.

+10

SASS는 정적 CSS를 만드는 전 처리기/마크 업 확장 프레임 워크이며, jQuery는 완전히 다른 두 도메인 인 DOM을 조작하는 JavaScript 라이브러리입니다. – Bergi

+0

ultimatley 우리는 괜찮은 원하는 기능을 달성하기 위해 모두 필요하지만, 디자인의 관점에서 로직이 어디에 있어야하는지 궁금합니다 ... – zotherstupidguy

+0

어떤 논리? 제어 흐름? 그것은 JS에서 수행되어야합니다. 아니면 SASS를 사용하여 로직을 생성하는 방법을 보여줄 수 있습니까? – Bergi

답변

1

Sass는 사전 컴파일되어 순수 CSS로 제공되기 때문에 알려진 양의 요소에 대해 jQuery를 사용하는 것보다 훨씬 더 효율적입니다. 유일한 성능 병목은 CSS의 크기를 얼마나 늘리는 지입니다.

한 번에 페이지에 30 개 미만의 요소를 스타일링하는 경우 Sass를 사용하는 것이 좋습니다.

+3

왜 30 병의 목에 병목이 맞습니까? 대안은 인라인 스타일 속성을 사용하고 jQuery의 CSS 메소드를 사용하는 것이다. jQuery UI의 일반 CSS 파일은 1,100 행입니다. 왜 30을 말하는지 모르겠습니다. –

+0

더 많은 CSS를 사용하면 더 많은 요소를 추가 할 수 있습니다. – Bergi