模板引擎?看这一篇就懂了,前端插件化开发指南

本文介绍了前端模板引擎的使用,通过实例展示了如何处理和格式化数据,以及如何利用模板字符串生成HTML页面。文章还提到了模板工具art-template,解释了其简易的使用方式,并分享了作者的前端开发经验,提供了一份全面的前端学习资料。
摘要由CSDN通过智能技术生成

实例


下面举个例子

请添加图片描述

上图是从后端数据库中取出来的数据,可以看到,取出来的原始数据是有些不符合格式的,因此我们渲染数据之前,还需要把原始数据格式化一下,得到可以直接渲染的数据

请添加图片描述

格式化数据的同时,我们还要对需要返回的数据部分的默认值进行设置

这里采用正则表达式来去掉原始数据中productTitle的开头部分的"PTD!6-"

productTitle = productTitle.replace(/PTD16-/gi, ‘’);

这里用到空值合并运算符"??"来设置默认值

productTitle = productTitle ?? ‘暂无信息’;

空值合并运算符 ?? 提供了一种简短的语法,用来获取列表中第一个“已定义”的变量&#

  • 22
    点赞
  • 22
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值