VUE单页应用属性的优缺点

最新推荐文章于 2022-11-01 10:49:13 发布
原创 最新推荐文章于 2022-11-01 10:49:13 发布 · 186 阅读 · 0 ·
CC 4.0 BY-SA版权
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
文章标签：

#vue #前端 #大前端

本文探讨了前后端分离架构的优势，如减轻服务器压力、增强API通用性和提升页面切换速度，同时也指出其缺点，如首次加载耗时长和SEO优化困难。对于开发者而言，这种架构意味着更高的开发成本，而对于搜索引擎，单页应用的内容识别成为挑战。

优势

  • 性能方面：对服务器压力小，服务器吞吐能力会提高几倍。

  • 开发方面：良好的前后端分离。后端API通用化，即同一套后端程序代码，不用修改就可以用于Web界面、手机、平板等多种客户端。

  • 用户体验方面：页面切换快。而多页应用因为每次跳转都需要发出一个http请求，如果网络比较慢，在页面之间来回跳转时，就会发现明显的卡顿。

劣势

  • 性能方面：首次加载性能消耗大，时间较长
  • 开发方面：页面复杂，开发成本高。
  • SEO：搜索引擎优化效果差（SEO：搜索引擎做网页排名时，要根据网页内容才能给网页权重，来进行网页的排名。搜索引擎是可以识别html内容的）
