当前位置:首页 > 技术文章 > 正文内容

vue 笔记-单页面应用和多页面应用区别及优缺点

单页面应用(SPA),通俗一点说就是指只有一个主页面的应用。浏览器一开始必须加载所需的html、js、css。所有页面内容都包含在这个所谓的主页面中。但是在开发的时候还是会分开去写,然后在交互的时候由路由程序动态载入,单页面的跳转仅刷新局部资源。多应用于pc端。

单页面应用的优点:

用户体验好,快,内容的改版不需要重新加载整个界面,基于这一点SPA对服务器的压力较小;前后端分离;页面效果好(比如在切换的时候有一些过度动画);

单页面应用的缺点:

不利于SEO;导航不可用,如果一定要导航需要自行设定前进、后退(由于单页面应用不能用前进后退功能,所以需要自己建立堆栈管理);初次加载耗时多;页面复杂度提高了很多。



多页面应用,就是指在一个应用中有多个页面,页面跳转时是整页刷新。

相关文章

Vue3 中,父子组件如何传递参数?(vue父子组件传递数据方法)

在 Vue3 中,组件化开发是非常重要的特征,那么组件之间传值就是开发中常见的需求了。组件之间的传值三种方式:父传子、子传父、非父子组件传值。一、父传子( defineProps )父组件主要通过使用...

Windows 下 Git 拉 Gitlab 代码(gitlab拉项目)

读者提问:『阿常你好,Windows 下 Git 拉 Gitlab 代码的操作步骤可以分享一下吗?』阿常回答:好的,总共分为五个步骤。一、Windows 下安装 Git官网下载链接:https://g...

(在线编辑DWG)网页CAD二开实现焊接符号绘制

前言在工程制图和制造领域,焊接符号(Welding Symbols)是用于表示焊缝类型、尺寸、位置以及工艺要求的标准化图形语言。广泛应用于机械设计、钢结构、船舶制造、压力容器等行业中,帮助技术人员理解...

前端学习又一大里程碑:html5+js写出歌词同步手机播放器

需要完整代码和视频请评论后加前端群470593776领取javascript进阶课题:HTML5迷你音乐播放器学习疲惫了,代码敲累了,听听自己做的的音乐播放器,放松与满足知识点:for循环语句,DOM...

使用HTML5+JS实现文字转语音(h5 文字转语音)

使用HTML5+JS实现文字转语音现在越来越多的视频采用了AI语音,下面给大家介绍几种简单的文字转语音的办法,完全免费的欧。使用HTML5语音合成API-SpeechSynthesis实现的文字转语音...

HTML5培训的学习大纲

第一阶段前端开发基础:1.HTML标签语言(xhtml+html5)行业介绍,本地环境配置,sublime编辑器学习使用,制作html标准模板,css基础,html常用标签(一),html常用标签(二...