Blast

高效的javascript模板引擎

安装

npm install blast --save

如果在web站点上使用，直接引入blast.js即可

<script src="./dist/blast.js"></script>

使用

<div id="container"></div>
<script>
    const compile = Blast('<div>Hello  {{= Name}}</div>');
    const res = compile({Name: "Blast"});
    document.getElementById('container').innerHTML = res;
</script>

参数 / 方法

Blast.render(id:String, data:Object, option:Object)

Blast()的别名函数

| 参数 | 类型 | 说明 | | ------- |:------------: | -----:| | id | String | 模板ID | | data | Object | 数据对象 | | option | Object | 参数对象

Blast.compile(id:String, option:Object)

编译模板，并返回一个函数

| 参数 | 类型 | 说明 | | ------- |:------------: | -----:| | id | String | 模板ID | | option | Object | 参数对象

Blast.Config

全局参数对象

| 参数 | 类型 | 说明 | | ------- |:--------: | -----:| | debug | Boolean | 调试模式，默认值true | | cache | Boolean | 缓存，默认值true | | startTag| String | 表达式开始标记 | | endTag| String | 表达式结束标记 | | extname| String | 模板扩展名 | | ignore| Object | 编译模板时跳过的变量名

比如编译时要跳过一个变量名 var

Blast.Config['var'] = true;

Blast.Filter

过滤器对象，用于自定义过滤器，比如我们现在要定义一个将字符转换为大写的过滤器

Blast.Filter.toUpperCase = (data) => {
    let ret = data;
    if( typeof data === 'string' ) {
        ret = data.toUpperCase();
    }
    return ret;
}

使用方式如下

{{= Name | toUpperCase}}

Blast.Cache

缓存操作类

let ca = new Cache();
ca.set('blast', '高效的Javascript模板引擎');
console.log( ca.get('blast') );

| 方法 | 参数 | 说明 | | ------- |:------------------------------: | -----:| | set | (key:String, value:Any) | 设置缓存 | | get | (key:String) | 缓存，默认值true | | detail| (key:String, callback:Function) | 查找key对应的缓存，如果没有则设置

捐赠