JsRender 실용 입문 tutorial_javascript 기술

이 기사는 JsRender에 대한 실용적인 입문 튜토리얼입니다. 예제에서는 else 태그, 중첩 루프를 사용하여 상위 데이터 및 기타 지식 포인트에 액세스하는 방법을 설명합니다. 참고할 수 있도록 모든 사람과 공유하세요. 세부 내용은 다음과 같습니다.

머리말

JsRender는 jQuery를 기반으로 한 JavaScript 템플릿 엔진으로 다음과 같은 기능을 가지고 있습니다.

· 단순하고 직관적

· 강력한 기능

· 확장 가능

· 번개처럼 빠르게

이러한 기능은 매우 강력해 보이지만 거의 모든 템플릿 엔진에서 이와 같이 홍보합니다. . .

업무상의 필요로 인해 Xiaocai는 이 템플릿 엔진을 사용하게 되었습니다. 한동안 사용해본 결과 상대적으로 강력하다는 것을 알았지만 Xiaocai는 일부 부분이 너무 강력해서 이해하기 어렵다고 느꼈습니다.

반면에 JsRender의 공식 문서는 비교적 상세하지만, 그 외의 정보는 의외로 거의 없습니다. 문제가 발생하면 기본적으로 관련 문제를 찾을 수 없을 뿐만 아니라. 결과가 거의 없습니다.

게다가 JsRender의 일부 부분은 정말 이해하기 어렵기 때문에 Xiaocai는 긴급하게 "모범 사례"를 공유해야 합니다.

샤오차이는 최근 사용을 바탕으로 몇 가지 실제 경험을 요약했습니다. 물론 이러한 경험은 공식 문서에서는 찾을 수 없습니다.

중첩 루프는 #parent를 사용하여 상위 데이터에 액세스합니다(권장하지 않음)

코드 복사 코드는 다음과 같습니다.

 
   
   
    <스타일>
   
   
 
 
   
   

      <테이블>
       
         
            序号
            姓name
            가정집