美文网首页
javascript开发框架-pTemplatejs之三步学会

javascript开发框架-pTemplatejs之三步学会

作者: 阎冬 | 来源:发表于2017-09-14 17:50 被阅读0次

第一步,创建html:

<div class="main"></div>

<div p-template="test">

<div style="{{style}}">{{test}}</div>

</div>

第二步,写样式:

var styles = pTemplate.createStyle({

default:{

    color:"red"

}});

第三步,写javascript:

pTemplate.render(

    "test",    //模板名称

    {style: styles.default, title:"这是测试标题"},    //数据

    pTemplate.query("#main"),    //插入父级标签

    function(elem){

        console.log("创建完成");    //完成渲染

    }

);

github.com/ereddate/ptemplatejs

开发讨论群:9786575

相关文章

网友评论

      本文标题:javascript开发框架-pTemplatejs之三步学会

      本文链接:https://www.haomeiwen.com/subject/ftndsxtx.html