其他分享
首页 > 其他分享> > SPA

SPA

作者:互联网

SPA

  单页 Web 应用(single page web application, SPA),就是只有一张 Web 页面页面的应用,是加载单个 HTML 页面并在用户与应用程序交互时动态更新改页面的 Web 应用程序。

 

特点:

  MVVM:经典 MVVM 开发模式,前后端各负其责。

  AJAX:重前端,业务逻辑全部在本地操作,数据都需要通过AJAX同步、提交。

  路由:在URL中采用 # 号来作为当前视图地址,改变 # 号后的参数,页面不会重载。

  良好的交互体验:用户不需要重新刷新页面,获取数据也是通过Ajax异步获取,页面显示流畅,让用户在 web app 感受 native app 的速度和流畅。

  良好的前后端工作分离模式:单页 Web 应用可以和 RESTful 规约一起使用,通过 REST API 提供接口数据,并使用 Ajax 异步获取,这样有助于分离客户端和服务端工作。更进一步,客户端可以分解为静态页面和页面交互两个部分。

  减轻服务器压力:服务器只用出数据就可以,不用管展示逻辑和页面合成,吞吐能力会提高几倍。

  共用一套后端程序代码:不用修改后端程序代码可以同时用于 Web 界面、手机、平板等多种客户端。

 

缺点:

  SEO 难度较高:爬虫只能拿到一个 div,认为页面是空的,不利于SEO。由于所有内容都在一个页面中动态替换显示,所以 SEO 上其有着天然弱势,所以如果站点对SEO很重要,且要用单页应用,那么就做些静态页面给搜索引擎用吧。

  前进、后退管理:由于单页 Web 应用在一个页面中显示所有的内容,所以不能使用浏览器的前进后退功能,所有页面切换需要自己建立堆栈管理,当然此问题也有解决方案,比如利用 URI 中散列 + iframe 实现。

  初次加载耗时多:首屏渲染等待时长,必须得加载完毕,才能渲染出首屏。为实现单页 Web 应用功能及显示效果,需要在加载页面的时候将 JavaScript、CSS 统一加载,部分页面可以在需要的时候加载。所以必须对 JavaScript 、CSS 代码进行合并压缩处理,如果使用第三方库,建议使用一些大公司的CDN,因此宽带消耗是必须的。

 

开发流程:

  用循环视角审视 Web 应用开发。

  框定一个一致的 SPA 图形用户界面(GUI)和模型。

  将 SPA 原则带回服务器端。

  聚集于对合适应用进行早期 SPA 开发。

 

内容记录来自:https://www.jianshu.com/p/dcea4d914b65(感谢)

标签:Web,单页,SEO,SPA,页面,加载
来源: https://www.cnblogs.com/L-xjco/p/15088872.html