资讯专栏INFORMATION COLUMN

深入了解单页面(spa)应用(一)

sugarmo / 3526人阅读

摘要:一,什么是单页面应用通俗的来讲,就是一个应用只有一个页面,用户通过切换路由和动态获取数据达到页面更新的目的,整个应用的使用过程中,页面只是局部刷新。

一, 什么是单页面应用

通俗的来讲,就是一个应用只有一个页面,用户通过切换路由和动态获取数据达到页面更新的目的,整个应用的使用过程中,页面只是局部刷新。在整个应用初始加载时,会一次性加载所有静态文件或所有公共静态文件(切换页面时,加载相应静态文件);

二, 为什么要什么用单页面应用

  1:用户体验好,  相比较多页面应用,多页面在切换页面的时候,需要加载所有页面所需要的静态文件,页面会出现短暂的白屏效果,相比较单页面应用, 所有公用的静态文件都首次加载后,保存在了本地,在进行切换页面的时候,只需要加载相应的文件和数据就行,整个过程加载量很少
  2:前后端彻底分离, 服务端只通过接口提供数据, 不用像之前需要把数据渲染到页面上,一套api可以再浏览器应用中使用,也可以再移动ios,Android中使用,做到了彻底的前后端分离
  
  3,完全的前端
  
  

三, 单页面的缺点

   1, 首次加载大量资源: 因为需要在一个页面中呈现所有的应用的功能,势必需要加载所有页面都需要的资源文件,这样就需要在首次加载的时候,加载大量资源,导致首页等待时间过长,(现在初步优化的结果是: 在切换页面的时候,加载相应的资源)
   
   2,对SEO不友好: 因为整个页面刚开始可能是个空页面,数据指动态获取的, 搜索引擎是搜获不到任何有关的内容
   
   3:相比家多页面应用,单页面需要掌握的知识要多,开发难度更大
   

四: 实现原理

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/100072.html

相关文章

  • 双十二大前端工程师读书清

    摘要:本文最早为双十一而作,原标题双大前端工程师读书清单,以付费的形式发布在上。发布完本次预告后,捕捉到了一个友善的吐槽读书清单也要收费。这本书便从的异步编程讲起,帮助我们设计快速响应的网络应用,而非简单的页面。 本文最早为双十一而作,原标题双 11 大前端工程师读书清单,以付费的形式发布在 GitChat 上。发布之后在读者圈群聊中和读者进行了深入的交流,现免费分享到这里,不足之处欢迎指教...

    happen 评论0 收藏0
  • 双十二大前端工程师读书清

    摘要:本文最早为双十一而作,原标题双大前端工程师读书清单,以付费的形式发布在上。发布完本次预告后,捕捉到了一个友善的吐槽读书清单也要收费。这本书便从的异步编程讲起,帮助我们设计快速响应的网络应用,而非简单的页面。 本文最早为双十一而作,原标题双 11 大前端工程师读书清单,以付费的形式发布在 GitChat 上。发布之后在读者圈群聊中和读者进行了深入的交流,现免费分享到这里,不足之处欢迎指教...

    余学文 评论0 收藏0
  • 双十二大前端工程师读书清

    摘要:本文最早为双十一而作,原标题双大前端工程师读书清单,以付费的形式发布在上。发布完本次预告后,捕捉到了一个友善的吐槽读书清单也要收费。这本书便从的异步编程讲起,帮助我们设计快速响应的网络应用,而非简单的页面。 本文最早为双十一而作,原标题双 11 大前端工程师读书清单,以付费的形式发布在 GitChat 上。发布之后在读者圈群聊中和读者进行了深入的交流,现免费分享到这里,不足之处欢迎指教...

    Jochen 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<