Fasty是一个极快的JavaScript模板引擎。
Fasty是一个简约、超快的JavaScript模板引擎，它使用了非常独特的缓存技术，从而获得接近JavaScript极限的运行性能，并且同时支持NodeJS和浏览器。Fasty的渲染速度，超过很多市面上的JavaScript引擎100倍以上。Fasty特点1、极高性能：Fasty会直接把模板内容编译成JavaScript源码执行，而不是使用正则替换，因此，Fasty的渲染性能超过很多其他模板引擎100倍或以上。2、极度简单：Fasty只内置了输出指令 {{}} 和逻辑指令 {{~}}3、非常灵活：Fasty直接与JavaScript打通，比如当我们引用JQuery之后，可以直接这样使用 {{$("#id").text()}}使用方法示例1vartemplate='<div>hello{{ame}}</div>'vardata={ame:"fasty"}varfasty=ewFasty();varresult=fasty.reder(template,data);//result:<div>hellofasty</div> 示例2vartemplate='{{attr}}hello{{fuc1(ame)}}---'vardata={ame:"fasty"}varfasty=ewFasty({//共享的模板数据或者方法share:{attr:'text...',fuc1:fuctio(v){returv+"kiss~~"},}});varresult=fasty.reder(template,data);//result:text...hellofastykiss~~ Fasty语法输出//#1变量{{~varx=100}}{{x}}//输出:100//#2字符串{{"helloworld"}}//输出：helloworld//#3安全输出，对html进行escape{{#"<div>helloworld</div>"}}//输出：<div>helloworld</div>//#4强制转换html输出{{!"<div>helloworld</div>"}}//输出：<div>helloworld</div> 变量定义#1{{~vara=100}}#2{{~vara=100,b=200,c=300}}#3#{{~leta=100}}#4#{{~leta=100,b=200,c=300}}#4#{{~costa=100}}#5#{{~costa=100,b=200,c=300}} if-else{{~if(x==100)}}{{~elseif(x==200)}}{{~elseif(x==300)}}{{~else}}{{~ed}} 同时支持'elseif'or'elseif'for循环//#1{{~for(itemofarray)}}{{~ed}}//#2{{~for(itemiarray)}}{{~ed}}//#3{{~for(letitemofarray)}}{{~ed}}//#4{{~for(costitemiarray)}}{{~ed}}//#5{{~for(keyofObject.keys(item))}}{{~ed}}//#6{{~for(varx=i;x<100;x++)}}{{~ed}}//#7{{~for(itemofsomeMethodIvoke().other())}}{{~ed}}//#8{{~for(varx=i;x<someMethodIvoke().other();x++)}}{{~ed}} 安全访问#1{{a?.b?.c}}#2{{a.bbbb?().ccc?.ddd}} 初始化配置varoptios={//共享模板方法和数据share:{attr:'text...',fuc1:fuctio(v){returv+"kiss~~"},},//是否是共享数据优先//默认false，即：reder方法传入的data数据优先shareDataFirst:false,//defaultisfalse//是否开启安全访问，这个功能不支持IE浏览器//IE下需要设置为false，同时配置false后会得到更高的运行性能safelyAccess:true,//自定义html安全输出方法//当使用{{#...}}的时候使用该方法转换$escape:fuctio(html){returhtml},//自定义uescape方法//当使用{{!...}}的时候使用该方法转换$uescape:fuctio(value){returvalue}}varfasty=ewFasty(optios);fast.reder(template,data) 作者Micahel(fuhai999@gmail.com)-小码科技Wechat:wx198819880LiceseFastyislicesedudertheMITLicese.开源地址https://gitee.com/fuhai/fasty
点击空白处退出提示
评论