js模板引擎artTemplate快速上手

2021-08-10 22:48:17 字數 739 閱讀 8441

1,

編寫模板

(採用script標籤並帶有屬性id和type="text/html")

2,渲染模板

var data = ;var html =

template

('test', data); document.getelementbyid('content').innerhtml = html;

模板語法

有兩個版本的模板語法可以選擇。 1.

簡潔語法,採用"}"

原生語法(採用"<%= %>")

使用原生語法,需要匯入

template-native.js

檔案。

template.js

(簡潔語法版, 2.7kb)

template-native.js

( 原生語法版

, 2.3kb)

方法

template(id, data)

根據 id 渲染模板。內部會根據

document.getelementbyid(id)

查詢模板,如果沒有 data 引數,那麼將返回一渲染函式。

使用js模板引擎心得

最近幾年隨著web開發前後端分工越來越細,同時mvc mvp模式大行其道,js模板引擎也越來越流行了 js模板引擎很多,我經常用的是arttemplate jsviews這兩個模板引擎,12306用的就是jsviews arttemplate 特性 效能卓越,執行速度通常是 mustache 與 t...

騰訊js模板引擎 artTemplate 學習

使用方式 1.引入js檔案 2.建立模板 id test type text html 1 1 l i 索引 i l script 3.3.渲染資料至指定區域 var data var html template test data document.getelementbyid content i...

js模板引擎v6

這次的模板引擎主要在演算法方面做了些改進,主要借鑑正美的思路,傳統的字串模組都要處理轉義的問題,但我這新方法通過傳參手段消滅了這步驟 核心原理 function a return function data b a 主要原理是根據模版生成的字串建構函式對字串的轉義要求很高,一不留神就會出錯,這次採用...