美文网首页让前端飞
【react】到底什么是单页面应用SPA?

【react】到底什么是单页面应用SPA?

作者: 陈小俊先生 | 来源:发表于2017-04-17 23:23 被阅读0次

很多新手小白跟我一样,总是能听到单页面应用或者SPA这个词,感觉熟悉又陌生,你有没有十分认真的想过,到底什么是单页面应用呢?

要想明白什么是单页面应用,必须要弄清楚三个东西:传统的web应用桌面应用程序单页面应用SPA

传统的web应用,大家都不会陌生吧?几乎每一个响应动作都会刷新整个页面,一个词总结就是“牵一发而动全身”,需要体验传统web应用的可以打开某学校网站或者某政府网站。

而桌面应用程序刚好是相对web应用来说的,主要区别在于应用程序自身与它的用户界面之间的相对位置不同。在桌面应用程序中,它的每一个消息传递都只在操作系统中,这里只涉及到一台机器,不存在网络。正因为如此,桌面应用程序的反应是不存在网络加载延迟的,不多说,就是快。

看到了传统web应用的慢和桌面应用的快,作为web开发程序猿的一些领头猿就不服了,于是单页面应用SPA就这样被创造了出来。

一个单页的应用程序(Single-page application)即SPA是一个Web应用程序或网站,SPA的用户体验类似与桌面应用程序。在SPA中,通常一开始就会加载所有必需的代码(HTML,JavaScript和CSS),有时候考虑到首屏加载太慢会按需加载。这样一来,以后用户的每一个动作都不会重新加载页面,取而代之的是利用 JavaScript 动态的变换HTML的内容,从而实现UI与用户的交互。这样看来,SPA的体验就十分接近了桌面应用。

作为一个新手,我也只能这么肤浅的解释了。

相关文章

  • 【react】到底什么是单页面应用SPA?

    很多新手小白跟我一样,总是能听到单页面应用或者SPA这个词,感觉熟悉又陌生,你有没有十分认真的想过,到底什么是单页...

  • React-router

    什么是React-router 实现单页面应用的方式 只用一个页面的应用 SPA 下载模块 cnpm instal...

  • 框架

    什么是单页面应用(SPA)? 单页面应用(SPA)是指用户在浏览器加载单一的HTML页面,后续请求都无需再离开此页...

  • vue面试题整理

    什么是SPA应用,SPA页面和传统页面有什么区别? 单页面应用,仅在该Web页面初始化时加载相应的HTML、Jav...

  • webpack异步加载

    场景 现在很多场景都是使用react+webpack 实现的单页面应用(SPA),SPA不仅良好的实现了前后端分离...

  • vue-router笔记摘录认识

    1.SPA单页面应用的理解 SPA(single-page application),翻译过来就是单页应用SPA是...

  • SPA、SEO、SSR

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

  • Vue前端路由的单页应用vue-router

    什么是单页应用? 单页应用(single page web application,SPA),是在一个页面完成所有...

  • 《SPA设计与架构》之认识SPA

    原文 博客原文 大纲 前言1、什么是单页面应用程序(SPA)2、SPA与传统Web应用的区别3、关于SPA的使用4...

  • Cordova app 开发最佳实践

    1)SPA是你的朋友 首先,Cordova 应用程序应该采用 SPA(单页面应用) 设计。 松散定义,SPA是从对...

网友评论

    本文标题:【react】到底什么是单页面应用SPA?

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