JavaScript页面模版引擎handlebars.js学习及使用

来份煎饼不加果子

于 2022-09-29 17:18:55 发布

阅读量915

点赞数

文章标签： javascript 学习前端

本文链接：https://blog.csdn.net/fgndsg/article/details/127110410

版权

Handlebars.js是JavaScript的客户端和服务器端模板引擎，它将HTML模板与数据结合，通过编译生成Javascript函数。引擎接收HTML和表达式，编译后根据传入的对象数据生成包含插值的HTML字符串。基础用法包括遍历数组对象和条件判断（each、if）。了解更多信息，可以访问其官方网站。

摘要由CSDN通过智能技术生成

Handlebars.js是一个Javascript客户端的模板引擎（它也能用于服务器端）。它是一个Javascript库，就像你在页面中包含其他.js文件一样。有了它，在你的HTML页面内添加模板，模板会被你通过Handlebars.js函数传递的数据中的值解析或者插值。

它是怎样运行的：Handlebars.js是一个由Javascript构建的编译器，它接收任意HTML与Handlebars.js表达式并将它们编译为Javascript函数。这个派生出来的Javascript函数接着接收一个参数，一个对象 - 即你的数据 - 然后它返回一个包含HTML以及被插值在HTML中的对象属性值的字符串。因此，你最终可以得到一个对象属性值位于相应地方的字符串（HTML），你可以将这个字符串插入到页面中。

可以去官网学习附上官网地址

handlebars官网

基础用法

<div id="text"></div>
    <script src="./js/jquery.js"></script>
    <script src="./js/handlebars-v4.7.7.js"></script>
    <script id="entry-template" type="text/x-handlebars-template">
        <div class="