在bingPagEvent這個函數(shù)中使用了事件委托的思想,但是這里有一個bug,每次點擊,#pag都會多都綁定一個事件,refreshClassess調(diào)用的次數(shù)就會越多,頁面會變得越來越卡頓
更改:function bingPagEvent() {
$('#pag').off().on('click', 'li.clickable', function(e) {
$this = $(this);
refreshClassess($this.data('id'));
});
}
更改:function bingPagEvent() {
$('#pag').off().on('click', 'li.clickable', function(e) {
$this = $(this);
refreshClassess($this.data('id'));
});
}
2019-12-24
感謝講師的分享,學(xué)到了很多小知識點,比如jQuery.when、事件委托、分頁組件等等,這比起直接看 Handelbars 官方語法文檔更容易理解和牢記。
下面是我跟著視頻擼了一天的成果,重構(gòu)了一些冗余的JS代碼,并且使用Sass代替了CSS,使用CDN代替了jQuery和Handelbars本地文件,感興趣的可以clone下來看看:
https://github.com/bxm0927/handlebars-demo
下面是我跟著視頻擼了一天的成果,重構(gòu)了一些冗余的JS代碼,并且使用Sass代替了CSS,使用CDN代替了jQuery和Handelbars本地文件,感興趣的可以clone下來看看:
https://github.com/bxm0927/handlebars-demo
2018-09-16
注釋 {{!-- --}}
插值 {{}}
條件判斷 {{#if}}
否定判斷 {{#unless}}
遍歷 {{#each}}
綁定上下文 {{#with}}
自定義標(biāo)簽 Helper
插值 {{}}
條件判斷 {{#if}}
否定判斷 {{#unless}}
遍歷 {{#each}}
綁定上下文 {{#with}}
自定義標(biāo)簽 Helper
2018-09-14
常用的模板引擎:
Java 體系的模版引擎,比較古老的模板引擎是 JSP,后來因為與 Java 代碼耦合度太高等原因被 Velocity、Thymeleaf、Freemarker 等所替代,不過這些都是屬于。
JavaScript 體系的模版引擎,有 EJS、Pug(Jade)、Hogan、Handlebars 等。Express 框架早起將 Jade 作為模板引擎;后來換成了更強大的 EJS,無論是功能還是寫法上都接近 JSP 了;直到最新的 Express4 發(fā)布,默認(rèn)改為了弱邏輯的比較簡潔的模板引擎 Handlebars。
Java 體系的模版引擎,比較古老的模板引擎是 JSP,后來因為與 Java 代碼耦合度太高等原因被 Velocity、Thymeleaf、Freemarker 等所替代,不過這些都是屬于。
JavaScript 體系的模版引擎,有 EJS、Pug(Jade)、Hogan、Handlebars 等。Express 框架早起將 Jade 作為模板引擎;后來換成了更強大的 EJS,無論是功能還是寫法上都接近 JSP 了;直到最新的 Express4 發(fā)布,默認(rèn)改為了弱邏輯的比較簡潔的模板引擎 Handlebars。
2018-09-14
模板引擎就像是 HTML 的解析生成器,將對應(yīng)的模板填充完數(shù)據(jù)之后生成靜態(tài)的 HTML 頁面。它可以在瀏覽器端(比如 Angular 中指令所用的模板),也可以在服務(wù)器端執(zhí)行,不過一般用于服務(wù)器端,因為它的一個作用是抽象公共頁面來重用,如果在服務(wù)端填充數(shù)據(jù),可以減少回填數(shù)據(jù)給頁面的ajax請求,從而提升瀏覽器端整體頁面渲染速度。
2018-09-14
根據(jù)老師的課程寫的教程,大家可以配合著看,提供源碼:https://gitee.com/zhanghuanbiao/LearnFree/tree/master/handlebars
2018-05-13