|
...
|
...
|
@@ -37,7 +37,7 @@ SOA化以及用户体验的提升 |
|
|
|
|
|
|
|
* views存放页面的模板相关文件。*一般的页面模板*直接放在views目录下；*控制器*放在controller下；error存放404之类的*错误处理页面*；partials存放*页面小部件*，可以直接通过Handlebars的功能插入到页面中。
|
|
|
|
|
|
|
|
## Mustache简单使用指南
|
|
|
|
## Mustache使用说明
|
|
|
|
需掌握一些[基本表达式](http://www.iinterest.net/2012/09/12/web-template-engine-mustache/)，详细功能根据需要去[学习](https://github.com/janl/mustache.js)：
|
|
|
|
|
|
|
|
* {{key}}
|
|
...
|
...
|
@@ -70,8 +70,8 @@ SOA化以及用户体验的提升 |
|
|
|
|
|
|
|
Ps:Node服务端通过`app.set('view engine', 'hbs');`设定视图引擎为handlebars(handlebars为Mustache的超集，使用上使用上述Mustache的基础语法即可)，然后在controller中通过response.render('hbs-name', {//some key-val pairs})即可达到动态页面渲染的效果。
|
|
|
|
|
|
|
|
## Pjax简单使用指南
|
|
|
|
pajx通过ajax从服务器端抓取html并把html填充到需要变更内容的容器中，然后通过PushState更新页面URL。
|
|
|
|
## Pjax使用说明
|
|
|
|
pajx组织链接的默认行为，将链接的url跳转转化为ajax请求，ajax从服务器端抓取html并把html填充到需要变更内容的容器中，然后通过PushState更新页面URL。
|
|
|
|
|
|
|
|
原理很简单，基本使用方法也很简单，指定target和selector进行初始化即可`$(document).pjax(selector, container);`；
|
|
|
|
|
...
|
...
|
|
