加入收藏 | 设为首页 | 会员中心 | 我要投稿 湖南网 (https://www.hunanwang.cn/)- 科技、建站、经验、云计算、5G、大数据,站长网!
当前位置: 首页 > 移动互联 > 正文

Github上开源的10大Javascript模板引擎,助力前端开拓

发布时间:2019-11-30 12:49:36 所属栏目:移动互联 来源:最美分享
导读:【线上直播】11月21日晚8点贝壳技能总监侯圣文《数据安详之数据库安详黄金法例》 配景 今朝前端主流的开拓框架有Vue、React以及Angular等,可是依然有一部门开拓职员并不会去行使这些框架,出格是一些方向后端的开拓者,也许依然在行使相同于jquery+Bootstr

https://github.com/nolimits4web/template7

  1. {{#each items}} 
  2. {{title}} 
  3. {{/each}} 
    Github上开源的10大Javascript模板引擎,助力前端开拓 9. Bunny

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

https://github.com/Mevrael/bunny

  1. import { Component as BunnyComponent } from 'bunnyjs/src/...'; 
  2.  
  3. export const Component = Object.assign({}, BunnyComponent, { 
  4.  
  5.  init(arg) { 
  6.  // do whatever you want 
  7.  console.log(arg); 
  8.  
  9.  // call default (parent) 
  10.  return BunnyComponent.init(arg); 
  11.  } 
  12.  
  13. }); 
Github上开源的10大Javascript模板引擎,助力前端开拓 10. Squirrelly

Squirrelly是行使JavaScript实现的当代,可设置且成果强盛的快速模板引擎。它在ExpressJS开箱即用,完备版压缩后仅约2.2KB。

https://github.com/squirrellyjs/squirrellyvar myTemplate = "

  1. My favorite kind of cake is: {{favoriteCake}} 
  2.  
  3. "Sqrl.Render(myTemplate, {favoriteCake: 'Chocolate!'})// Returns: ' 
  4. My favorite kind of cake is: Chocolate! 
  5.  
  6.  
  7.  
  8.  
  9. {{if(options.somevalue === 1)}} 
  10. Display this 
  11. {{#else}} 
  12. Display this 
  13. {{/if}} 
  14.   
  15. {{each(options.somearray)}} 
  16. Display this 
  17. The current array element is {{@this}} 
  18. The current index is {{@index}} 
  19. {{/each}} 
Github上开源的10大Javascript模板引擎,助力前端开拓 总结

Javascript的模板引擎相对较多,从机能、简朴性、易用性等方面会有所差异,开拓者们可以按照差异的角度去选择一个吻合的模板引擎用于项目研发可能重构,Enjoy it!

【编辑保举】

  1. 电脑已满意不了人类了:开拓者拟在图形计较器上运行Windows 10
  2. 将来软件开拓的五大猜测:“开拓大迁移”;低代码大放异彩
  3. 一款不消写代码,简朴,高效的开源自动化测试器材
  4. 超好用的自信进修:1行代码查找标签错误,3行代码进修噪声标签
  5. Github标星30.8K!这也许是今朝最全的编程口试题集
【责任编辑:张燕妮 TEL:(010)68476606】
点赞 0

(编辑:湖南网)

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

热点阅读