Fasty 正在参加 2021 年度 OSC 中国开源项目评选,请投票支持!
Fasty 在 2021 年度 OSC 中国开源项目评选 中已获得 {{ projectVoteCount }} 票,请投票支持!
2021 年度 OSC 中国开源项目评选 正在火热进行中,快来投票支持你喜欢的开源项目!
2021 年度 OSC 中国开源项目评选 >>> 中场回顾
Fasty 获得 2021 年度 OSC 中国开源项目评选「最佳人气项目」 !
授权协议 MIT
开发语言 JavaScript
操作系统 跨平台
软件类型 开源软件
开源组织
地区 国产
投 递 者 开源海哥
适用人群 未知
收录时间 2022-05-26

软件简介

Fasty 是一个极快的 JavaScript 模板引擎。

Fasty 是一个简约、超快的 JavaScript 模板引擎, 它使用了非常独特的缓存技术,从而获得接近 JavaScript 极限的运行性能,并且同时支持 NodeJS 和浏览器。

Fasty 的渲染速度,超过很多市面上的 JavaScript 引擎 100 倍以上。

Fasty 特点

  • 1、极高性能:Fasty 会直接把模板内容编译成 JavaScript 源码执行,而不是使用正则替换,因此,Fasty 的渲染性能超过很多其他模板引擎 100 倍或以上。
  • 2、极度简单:Fasty 只内置了输出指令 {{ }} 和 逻辑指令 {{~ }}
  • 3、非常灵活:Fasty 直接与 JavaScript 打通,比如当我们引用 JQuery 之后,可以直接这样使用 {{ $("#id").text() }}

使用方法

示例 1

var template = '<div> hello {{ name }} </div>'
var data = {name: "fasty"}

var fasty = new Fasty();
var result = fasty.render(template,data);
// result: <div> hello fasty </div>
 

示例 2

var template = ' {{attr}} hello {{ func1(name) }} ---'
var data = {name: "fasty"}

var fasty = new Fasty({
    //共享的模板数据 或者 方法
    share : {
        attr:'text...',
        func1:function (v){
            return v + " kiss~~"
        },
    }
});

var result = fasty.render(template,data);
// result: text... hello fasty kiss~~
 

Fasty 语法

输出

// #1 变量
{{~ var x = 100}}
{{x}}
//输出: 100


// #2 字符串
{{"hello world"}}
//输出:hello world


// #3 安全输出,对 html 进行 escape
{{# "<div> hello world </div>"}}
//输出:&lt;div&gt; hello world &lt;/div&gt;


// #4 强制转换 html 输出
{{! "&lt;div&gt; hello world &lt;/div&gt;"}}
//输出:<div> hello world </div>
 

变量定义

#1
{{~ var a =100}}

#2
{{~ var a =100,b = 200,c=300}}

#3
#{{~ let a =100}}

#4
#{{~ let a =100,b=200,c=300}}

#4
#{{~ const a =100}}

#5
#{{~ const a =100,b=200,c=300}}
 

if-else

{{~ if (x == 100) }}

{{~ elseif(x == 200) }}

{{~ else if(x == 300) }}

{{~ else }}

{{~ end }}
 

同时支持 'elseif' or 'else if'

for 循环

// #1
{{~ for (item of array) }}

{{~end}}

// #2
{{~ for (item in array) }}

{{~end}}

// #3
{{~ for (let item of array) }}

{{~end}}

// #4
{{~ for (const item in array) }}

{{~end}}

// #5
{{~ for (key of Object.keys(item) )}}

{{~end}}

// #6
{{~ for (var x = i;x < 100;x++) }}

{{~ end }}

// #7
{{~ for (item of someMethodInvoke().other()) }}

{{~end}}

// #8
{{~ for (var x = i;x < someMethodInvoke().other();x++) }}

{{~ end }}
 

安全访问

#1
{{a?.b?.c}}

#2
{{a.bbbb?().ccc?.ddd}}
 

初始化配置

var options = {
    //共享模板方法和数据
    share : {
        attr:'text...',
        func1:function (v){
            return v + " kiss~~"
        },
    },
    // 是否是共享数据优先
    // 默认 false,即: render 方法传入的 data 数据优先
    shareDataFirst: false, //default is false
    
    //是否开启安全访问,这个功能不支持 IE 浏览器
    //IE 下需要设置为 false,同时配置 false 后会得到更高的运行性能
    safelyAccess: true,

    //自定义 html 安全输出方法
    //当使用 {{# ... }} 的时候使用该方法转换
    $escape:function (html){return html},

    //自定义 unescape 方法
    //当使用 {{! ... }} 的时候使用该方法转换
    $unescape:function (value){return value}
}

var fasty = new Fasty(options);
fast.render(template,data)
 

作者

License

Fasty is licensed under the MIT License.

开源地址

https://gitee.com/fuhai/fasty

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论

点击引领话题📣
发表了资讯
05/30 14:39

Fasty v1.0.2 发布,一个极快的 JavaScript 模板引擎

Fasty 一个极快的 JavaScript 模板引擎 Fasty 是一个简约、超快的 JavaScript 模板引擎, 它使用了非常独特的缓存技术,从而获得接近 JavaScript 极限的运行性能,并且同时支持 NodeJS 和浏览器。 Fasty 的渲染速度,超过很多市面上的 JavaScript 引擎 100 倍以上。 Fasty 特点 1、极高性能:Fasty 会直接把模板内容编译成 JavaScript 源码执行,而不是使用正则替换,因此,Fasty 的渲染性能超过很多其他模板引擎 100 倍或以上。...

1
13
发表了资讯
05/27 12:09

Fasty v1.0.1 发布,一个极快的 JavaScript 模板引擎

Fasty 一个极快的 JavaScript 模板引擎 Fasty 是一个简约、超快的 JavaScript 模板引擎, 它使用了非常独特(独创的)的缓存技术,从而获得接近 JavaScript 极限的运行性能,并且同时支持 NodeJS 和浏览器。 Fasty 的渲染速度,超过很多的 JavaScript 引擎 100 倍以上。 使用方法 示例1 var template = '<div> hello {{ name }} </div>' var data = {name: "fasty"} var fasty = new Fasty(); var result = fasty.render...

0
9
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
发表了博客
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
发表了问答
{{o.pubDate | formatDate}}

{{formatAllHtml(o.title)}}

{{parseInt(o.replyCount) | bigNumberTransform}}
{{parseInt(o.viewCount) | bigNumberTransform}}
没有更多内容
暂无内容
0 评论
8 收藏
分享
OSCHINA
登录后可查看更多优质内容
返回顶部
顶部
返回顶部
顶部