SPA 单页面web应用的实现原理

[zuobaiquan]

背景：SPA 单页面web应用现在得到了越来越多前端开发者的青睐，主要是因为它的简单，用户体验好，前后端分离。

当点击导航时，通过哈希监听事件，如果哈希发生了变化，则改变哈希值：window.location.hash，来调用相应的js文件。

相应的js文件里面可以放相应的数据模板，当用ajax请求并返回数据时，渲染模板，生成相应的DOM结构，再插入对应的page 的div中。

优点：SPA单页面的优点是很多的，比如MVC模式，利于后期维护管理，前后端分离，性能好，提升用户体验
缺点：随着页面增加，单页HTML里面的DOM可能会越来越多，js处理逻辑多而复杂。但是html里面DOM增多还是会有优化方法的，

比如删除DOM，存进缓存，等真正显示的时候再添加DOM

原文 ：http://www.qdfuns.com/notes/13976/f89114c03f264c07a936e661363120f5