鍍金池/ 教程/ 嵌入式/ 使用硬件加速
避免300 ms點擊延遲
創(chuàng)建視圖
使用 Handlebars 模板
建立一個Cordova項目
使用照相機API
設(shè)置單頁應(yīng)用程序
執(zhí)行視圖路由
設(shè)置Workshop文件
創(chuàng)建一個Cordova項目
選擇一個數(shù)據(jù)存儲策略
使用聯(lián)系人API
使用本地API
使用本地通知
使用硬件加速

使用硬件加速

在本單元中,當(dāng)用戶在列表和細節(jié)視圖之間導(dǎo)航時,你添加硬件加速頁轉(zhuǎn)換。

步驟

修改index.html如下:

1、在index.html中增加pageslider.css到頂部標簽之中:

<link href="assets/css/pageslider.css" rel="stylesheet">

2、增加一個腳本標簽以包含pageslider.js庫(在 jquery.js之后):

<script src="lib/pageslider.js"></script>

這里PageSlider是GitHub上I主機的微型庫。

修改app.js如下:

1、在Local Variables部分,聲明PageSlider對象的一個實例如下:

var slider = new PageSlider($('body'));

2、在路由中,用對slider.slidePage()的調(diào)用替代對$('body').html()的調(diào)用,傳遞相同的參數(shù)到函數(shù)。

slider.slidePage(new HomeView(service).render().$el);

slider.slidePage(new EmployeeView(employee).render().$el);
上一篇:使用照相機API