使用硬件加速

在本单元中，当用户在列表和细节视图之间导航时，你添加硬件加速页转换。

步骤

修改index.html如下：

1、在index.html中增加pageslider.css到顶部标签之中：

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

2、增加一个脚本标签以包含pageslider.js库（在 jquery.js之后）：

<script src="https://atts.w3cschool.cn/attachments/image/wk/apachecordovatutorial/pageslider.js"></script>

这里PageSlider是GitHub上I主机的微型库。

修改app.js如下：

1、在Local Variables部分，声明PageSlider对象的一个实例如下：

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

2、在路由中，用对slider.slidePage()的调用替代对$('body').html()的调用，传递相同的参数到函数。

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

和

slider.slidePage(new EmployeeView(employee).render().$el);