Cordova 7 架构学习 良好程序结构要点

不要复杂的css结构

不要进行复杂的DOM操作

为浏览器启用硬件加速

<div id=”content-area”> 
       <div id=”page-1” class=”page”> 
     … 
   </div> 
    <div id=”page-2” class=”page”> 
     … 
   </div> 
</div> 

启用硬件加速：

div.page { 
       -webkit-transform: translate3d(0,0,0); 
} 

使用可以预编译的模板引擎

如：HandlebarsJS

监听 touchstart 替代click事件