首页

关于

GBin1专题教程之Javascript模板引擎handlebars

GBin1专题教程之Javascript模板引擎handlebars

如果你从事前端开发的话,或者使用javascript开发动态前端页面比较多的话,对于javascript模板引擎一定不会陌生。关注gbin1博客的朋友肯定还记得我们曾经介绍过的一个在线选择javascript模板引擎的工具网站:template engine chooser ,使用工具可以帮助你大体的了解不同的javascript模板引擎的特点,并且有效帮助你根据你的具体需求来选择js模板引擎。在今天的这篇GBin1专题教程中,我们将介绍比较流行的javascript模板引擎handlebars,如果你没有接触过的话,希望在阅读完我们的教程后,能对它有一个大体的了解,并且能够有机会应用到你的开发项目中去。由于时间和个人认知的深度关系,有可能有些不够准确的地方,如果你发现有任何不准确的地方,请在本文末尾处给我们留言,或者访问我们的GB标签社区提问或者留言。我们将及时的修改内容,希望能够给广大的前端开发程序猿提供最好的技术教程,如果你也有原创的教程,欢迎投递到我们博客或者标签社区!

什么是javascript模板引擎?

javascript模板引擎可以用来帮助开发人员有效的组织和分离前端页面代码中的显示层和数据层两个部分。这里我们主要集中在在前端页面内容的展示方面。如果你接触过后端相关开发的话,基本的思路和目地是一致的。具体这里我们举个简单的例子:

如果你需要将一个来自后台的JSON数据对象转化成页面显示内容的话,通常使用如下方式(具体演示使用jQuery):

var…

标签: javascript, js模板引擎, javascript模板引擎, handlebars, handlebars.js, underscore, underscore.js

阅读更多

如何选择Javascript模板引擎(javascript template engine)?

如何选择Javascript模板引擎(javascript template engine)?

随着前端开发的密集度越来越高,Ajax和JSON的使用越来越频繁,大家肯定免不了在前台开发中大量的使用标签,常见到的例子如下:

你得到了一个JSON对象,如下:

var data={
  email: 'terry.li@gbin1.com,
  gender: 'male'  
}

然后你需要将json数据组织成页面内容,如下:

var email, gender;
email= '<div class="mail">' + data.email+ </div>'; 
gender= '<div class="gender">' + data.gender + </div>'; 
$('#contentwrapper').append(content).append(gender);

代码执行功能非常简单,将json数据生成web页面中的内容,如下:

<div…

标签: javascript template engine, javascript template, js template, template engine, 模板引擎, javascript模板引擎

阅读更多

标签

© Copywrite by gbin1.com, all rights reserved.