HTML, HTML是最好的JavaScript模板语言

分享于 

4分钟阅读

GitHub

  繁體 雙語
HTML is The BEST JavaScript templating language EVER
  • 源代码名称:HTML
  • 源代码网址:http://www.github.com/Marak/HTML
  • HTML源代码文档
  • HTML源代码下载
  • Git URL:
    git://www.github.com/Marak/HTML.git
    Git Clone代码到本地:
    git clone http://www.github.com/Marak/HTML
    Subversion代码到本地:
    $ svn co --depth empty http://www.github.com/Marak/HTML
    Checked out revision 1.
    $ cd repo
    $ svn up trunk
    
    HTML是最好的JavaScript模板语言

    的HTML heavily来自于 Jade来自 Visionmedia

    特性

    • HTML是有效的( X ) HTML 4.01和 HTML5 !
    • HTML速度快 !
    • Safari。IE。Chrome 和 Firefox 都是专门针对呈现HTML而优化的 !
    • HTML是高度可移植的( 甚至在微软的Frontpage和Macromedia中测试)
    • HTML的大小为 <4 bytes
    • 在HTML中写逻辑是不可能
    • 我很恼火我必须要。

    注:我没有任何线索,如何成功使用焊接,或者板的。

    的核心概念

    • 你已经知道了 HTML
    • JSON数据自动映射到CSS类
    • 你不能用HTML定义任何自定义逻辑或者映射
    • 完成。

    示例

    呈现基本数据

    var html =require('html-lang');console.log(html.render({ name:"Bob" }, tmpl));
    <pclass="name">name placeholder</p>

    输出:

    <pclass="name">Bob</p>

    渲染对象

    var html =require('html-lang');var user = { user: { name:"Bob", email:"bob@bob.com" }};console.log(html.render(user, tmpl));
    <divclass="user">
     <pclass="name">name placeholder</p>
     <pclass="email">email placeholder</p>
    </div>

    输出:

    <divclass="user">
     <pclass="name">Bob</p>
     <pclass="email">bob@bob.com</p>
    </div>

    渲染对象的array ( Collection )

    var html =require('html-lang');var users = [ 
     { name:"Bob", email:"bob@bob.com"}, 
     { name:"Marak", email:"marak@marak.com"}
    ];console.log(html.render(users, tmpl));
    <divclass="users">
     <divclass="user">
     <pclass="name">name placeholder</p>
     <pclass="email">email placeholder</p>
     </div>
    </div>

    输出:

    <divclass="users">
     <divclass="user">
     <p>Bob</p>
     <p>bob@bob.com</p>
     </div>
     <divclass="user">
     <p>Marak</p>
     <p>marak@marak.com</p>
     </div>
    </div>

    XML node-属性

    <pclass="name"><ahref=""class="link"></a></p>
    var html =require('html-lang');var data = { 
     'link':"The big website", 
     'link.href':"http://big.vc" 
    };console.log(html.render(data, tmpl));

    输出:

    <pclass="name"><ahref="http://big.vc"class="link">The big website</a></p>
    就是这样,我挑战你寻找一个没有被HTML覆盖的用例。

    JAVA  Javascript  TEMP  LAN  LANG  EVE  
    相关文章