单页面app开发心得体会

一、什么是单页面应用

    单页面应用（SPA）是旨在对Web应用发动革命的软件运动中可信度很高的一种。此类应用有望进行更加模块化的开发，令应用更加容易地适配与多个设备，并拥有更好的应用生命周期管理—这些几乎是软件架构师希望的全部。单页面应用诞生于拥有更多动态页面内容的Web 2.0革命。旧的超链接页面浏览模型给用户带来了不和谐的体验，而Web 2.0原则允许数据驱动时间在一个页面内创建，并让页面内容在需要的时候更新。 

二、单页面应用的诞生

    单页面应用诞生于拥有更多动态页面内容的Web 2.0革命。旧的超链接页面浏览模型给用户带来了不和谐的体验，而原则允许数据驱动时间在一个页面内创建，并让页面内容在需要的时候更新。这意味着应用似乎可以运行得更加流畅，乃至于到达可仿真桌面与本地资源接口的地步。

三、项目采用框架

    1、requirejs  -- 异步执行脚本类库

    2、rivetsjs -- 轻量级数据绑定库

    3、phonegap -- 调用手机系统控件框架

    4、jquery -- js常用类库

四、项目采用插件

    1、iscroll -- 轻量级滚动条

    2、qrCode -- 二维码生成

    3、barcodescanner -- 二维码扫描控件

    4、convImg --  base64转img控件

    5、sqliteplugin -- 数据库控件

    6、fastclick -- 清除click事件延迟

    7、sightglass -- rivtetsjs依赖

    8、loaders.css -- 加载的css样式包

五、目前项目优点

    1、分离前后端关注点，前端负责界面显示，后端负责数据存储和计算，各司其职，不会把前后端的逻辑混杂在一起

    2、减轻服务器压力，服务器只用出数据就可以，不用管展示逻辑和页面合成，吞吐能力会提高几倍

六、所存在的缺点

    1、不利于SEO

    2、初次加载耗时相对增多

    3、导航不可用，如果一定要导航需要自行实现前进、后退

    4、对开发人员技能水平、开发成本高，尤其是前端开发人员要求有很高的javascript开发经验

七、遇见bug

    1、调用系统返回键的时候，注意对系统返回键进行处理，否则回退会触发2次back操作

    2、导航式跳转要严格的使用js去控制

    3、数据绑定注意一个列表一个数据模型，如果一个数据模型绑定多个列表，在加载时会出现假死状态