spa单页应用 - 简书

定义:

(single-page application)仅在Web页面初始化时加载相应的HTML、JavaScript和CSS。一旦页面加载完成,SPA不会因为用户的操作而进行页面的重新加载或跳转。取而代之的是利用路由机制实现HTML内容的变换,UI与用户的交互。避免页面的重新加载。

    • *

优缺点:

     优点:

          1)良好的交互体验-》前端进行的是局部渲染,避免了不必要的跳转和重复渲染;

          2)前后端职责分离,架构清晰-》前端进行交互逻辑,后端负责数据处理;

          3)减轻服务器压力-》服务器只用出数据就可以,不用管展示逻辑和页面合成;

      缺点:

_         1)初次加载耗时多-》_为实现单页Web应用功能及显示效果,需要在加载页面的时候将JavaScript、CSS统一加载,部分页面按需加载;

解决方案:使用模块化框架,按需加载资源,如SeaJS、RequireJS;

        2)前进后退路由管理-》由于单页应用在一个页面中显示所有的内容,所以不能使用浏览器的前进后退功能,所有的页面切换需要自己建立堆栈管理;

解决方案:使用原生H5 History API,如window.history.replaceState和window.history.pushState;

        3)SEO难度较大-》由于所有的内容都在一个页面中动态替换显示,所以在SEO上其有着天然的弱势;


Original url: Access
Created at: 2018-10-19 13:28:00
Category: default
Tags: none

请先后发表评论
  • 最新评论
  • 总共0条评论