设为首页 - 加入收藏 ASP站长网(Aspzz.Cn)- 科技、建站、经验、云计算、5G、大数据,站长网!
热搜: 重新 创业者 试卷
当前位置: 首页 > 运营中心 > 建站资源 > 优化 > 正文

10个优秀开源JavaScript模板引擎(2)

发布时间:2019-11-13 12:19 所属栏目:21 来源:最美分享Coder
导读:Template7是第一个具有类似Handlebars语法的移动优先JavaScript模板引擎。它在Framework7中用作默认模板引擎。它是超轻量级的(缩小并压缩成1KB左右)并且运行迅速(比mobile Safari中的Handlebars快2-3倍)。 https://

Template7是第一个具有类似Handlebars语法的移动优先JavaScript模板引擎。它在Framework7中用作默认模板引擎。它是超轻量级的(缩小并压缩成1KB左右)并且运行迅速(比mobile Safari中的Handlebars快2-3倍)。

  1. https://github.com/nolimits4web/template7 
  2.   
  3.  {{#each items}}  
  4.   
  5.   
  6. {{title}} 
  7.   
  8.   
  9.  {{/each}}  

10个最佳开源JavaScript模板引擎

9. Bunny

BunnyJS是现代的原生JS和ES6库以及下一代前端框架,无依赖性的小型独立组件的软件包。它没有依赖性-可以随时随地在任何项目中使用

  1. https://github.com/Mevrael/bunny 
  2.  
  3. import { Component as BunnyComponent } from 'bunnyjs/src/...'; 
  4.  
  5. export const Component = Object.assign({}, BunnyComponent, { 
  6.  
  7.  init(arg) { 
  8.  // do whatever you want 
  9.  console.log(arg); 
  10.  
  11.  // call default (parent) 
  12.  return BunnyComponent.init(arg); 
  13.  } 
  14.  
  15. }); 

10个最佳开源JavaScript模板引擎

10. Squirrelly

Squirrelly是使用JavaScript实现的现代,可配置且功能强大的快速模板引擎。它在ExpressJS开箱即用,完整版压缩后仅约2.2KB。

  1. https://github.com/squirrellyjs/squirrellyvar myTemplate = " 
  2. My favorite kind of cake is: {{favoriteCake}} 
  3. "Sqrl.Render(myTemplate, {favoriteCake: 'Chocolate!'})// Returns: ' 
  4. My favorite kind of cake is: Chocolate! 
  5.  
  6.  
  7.  
  8. {{if(options.somevalue === 1)}} 
  9. Display this 
  10. {{#else}} 
  11. Display this 
  12. {{/if}} 
  13.   
  14. {{each(options.somearray)}} 
  15. Display this 
  16. The current array element is {{@this}} 
  17. The current index is {{@index}} 
  18. {{/each}} 

10个最佳开源JavaScript模板引擎

总结

Javascript的模板引擎相对较多,从性能、简单性、易用性等方面会有所不同,开发者们可以根据不同的角度去选择一个合适的模板引擎用于项目研发或者重构,Enjoy it!

(编辑:ASP站长网)

网友评论
推荐文章
    热点阅读