美文网首页
spa(单页面)优缺点

spa(单页面)优缺点

作者: meng_281e | 来源:发表于2022-02-16 10:21 被阅读0次

SPA 仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页面加载完成,SPA 不会因为用户的操作而进行页面的重新加载或跳转;取而代之的是利用路由机制实现 HTML 内容的变换,UI 与用户的交互,避免页面的重新加载。
优点:

用户体验好、快,内容的改变不需要重新加载整个页面,避免了不必要的跳转和重复渲染;
有利于前后端职责分离,架构清晰,前端进行交互逻辑,后端负责数据处理;

缺点:

初次加载耗时多:为实现单页 Web 应用功能及显示效果,需要在加载页面的时候将 JavaScript、CSS 统一加载,部分页面按需加载;
不利于 SEO:由于所有的内容都在一个页面中动态替换显示,所以在 SEO 上其有着天然的弱势。

vue 首屏渲染优化有哪些

图片压缩/懒加载
禁止生成 .map 文件
路由懒加载
cdn 引入公共库
SSR服务器渲染

相关文章

  • 30 道 Vue 面试题,内含详细讲解

    1、说说你对 SPA 单页面的理解,它的优缺点分别是什么? SPA( single-page applicatio...

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

    1、说说你对 SPA 单页面的理解,它的优缺点分别是什么? SPA( single-page applicatio...

  • 前端面试题

    1、说说你对 SPA 单页面的理解,它的优缺点分别是什么? SPA( single-page applicatio...

  • spa(单页面)优缺点

    SPA 仅在 Web 页面初始化时加载相应的 HTML、JavaScript 和 CSS。一旦页面加载完成,SPA...

  • Vue 面试题

    1. 说说你对 SPA 单页面的理解,它的优缺点分别是什么? SPA( single-page applicati...

  • 2021-04-12

    单页面应用的优缺点(SPA) 单页面应用程序将所有的活动局限于一个Web页面中,在该Web页面初始化时加载相应的H...

  • restful 和前端源码介绍

    restful api介绍 前后端分离的优缺点 优点: pc,app,pad多端适应 SPA开发模式的流行(单页面...

  • SPA、SEO、SSR

    1、SPA—单页面应用(single page application) SPA就是只有一张Web页面的应用。单页...

  • Django高级进阶[DRF](1. 简介

    前后端分离优缺点 为什么要前后端分离PC,APP,PAD,微信公众号... 多端适应SPA开发模型开始流行(单页面...

  • 单页面(SPA)和多页面(MPA)

    单页面(SPA) 单页面(SPA),一个项目中只有一个完整的html页面,其他的都是部分的html片段组成。页面跳...

网友评论

      本文标题:spa(单页面)优缺点

      本文链接:https://www.haomeiwen.com/subject/fnwrlrtx.html