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

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

发布时间:2019-11-13 14:20:43 所属栏目:移动互联 来源:最美分享
导读:【线上直播】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

(编辑:核心网)

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

热点阅读