Blog

2 August 2019

underscore template 예제

0.5.8 — 2010년 1월 28일 — Diff — Docs Fixed Underscore의 컬렉션 함수는 저스틴 툴로스 덕분에 NodeLists 및 HTMLCollections에서 다시 한 번 작동합니다. 이 예제에서 고려해야 할 또 다른 점은 탭이 선택될 때 탭에 적용할 클래스입니다. 자바 스크립트에 “active”와 같은 것을 적용하는 것이 합리적이지만 다시 한 번 자바 스크립트를 수정하지 않고 변경하기가 더 어려워지는 특정 CSS 프레임 워크에 결합합니다. 이 경우 탭을 선택할 때 설정할 클래스를 나타내기 위해 요소에 데이터 특성을 추가하기로 결정했습니다. 즉, 자바 스크립트는 적절한 클래스가 무엇인지 추측 할 필요가 없으며 템플릿에서 얻을 수 있습니다. 0.1.0 — 2009년 10월 28일 — 문서 의 초기 릴리스 Underscore.js. PyToolz, 밑줄 API의 대부분을 포함 하기 위해 itertools 및 functools를 확장 하는 파이썬 포트. 유틸리티 클래스는 관리자/도구/템플릿 라이브러리/클래스/example_data_formatter.php에 위치하며, 예제를 출력하기 위해 render_from_template()를 호출하기 직전에 코드에 삽입될 수 있습니다. 이 패치를 커밋하기 전에 제거해야 하며 개발 목적으로만 사용됩니다. 예 사용법: Funcy, 파이썬에 대한 기능 도우미의 실용적인 컬렉션, 부분적으로 밑줄에 의해 영감을. 필요한 종속성은 `코어/템플릿`이며, 렌더링템플릿(`템플릿 이름`, 데이터)을 호출할 수 있습니다. 이 것의 예는: 좋아, 그래서 우리는 우리의 기본 서식 파일을 가지고.

그것은 그것을 사용하는 시간이다! 우리가 2 개의 탭을 표시 할 수있는 간단한 사용자 프로필 페이지를 만들고 싶다고 가정 해 봅시다, 첫 번째 탭은 사용자의 이름이 될 것이며 두 번째 탭은 사용자의 이메일 주소가 될 것입니다 (모순 된 예제를 변명하십시오). 호출 체인으로 인해 모든 이후의 메서드 호출이 래핑된 개체를 반환합니다. 계산이 완료되면 값을 호출하여 최종 값을 검색합니다. 다음은 노래의 모든 단어의 단어 수를 얻기 위해, 함께지도 / 병합 / 감소 체인의 예입니다. 템플릿은 OpenShift에서 생성할 개체 목록을 생성하기 위해 매개 변수화 및 처리할 수 있는 개체 집합을 설명합니다. 만들 개체에는 서비스, 빌드 구성 및 배포 구성과 같은 사용자가 프로젝트 내에서 만들 수 있는 권한이 있는 모든 개체가 포함될 수 있습니다. 템플릿은 템플릿에 정의된 모든 개체에 적용할 레이블 집합을 정의할 수도 있습니다. 이 경우 탭 목록, 탭 이며 콘텐츠입니다.

이러한 구성 요소를 식별하는 한 가지 방법은 DOM의 구조를 검사하는 것입니다, 예를 들어 탭 목록을 찾을 때 “ul 요소를 찾아”라고 말한 다음 탭을 찾기 위해 “내 자식 li 요소를 찾으십시오”. 이 작업이 작동하지만 자바 스크립트를 HTML 구조에 결합하고 나중에 변경하기가 어렵습니다. 다른 방법은 요소 속성을 사용하는 것입니다, 예를 들어 당신은 탭 목록을 얻기 위해 역할 `tablist`와 내 요소를 찾을 수 있습니다 다음 “나에게 역할 `탭`과 요소를 찾아 탭을 얻을 수 있습니다.

Bize Ulaşın