快捷搜索:  汽车  科技

web前端开发html代码(快速地动态拼接html代码)

web前端开发html代码(快速地动态拼接html代码)于是,上文的动态添加html代码需求可以这么实现:先看一眼官方文档。要是像php模板引擎一样,直接把变量塞进html代码里面,不但不用纠结引号是否匹配、成对标签是否缺失闭标签,而且格式化,那多好-----嗯,这个可以有。php有模板引擎,咱js也有,不但有,还百家争鸣。本猿机缘巧合之下,遇见了art-template.js。

批量添加数据时,需要动态添加html代码。例如:添加规格。

web前端开发html代码(快速地动态拼接html代码)(1)

本猿新手时期是这么做的:(主要看红框中代码)

web前端开发html代码(快速地动态拼接html代码)(2)

字符与变量拼接,倒是简单易行,就是容易出错(比如:引号不成对),需要反复调试。

拼接字符串要是不讲究, 那更是不便于我们人类阅读,所以,要是 元素有改变 或者 新增了元素,维护起来自然不易。

要是像php模板引擎一样,直接把变量塞进html代码里面,不但不用纠结引号是否匹配、成对标签是否缺失闭标签,而且格式化,那多好-----嗯,这个可以有。

php有模板引擎,咱js也有,不但有,还百家争鸣。

本猿机缘巧合之下,遇见了art-template.js

先看一眼官方文档。

web前端开发html代码(快速地动态拼接html代码)(3)

于是,上文的动态添加html代码需求可以这么实现:

web前端开发html代码(快速地动态拼接html代码)(4)

web前端开发html代码(快速地动态拼接html代码)(5)

想要查看art-template官方文档的更多信息,可以这么做:

web前端开发html代码(快速地动态拼接html代码)(6)

web前端开发html代码(快速地动态拼接html代码)(7)

猜您喜欢: