开发者社区> 问答> 正文

说说你对SPA单页面的理解,它的优缺点分别是什么?

[vue] 说说你对SPA单页面的理解,它的优缺点分别是什么?

展开
收起
游客7iokfgo4yexey 2020-05-23 15:48:26 1556 0
1 条回答
写回答
取消 提交回答
  • 介绍:SPA应用就是一个web应用,可理解为:是一种只需要将单个页面加载到服务器之中的web应用程序。当浏览器向服务器发出第一个请求时,服务器会返回一个index.html文件,它所需的js,css等会在显示时统一加载,部分页面需要时加载。 优点: 1.良好的交互式体验。意思是:用户无需刷新页面,获取数据通过异步ajax获取,页面显示流畅 2.良好的前后端分离模式(MVVM),减轻服务端压力。服务器只需要输出数据就可以,不用管逻辑和页面展示,吞吐能力会提高几倍 3.共用同一套后端程序代码,不用修改就可用于web界面,手机和平板等客户端设备 缺点: 1.不利于SEO优化 2.由于单页应用在一个页面中显示,所以不可以使用浏览器自带的前进后退功能,想要实现页面切换需要自己进行管理 3.首屏加载过慢(初次加载耗时多),原因是:为了实现单页web应用功能及展示效果,在页面初始化的时候就会将js,css等统一加载,部分页面在需要时加载。当然也有解决方法。 解决方法:①使用路由懒加载 ②开启Gzip压缩 ③使用webpack的externals属性把不需要的库文件分离出去,减少打包后文件的大小 ④使用vue的服务端渲染(SSR) 问题来源于GitHub,查看更多答案,请查看https://github.com/haizlin/fe-interview/issues/322

    2020-05-24 22:33:53
    赞同 展开评论 打赏
问答地址:
问答排行榜
最热
最新

相关电子书

更多
QQ移送页面框架优化实践 立即下载
QQ移动页面框架优化实践 立即下载
ui-model,跨框架复用 立即下载