일반적으로 사용되는 JavaScript 템플릿 엔진_javascript 기술 소개

최근 작업 내용이 점점 이상형(웹 프론트엔드)에 가까워지고 있어서 프론트엔드 성능에 더 신경쓰고 있어요! 배경의 동료들은 렌더링 속도를 향상시키기 위해 Ajax 템플릿 엔진의 사용을 소개했습니다!

다음은 여러 JavaScript 템플릿 엔진을 소개합니다

1. 콧수염

자바스크립트 기반의 템플릿 엔진으로, Microsoft의 jQuery 템플릿 플러그인과 유사하지만 더 간단하고 사용하기 쉽습니다!

2. doT.js

doT.js에는 브라우저 및 Node.js용 JavaScript 템플릿 엔진이 포함되어 있습니다.

3. 제이스마트

jSmart는 유명한 PHP 템플릿 엔진인 Smarty의 JavaScript 포팅 버전입니다.

4.dom.js

dom.js는 클라이언트측과 서버측 모두에서 사용할 수 있는 JavaScript 템플릿 엔진입니다

5. 옥

Jade는 Haml의 영향을 받아 JavaScript로 구현된 노드용 고성능 템플릿 엔진입니다.

6. 호간.js

Twitter의 JavaScript 템플릿 엔진.

7. 핸들바

Handlebars는 JavaScript 페이지 템플릿 라이브러리입니다

8. 아트템플릿

artTemplate은 차세대 자바스크립트 템플릿 엔진입니다. v8의 렌더링 효율성은 Chrome의 렌더링 효율성 테스트에서 잘 알려진 엔진인 Mustache의 25~32배에 달합니다. 그리고 각각 마이크로 tmpl. 엔진은 디버깅을 지원합니다. 렌더링 중에 오류가 발생하면 디버거는 예외를 생성한 템플릿 문을 정확히 찾아내 프런트엔드 템플릿 디버깅이 어려운 문제를 해결할 수 있습니다.

고유한 템플릿 컴파일 도구는 프런트엔드 템플릿을 템플릿 엔진에 의존하지 않고 실행되는 JS 파일로 컴파일할 수 있으므로 프런트엔드 템플릿이 브라우저의 한계를 뛰어넘고 파일별로 구성될 수 있습니다. 백엔드 템플릿과 같은 디렉터리를 로드하고 포함해야 합니다. 이 모든 것이 2kb(gzip)에 담겨 있습니다!

이 플러그인 이름이 익숙하다고 생각하실 수도 있습니다. 그렇습니다! artDialog Sugar Cookie의 작가이기도 합니다

블로그 주소: http://www.planeart.cn/

인용 엔진

템플릿 작성