Vue 等单页面应用的优缺点
Cola_6的博客
08-13 769
Vue 等单页面应用的优缺点 // 优点1、单页应用的内容的改变不需要重新加载整个页面，web应用更具响应性和更令人着迷。2、单页应用没有页面之间的切换，就不会出现“白屏现象”,也不会出现假死并有“闪烁”现象3、单页应用相对服务器压力小，服务器只用出数据就可以，不用管展示逻辑和页面合成，吞吐能力会提高几倍。4、良好的前后端分离。后端不再负责模板渲染、输出页面工作，后端API通用...
vue单页面应用的优缺点
sr1501641861的博客
09-05 1816
vue单页面应用的优缺点
vue单页面的优缺点？
YD_family的博客
12-16 3235
1.优点： 用户体验好，快，内容的改变不需要重新加载整个页面，对服务器的压力小，前后端分离，比如vue项目 完全前端组件化，前端开发不再以页面为单位，更多的采用组件化的思想，代码结构和组织更加规范化，便于修改和调整； 2.缺点： 不支持低版本的浏览器 首次加载页面的时候需要加载大量的静态资源，这个加载时间相对较长，不利于SEO(搜索引擎)优化，单页页面，数据在前端渲染，就意味着没有SEO; 页面导航不可用，如果一定要导航需要自行实线前进，后退（由于是单页面不能用浏览器的前进，后退功...
前端面试题-vue单页面优缺点
从零出发
04-12 1万+
单页面应用（SPA） 单页面应用（SPA），通俗一点说就是指只有一个主页面的应用，浏览器一开始要加载所有必须的 html, js, css。所有的页面内容都包含在这个所谓的主页面中。但在写的时候，还是会分开写（页面片段），然后在交互的时候由路由程序动态载入，单页面的页面跳转，仅刷新局部资源。多应用于pc端。 多页面应用（MPA） 多页面（MPA），就是指一个应用中有多个页面，页面跳转时是整页...
简述单页应用的优缺点
weCat_s的博客
02-25 1470
web单页应用是什么？ Web单页应用就是指只有一个Web页面作为入口的应用，在浏览器中运行期间不会重新加载页面。也就是说浏览器一开始会加载它必需的thml、css和Js，之后所有的交互操作都在一个页面上完成，这些都是由JavaScript动态的加载合适的内容来响应用户的操作，所以Web单页应用会包含大量的js代码，支持单个页面上与多个组件进行丰富的交互。我们一般可以认为单页应用是一种从Web服务...
Vue等单页面应用及其优缺点
高先生的猫
05-20 1779
vue等单页面应用及其优缺点 优点：数据驱动、组件化、轻量、简洁 缺点： 不支持低版本的浏览器，最低只支持到IE9； 第一次加载首页耗时相对长一些； 不可以使用浏览器的导航按钮需要自行实现前进、后退。 不利于seo ...
Vue_单页应用VS多页应用
大脸猫~
07-01 9363
当一个文件以.vue 结尾，它就被称为单文件组件 一.多页面应用 二.单页应用 实现页面跳转，在以前是使用a标签链接，在Vue中，使用的是<router-link to='路由配置地址'> 进行页面跳转，和a标签差不多 eg： <template> <div> <div class='Home'> &
VUE 爬坑之旅-- 从零开始一步一步构建 VUE 单页应用（一）
Alex_Zhao 的博客
09-20 1万+
最近公司技术 Leader 说要以后要使用 VUE 来构建单页应用，让我先研究下怎么搞。既然接到了任务那就撸起袖子开干吧，由于之前有过使用 VUE 做页面数据绑定，对 VUE 这东西还是很有好感的。于是乎 google 了一堆先行者的文章，看了一圈下来有了一个基本的概念。在我看来，单页应用就是把网页做的跟原生 APP 差不多的形式，没有传统网页那样的有明显的页面跳转，页面切换比较流畅顺滑，用户体验较
vue单页应用页面缓存方案
qq_35220376的博客
04-30 936
在最近公司的项目开发当中 （h5），有一个文章列表页，我发现每次点击文章进入文章详情页面，回来之后都要重新loading页面，于是我便想到如何将页面缓存。 首先我想到的是方案A： 方案一：vue的keep-alive组件 具体使用如下： <keep-alive max="10"> <router-view/> </keep-alive> 这样所有的页面都会进行缓...
vue等单页面应用及其优缺点
睡大觉的博客
07-26 2020
vue等单页面应用及其优缺点
vue等单页面应用优缺点
weixin_34319374的博客
05-15 707
优点 Vue 的目标是通过尽可能简单的 API 实现响应的数据绑定和组合的视图组件，核心是一个响应的数据绑定系统。 数据驱动 组件化 轻量 简洁 高效 模块友好 页面切换快 缺点 不支持低版本的浏览器，最低只支持到IE9； 不利于SEO的优化（如果要支持SEO，建议通过服务端来进行渲染组件）； 首屏加载耗时相对长一些； 不可以使用浏览器的导航按钮需要自行实现前...
web单页应用的优缺点
冰雪为融的博客
07-17 5745
web单页应用是什么？ Web单页应用就是指只有一个Web页面作为入口的应用，在浏览器中运行期间不会重新加载页面。也就是说浏览器一开始会加载它必需的thml、css和Js，之后所有的交互操作都在一个页面上完成，这些都是由JavaScript动态的加载合适的内容来响应用户的操作，所以Web单页应用会包含大量的js代码，支持单个页面上与多个组件进行丰富的交互。我们一般可以认为单页应用是一种从Web服...
VUE开发中/deep/的使用 其他写法v-deep:: vue3中写法 :deep(.img)
热门推荐
Beatingworldline的博客
09-22 2万+
实际开发中经常会遇到一种情况，一个功能需求例如表格，可以直接使用element等组件库的表格组件，省时省力。 但实际需求总不会是和组件完全一样的，UI会有各种天马行空的样式给你，例如这种表格样式 这时候有两条路可选 自己用原生手写一个，但对于初级菜鸟来讲极不友好，会浪费大量时间走弯路 对组件原生样式进行改写 而改写样式就需要用到/deep/样式穿透了 /deep/ VUE官方 为了保证每个组件的css唯一性，避免污染全局或者被全局污染，vue提供了scoped作用域。 这样在打包的时候会生成一个独一
vue3实际开发中遇到的问题：setup遇到异步请求逻辑时结合async使用方法
Beatingworldline的博客
07-27 8451
setup执行在 VUE实例的beforeCreate()与created()之前 函数抛出的逻辑内容包括数据和方法都已完成 setup引入的JS逻辑: export default function TestSetup() { const getData = (param) => { //省略异步请求代码 return data; }; r
FineReport自学题目——填报校验
Beatingworldline的博客
08-28 6816
在网上翻了一圈发现FineReport自学习题 V2自学题目的9题没人写，这题虽然不难但也有需要注意的点，以下呈现 题目 实现功能： 多sheet填报，以自己的名字分别录入一条数据 及时校验 全局校验（表间校验） 使用表： FRDemo中的SALES_BASIC和SALES_COST 思路 本题不需要展示数据 故不需要设计数据集 依照题目要求设计报表样式，再以此依照题目要求添加填报控件即可 以地区下拉框为例： 选中单元格后，点击右侧属性面板的控件设置，选择控件处下拉选择下拉框控件，如下图所示： 再依据
FineReport帆软学习笔记汇总
Beatingworldline的博客
08-28 5570
FineReport帆软学习笔记汇总 公司需求来学习帆软已有一周，入门视频+自测练习题已做完，保存下学习笔记。 常用操作： 加内外边框、标题栏样式、居中、设置单元格属性样式(日期格式、保留小数位等)、根据数据长度修改单元格长宽、等线字体更美观 设置子父格 多数据集关联设置过滤条件 行后分页(单元格属性其他) CTRL依次选中需要添加到表中的数据集字段 拖到行头 选择排列方向即可 动态间隔运算 条件属性(超值高亮 隔行不同色) 超级链接(表跳转 导出 排序) 控件参数 (填
一分钟下载并安装vue-devtools（详细步骤）
Beatingworldline的博客
06-06 3747
一分钟教你安装Vue.js devtools
VUE3的 单文件组件 ＜script setup＞理解与实际上手案例
Beatingworldline的博客
11-01 3198
第一次使用VUE3时，项目中使用的时兼容VUE2引入setup函数的写法，上手很快也容易理解。直到发现官方的源码展示都用了全新的单文件组件写法，意识到这个才是主流。这篇文章记录下学习过程。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

跳动的世界线

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值