分享web开发知识

注册/登录|最近发布|今日推荐

主页 IT知识网页技术软件开发前端开发代码编程运营维护技术分享教程案例
当前位置:首页 > 教程案例

Ajax_艺术模板 art-template-web

发布时间:2023-09-06 02:27责任编辑:彭小芳关键词:Ajax

艺术模板 art-template____jQuery 项目可用

最快的模板渲染引擎

兼容 ejs 语法

 

推荐语法

{{each arr}}

{{$value}} ---- {{$index}}

{{/each}}

 

{{if arr}}

{{arr}}

{{/if}}

1. 引入 template-web.js 库

<script type="text/html" src="./js/template-web.js"></script>

2. 创建模板代码 

1) 创建 script 标签,将其 type 改为 text/html

 

2) 设置一个 id 属性

 

3) 写模板代码

5

const arr = [{name: ‘jaek‘, age:20}, {name:‘rose‘, age:18}];

const obj = {name: ‘jaek‘, age:20};

3. template(元素id, {要渲染的数据}) 将模板代码解析为 标签字符串 

传一个数组 data, 接的就是一个同名的数组 data[0].name

传一个对象 obj,接的就是一个同名的对象 obj.name

返回的是一个 htmlStr,用于追加到 页面生效

4. 将生成的 标签字符串 渲染到 页面上生效

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

5

Ajax_艺术模板 art-template-web

原文地址:https://www.cnblogs.com/tianxiaxuange/p/10173117.html

知识推荐

我的编程学习网——分享web前端后端开发技术知识。 垃圾信息处理邮箱 tousu563@163.com 网站地图
icp备案号 闽ICP备2023006418号-8 不良信息举报平台 互联网安全管理备案 Copyright 2023 www.wodecom.cn All Rights Reserved