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条评论