handlebars.js是一个JavaScript语义模板库，用于分离data和view，适用于构建web模板。尽管功能相对单一，但适合小型数据的处理。本文介绍了如何引入库、创建模板、定义显示位置、预编译模板并匹配数据，还提到了内置的each、if/else、unless等helper，以及如何通过registerHelper自定义更复杂的功能。
handlebars.js是javascript的一个语义模板库，它通过将data 与 view分离 来快速构建web模板，加载时预编译，一定程度上提高了代码的复用性和可维护性，提高敲代码的效率，总之，是一个轻量级的js 库，功能与现在流行的react 等相比，功能较为单一，但是，对于小型的数据而言，是一个不错的选择。
① 需要引入handlebars.js库
② 通过script标签创建一个模板template，模板内容自定义
③ 定义一个位置（eg:div），显示模板中的内容
④ 通过script标签， 获取模板对象的内容-->compile预编译模板-->定义json数据--> 匹配json数据-->输出模板
示例代码：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>ha
最低0.47元/天 解锁文章
扫一扫
5564
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
