当前位置: 首页 > 面试题库 >

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

百里文景
2023-03-14
本文向大家介绍说说你对SPA单页面的理解,它的优缺点分别是什么?相关面试题,主要包含被问及说说你对SPA单页面的理解,它的优缺点分别是什么?时的应答技巧和注意事项,需要的朋友参考一下

介绍: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)
举例spa应用:网易云音乐、QQ音乐等

 类似资料:
  • 本文向大家介绍说说vue的优缺点分别是什么?相关面试题,主要包含被问及说说vue的优缺点分别是什么?时的应答技巧和注意事项,需要的朋友参考一下 优点:上手容易,社区活跃,文档齐全、国内中小公司最爱 缺点:API多,大而全、封装过度、学习成本较高,导致程序员javascript能力钝化

  • 本文向大家介绍说说你对ArrayBuffer的理解!它和Array有什么区别?相关面试题,主要包含被问及说说你对ArrayBuffer的理解!它和Array有什么区别?时的应答技巧和注意事项,需要的朋友参考一下 ArrayBuffer: 表示通用的、固定长度的原始二进制数据缓冲区。ArrayBuffer 不能直接操作,而是要通过类型数组对象或 DataView 对象来操作 Array: 是Java

  • 本文向大家介绍说说你对keep-alive的理解是什么?相关面试题,主要包含被问及说说你对keep-alive的理解是什么?时的应答技巧和注意事项,需要的朋友参考一下 keep-alive是Vue提供的一个抽象组件,用来对组件进行缓存,从而节省性能,由于是一个抽象组件,所以在页面渲染完毕后不会被渲染成一个DOM元素

  • 本文向大家介绍说说你对arguments的理解,它是数组吗?相关面试题,主要包含被问及说说你对arguments的理解,它是数组吗?时的应答技巧和注意事项,需要的朋友参考一下 arguments 不是数组,是类数组。 类数组 转 数组的方法有 [...arguments] Array.from(arguments) Array.prototype.slice.call(arguments)

  • 本文向大家介绍你有使用过formik库吗?说说它的优缺点相关面试题,主要包含被问及你有使用过formik库吗?说说它的优缺点时的应答技巧和注意事项,需要的朋友参考一下 Formik提供了便捷的表单操作, 如获取表单数据,表单校验,提交事件等 结合yup来设置表单校验规则非常方便 Formik is a small library that helps you with the 3 most ann

  • 本文向大家介绍请你说说react的路由的优缺点?相关面试题,主要包含被问及请你说说react的路由的优缺点?时的应答技巧和注意事项,需要的朋友参考一下 browser router 模式下客户端路由在和服务端路由在统一域名下,会存在冲突的问题。 SEO 现在问题应该不存在,可以主动调用搜索引擎的提交或者是google 的引擎会自动跑js