SPA,什么是单页面应用,为什么要使用单页面应用,单页面应用有啥好处

16 篇文章 5 订阅

说到SPA,很多人只是在使用,不知道为什么使用?别人再用,所以,我也再用,流行,听到了,所以,我用。

       SPA--------single page application。单页面应用,即一个web项目就只有一个页面(即一个HTML文件),对应传统的做网站或者web应用的人来说,觉这不可以思议------怎么可能,一个项目就一个html页面。那跳转怎么办?页面结构不一样怎么办?等等,一大堆问号就来了,想不通啊。

        其实,单页面应用,就是把整个项目的所有页面的所有内容分成了很多的小块(就是组件),可以重复利用的,可以任意调整的组件,每个组件就是一个独立的部分(包括html,css和javascript代码)。再做一个html(基本上啥也没有),这个html就是一个页面容器,需要放那个组件时,直接引入就行。跳转时,直接跳转组件就行。当需要加载某个组件时,js会动态创建这些组件里的HTML,CSS。还是一头雾水。

           还是先来了解一下,单页面应用的好处,你才有兴趣深入了解单页面应用,否则,你是不愿意接近它的。

           还得简单先说一下,多页面应用(其实,就是以前传统的web开发,有了单页面应用,才把以前的传统web开发叫作单页面应用)。有了对比就有了伤害,多页面应用的缺点:每次进入新的页面,都需要向服务器发送请求,要整个页面的所有代码。而且,多次操作后,再次进入该页面时,还得再次请求。不但浪费了网络流量,更重要的是有延迟,用户友好性,用户体验不好。

         几乎每一个响应动作都会刷新整个页面 (啊 …………………………)

         单页面应用的优点,正是多页面应用的缺点。单页面是一次性把web应用的所有代码(HTML,JavaScript和CSS)全部请求过来,有时候考虑到首屏加载太慢会按需加载。这样一来,以后用户的每一个动作都不会重新加载页面(即不用再问服务器要页面的HTML,css和js代码),取而代之的是利用 JavaScript 动态的变换HTML的内容(这不需要和服务器交互,除非数据是动态,那么只需要问服务器要数据即可)。效率是刚刚地。

         如果你想懂得以前的桌面应用开发(叫C/S开发),那么,你就知道SPA是停接近桌面应用开发。

          如果你想了解企业级开发的历史,以及桌面应用开发,web多页面开发,SPA之间的关系和发展,请回复我,你的回复是我继续写下去的动力!

  • 22
    点赞
  • 40
    收藏
    觉得还不错? 一键收藏
  • 11
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 11
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

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

余额充值