本文介绍了前端模板引擎的使用，通过实例展示了如何处理和格式化数据，以及如何利用模板字符串生成HTML页面。文章还提到了模板工具art-template，解释了其简易的使用方式，并分享了作者的前端开发经验，提供了一份全面的前端学习资料。
下面举个例子
上图是从后端数据库中取出来的数据，可以看到，取出来的原始数据是有些不符合格式的，因此我们渲染数据之前，还需要把原始数据格式化一下，得到可以直接渲染的数据
格式化数据的同时，我们还要对需要返回的数据部分的默认值进行设置
这里采用正则表达式来去掉原始数据中productTitle的开头部分的"PTD!6-"
productTitle = productTitle.replace(/PTD16-/gi, ‘’);
这里用到空值合并运算符"??"来设置默认值
productTitle = productTitle ?? ‘暂无信息’;
空值合并运算符 ?? 提供了一种简短的语法，用来获取列表中第一个“已定义”的变量（译注：即值不是 null 或 undefined 的变量）。
下面我们先自己写一个编译模板来生成渲染数据
这里用到了es6的模板字符串，也就是反引号``，
最低0.47元/天 解锁文章
370
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
