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

sugarmo 发布于2019-08-23 14:05 / 3506人阅读

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

一，什么是单页面应用

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

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

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

三，单页面的缺点

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

四：实现原理

GPU云服务器云服务器单页面应用深入了解javascript 深入了解php项目如何深入了解linux

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

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

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

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

happen 2019-08-02 16:00 评论0 收藏0
双十二大前端工程师读书清单

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

余学文 2019-08-22 11:14 评论0 收藏0
双十二大前端工程师读书清单

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

Jochen 2019-08-29 14:01 评论0 收藏0