为了账号安全,请及时绑定邮箱和手机立即绑定
在bingPagEvent这个函数中使用了事件委托的思想,但是这里有一个bug,每次点击,#pag都会多都绑定一个事件,refreshClassess调用的次数就会越多,页面会变得越来越卡顿
更改:function bingPagEvent() {
$('#pag').off().on('click', 'li.clickable', function(e) {
$this = $(this);
refreshClassess($this.data('id'));
});
}
谢谢,满满的干货
后台接口没有数据了吗
script标签里面写的 html 标签,实际上和jsx有点相似了。
讲的非常好,点赞!
感谢讲师的分享,学到了很多小知识点,比如jQuery.when、事件委托、分页组件等等,这比起直接看 Handelbars 官方语法文档更容易理解和牢记。

下面是我跟着视频撸了一天的成果,重构了一些冗余的JS代码,并且使用Sass代替了CSS,使用CDN代替了jQuery和Handelbars本地文件,感兴趣的可以clone下来看看:
https://github.com/bxm0927/handlebars-demo
老师在讲handelbars的过程中,回顾了很多知识,事件委托、AJAX、分页组件等等,很用心做的一个实例。感谢分享~
注释 {{!-- --}}
插值 {{}}
条件判断 {{#if}}
否定判断 {{#unless}}
遍历 {{#each}}
绑定上下文 {{#with}}
自定义标签 Helper
常用的模板引擎:
Java 体系的模版引擎,比较古老的模板引擎是 JSP,后来因为与 Java 代码耦合度太高等原因被 Velocity、Thymeleaf、Freemarker 等所替代,不过这些都是属于。
JavaScript 体系的模版引擎,有 EJS、Pug(Jade)、Hogan、Handlebars 等。Express 框架早起将 Jade 作为模板引擎;后来换成了更强大的 EJS,无论是功能还是写法上都接近 JSP 了;直到最新的 Express4 发布,默认改为了弱逻辑的比较简洁的模板引擎 Handlebars。
模板引擎就像是 HTML 的解析生成器,将对应的模板填充完数据之后生成静态的 HTML 页面。它可以在浏览器端(比如 Angular 中指令所用的模板),也可以在服务器端执行,不过一般用于服务器端,因为它的一个作用是抽象公共页面来重用,如果在服务端填充数据,可以减少回填数据给页面的ajax请求,从而提升浏览器端整体页面渲染速度。
人越来越少,,
handlebars可以单独使用的吧,不需要jquery库支持
我擦,找到了。慕课网的前端路径中的老师之一
根据老师的课程写的教程,大家可以配合着看,提供源码:https://gitee.com/zhanghuanbiao/LearnFree/tree/master/handlebars
首页上一页1234567下一页尾页
课程须知
学习本课程之前,您需要掌握HTML、CSS、JavaScript,jQuery以及ajax和jSon等知识,并且能够熟练运用。
老师告诉你能学到什么?
通过使用模板Handlebars.js来实现页面的渲染,比起以前使用ajax和json来渲染页面要快很多,性能也提高了许多。

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消