10个优秀开源JavaScript模板引擎

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

https://github.com/nolimits4web/template7 
  
 {{#each items}}  
  
  
{{title}} 
  
  
 {{/each}}  

9. Bunny

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

https://github.com/Mevrael/bunny 
 
import { Component as BunnyComponent } from 'bunnyjs/src/...'; 
 
export const Component = Object.assign({}, BunnyComponent, { 
 
 init(arg) { 
 // do whatever you want 
 console.log(arg); 
 
 // call default (parent) 
 return BunnyComponent.init(arg); 
 } 
 
}); 

10. Squirrelly

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

https://github.com/squirrellyjs/squirrellyvar myTemplate = " 
My favorite kind of cake is: {{favoriteCake}} 
"Sqrl.Render(myTemplate, {favoriteCake: 'Chocolate!'})// Returns: ' 
My favorite kind of cake is: Chocolate! 
 
 
 
{{if(options.somevalue === 1)}} 
Display this 
{{#else}} 
Display this 
{{/if}} 
  
{{each(options.somearray)}} 
Display this 
The current array element is {{@this}} 
The current index is {{@index}} 
{{/each}} 

总结

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

（编辑：核心网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!