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

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

zonemu2个月前 (08-19)技术文章25

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

单页面应用的优点:

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

单页面应用的缺点:

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



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

相关文章

【Vue3 基础】05.组件化(组件使用vuex)

这是 Vue3 + Vite + Pinia +TS + Element-Plus 实战系列文档。最近比较忙没什么时间写文章,争取早日把这个系列完结吧~生命周期和模板引用在本章之前,我们通过响应式 a...

vue3源码分析——实现组件通信provide,inject

引言<<往期回顾>>vue3源码分析——rollup打包monorepovue3源码分析——实现组件的挂载流程vue3源码分析——实现props,emit,事件处理等vue3源...

Python 实现 | 通过 Gitlab API 获取项目工程、分支、commit 提交记录

前提在 gitlab 中你的工程创建 Access Token然后你会得到一个 21 位 access token,代码中需要用到。代码''' 说明: 1.登录gitlab的r...

GIT最佳实践,高效提升多团队协同开发效率

多个团队共同维护同一个微服务模块时,经常出现A团队已发布的功能,B团队提交测发布出现冲突或缺失,如何有效解决多团队共同维护的问题呢?常用的版本管理工具有GIT、SVN,这两种版本管理工具,各有千秋;虽...

使用Java统计gitlab代码行数(统计github代码行数的方法)

使用Java统计gitlab代码行数一、背景:需要对当前公司所有的项目进行代码行数的统计二、 可实现方式1.脚本:通过git脚本将所有的项目拉下来并然后通过进行代码行数的统计样例:echo 创建项目对...

web前端入门:css+html5+javascript同时学可以吗?

HTML+CSS+JS是前端基础核心知识,肯定是都要学的。在web前端中,HTML是结构标准,CSS是样式标准,JS是行为标准,三者缺一不可。说的直白点,HTML就是骨架,CSS就是皮肤,JS就是灵魂...