📜  Framework7-模板概述

📅  最后修改于: 2020-10-25 03:00:22             🧑  作者: Mango


描述

Template7是一个轻量级的,移动优先的JavaScript引擎,它可以将Ajax和动态页面表示为具有指定上下文的Template7模板,并且不需要任何其他脚本。 Template7与Framework7相关联,是默认的轻量级模板引擎,对于应用程序运行速度更快。

性能

将字符串编译为JS函数是template7最慢的部分。因此,您无需多次编译模板,只需编译一次即可。

//Here initialize the app
var myApp = new Framework7();

// After initializing compile templates on app
var searchTemplate = $('script#search-template').html();
var compiledSearchTemplate = Template7.compile(searchTemplate);

var listTemplate = $('script#list-template').html();
var compiledListTemplate = Template7.compile(listTemplate);

// Execute the compiled templates with required context using onPageInit() method
myApp.onPageInit('search', function (page) {

   // Execute the compiled templates with required content
   var html = compiledSearchTemplate({/*...some data...*/});

   // Do stuff with html
});

Template7是一个轻量级的模板引擎,用作不带Framework7的独立库。可以使用两种方式安装Template7文件-

  • 您可以从Template7 github存储库下载。

  • 要么

  • 您可以通过Bower使用以下命令安装它-

bower install template7