课程/HTML/CSS/前端开发
Handlebars模板引擎
-
-
花i兰
2019-08-28
- Js里面最好不要写模板语言,既增加浏览器负担,代码看起来也很乱。用模板语言比较好。
-
截图
0赞 · 0采集
-
-
qq_forwardNow_0
2018-05-19
- 在本地打开的网页也可以发送Ajax请求,只要响应头允许跨域
-
截图
0赞 · 0采集
-
-
半夜虾叫
2017-09-05
- Handlebars不依赖JQuery,同时Handlebars.compile() ,H是大写
-
2赞 · 0采集
-
-
半夜虾叫
2017-09-05
- <body>
<div class="father">
<!-- <div>姓名:josnfei</div>
<div>年龄:20</div>
<div>住址:广东省广州天河区</div>
<div>职业:web工程师</div> -->
</div>
<script id="cat" type="text/template">
<div>姓名:{{name}}</div>
<div>年龄:{{age}}</div>
<div>住址:{{address}}</div>
<div>职业:{{job}}</div>
</script>
<script src="./handlebars-v4.0.10.js"></script>
<script>
var data={
name:'josnfei',
age:20,
address:'广东省广州天河区',
job:'web工程师'
}
var handHtml=document.querySelector("#cat").innerHTML; //获取模板内容
var t=Handlebars.compile(handHtml); //生成的是一个函数
console.log(t);
var html=t(data); //处理好的模板
console.log(html);
document.querySelector('.father').innerHTML=html;
</script>
-
1赞 · 0采集
-
-
夏目_8
2017-08-15
- 使用handbars 需要引入Jq
-
截图
0赞 · 0采集
-
-
qq_大大大琳_0
2017-07-27
- 原始交互数据
-
截图
0赞 · 0采集
-
-
慕虎81472
2017-07-21
- 刁
-
截图
0赞 · 0采集
-
-
慕虎81472
2017-07-21
- 刁
-
截图
0赞 · 0采集