1.单页面应用的定义
1. 何为单页面
单页面并不是说一个网页只有一个页面构成,而是说这个网页可以有1到多个不同的页面,但是其入口文件只有index.html这一个,其他的页面都是通过js控制路由跳转实现页面跳转的
2. 与传统多页面模式的对比
- 由上图可以看出,传统的多页面模式应用,每次刷新界面都会像服务器重新请求html文件,在早期的 Web 应用中,前端的作用很弱,业务逻辑和数据处理都在后端,后端给前端返回一个 HTML 页面,前端只负责展示。在这种模式下,单个 HTML 页面被当做一个功能原件,表单提交,超链接跳转都可以用来重新请求新的 HTML 页面,从而达到给用户展示新的页面的目的。在这种方式中,你可以感觉到页面总是在不停的刷新,一个点击可能都需要等待很久,这是因为,当页面变化时,所有资源都需要重新请求。这些问题导致了用户体验不佳,也浪费了资源。
- 如果采用单页面模式,第一次完成html文件的请求后,后面再次像后台发送请求,后台返回的只是更新的data数据,它可以动态重写当前的页面来与用户交互,而不需要重新加载整个页面。单页应用的流畅性让 Web 应用更像桌面端或 Native 应用了。相对于传统的 Web 应用,单页应用做到了前后端分离,后端只负责处理数据提供接口,页面逻辑和页面渲染都交给了前端。前端发展到现在,单页应用的使用已经