第一点 :传统web应用遇到的2个问题

1.User Experience 用户体验

2.Performance 性能问题

SPA如何解决这些问题的:

不重新加载页面,交互尽可能使用一个web document对象。

用户体验变得更加的连续和流畅,同时网络延时带来的影响也很容易忽略。

第二点: 有一下技术方法可以用来,发送请求给服务器。

客户端技术

1.AJAX技术,采用jQuery ajax请求可以做跨浏览器兼容问题,未来的一个趋势。

2.Browser Plugins 向服务器异步发送请求 Silverlight,Flash和Java Applets技术

中间数据传输格式:

XML(XSLT)JSON(using the JavaScript to update the partial area of DOM)

服务器端技术:

提供给客户端数据API或者web service。当然API或者web service可以接收参数的传递

ASP.NET Web API技术和Web Service技术,升级版的WCF技术。

第三点: 在本地运行

借助HTML5的Web storage技术

第四点: SPA应用的挑战

1.SEO

2.Browser history 浏览器历史记录

HTML5 specification中介绍了pushState和replaceState来处理实际的URL地址和浏览器历史记录问题。

第五点:页面的生命周期

库介绍

客户端类库介绍:

Backbone.js: A client side Model-View-Controller(MVC) library.

Knockout.js : A JavaScript library that helps provide two way data binding fro web apps, inlcuding SPAs.

服务器端类库介绍

ItsNat

ZK:Java RIA AJAX framework, simulates a XUL desktop page in the server. This is rendered as HTML to the browser with event handlers running over AJAX on the server.

GWT技术:

客户端和服务器类库介绍

Derby和Exo

开发工具:

Omnis Studio.

Single Page Application概览相关推荐

  1. 单页面 Web 应用(Single Page Application,SPA)的工作原理介绍

    原文地址 SPA 无处不在,但在网络开发人员中仍然是一个颇有争议的话题. 自 2003 年左右首次出现以来,单页 Web 应用程序已经取得了长足的进步.它们已成为现代 javascript 领域不可或 ...

  2. Single page application(单页面应用)

    文章目录 vue-cli2 vue-cli3 介绍: Spa: Single page appliaction,只有一个 html 页面,对项目更好的分模块. vue-cli2 npm install ...

  3. Developing a Large Scale Application with a Single Page Application (S

    https://www.codeproject.com/Articles/808213/Developing-a-Large-Scale-Application-with-a-Single 使用 An ...

  4. Single Page Applications in ASP.NET MVC 4

    [This is from InfoQ - http://www.infoq.com/news/2012/02/SPA] The ASP.NET MVC 4 beta includes an expe ...

  5. monotouch Single View Application

    创建Single View Application,在AppDelegate中启动完成以后会自动跳转到主页面上. 在不使用Storyboard的情况下,直接创建单个的xib,跳转方式如下: stati ...

  6. Nuxt - Universal(SSR / SSG)/ Single Page App(渲染模式)

    前言 目前前端渲染模式,大致分为 3 种: 客户端渲染 CSR (Croswer Side Render) 服务端渲染 SSR (Server Side Render) 静态网站生成 SSG (Sta ...

  7. Angular 2与TypeScript概览

    迄今为止,在创建Web应用方面,AngularJS是当前最为流行的JavaScript框架.如今,Angular 2和TypeScript通过一种非常类似于Java 8的语法,使真正面向对象的Web开 ...

  8. 一种SPA(单页面应用)架构

    (如果对SPA概念不清楚的同学可以先自行了解相关概念) 平时喜欢做点小页面来玩玩,并且一直采用单页面应用(Single Page Application)的方式来进行开发.这种开发方式是在之前一年做的 ...

  9. 计算机专业术语对照表_艾孜尔江编

    A abstraction layer,抽象层 access,获取,存取 acoustic coupler,声音耦合器 Active Directory,活动目录 Acyclic Dependenci ...

最新文章

  1. 祝天下所有父亲节日快乐
  2. P4383-[八省联考2018]林克卡特树【wqs二分,树形dp】
  3. Samba服务全攻略
  4. python爬取论坛帖子_python爬虫爬取虎扑论坛的帖子名称和链接,为什么只能爬10页就报...
  5. BZOJ 3531[Sdoi2014]旅行
  6. Powershell 自定义对象小技巧
  7. jetpack-livedata2-SafeIterableMap
  8. 不要安全要性能,禁用补丁提高CPU性能
  9. eova(JFinal)项目一键式部署方法
  10. centos 7 屏蔽国外ip访问
  11. 利用手机距离感应器来切换扬声器和听筒播放
  12. 【jzoj5289】【NOIP2017提高组A组模拟8.17】【偷笑】【数据结构】
  13. [Jetson TX2] NVIDIA Jetson TX2 参数介绍
  14. 上海华谊(集团)公司-统一业务协同平台
  15. day07-python字典
  16. 怎么去掉视频上的水印?快速去除水印或字幕的大神技巧
  17. js moment.js 给定时间 获取自然月、周的时间轴
  18. IPv4 地址与 int 值转换【Python】
  19. 2020-10-22OpenCV 获取摄像头并显示摄像头视频
  20. 第十四届中国大学生创新创业大赛

热门文章

  1. IOS block 教程
  2. 【原创】parseInt大改造
  3. 关于朋友圈项目的重启。
  4. 黑客发飙!智能汽车不太安全你还敢开?
  5. SQL Server 2016 AlwaysOn 安装及配置介绍
  6. utf8乱码解决方案[适合tomcat部署的jsp应用]
  7. 错误名称:EntityCommandExecutionException
  8. Util应用程序框架公共操作类(八):Lambda表达式公共操作类(二)
  9. 水晶报表弹出用户密码输入框问题的解决
  10. vue 内打开一个新窗口,带传参!