Single Page Application概览

简介:

第一点 :传统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.

目录
相关文章
SAP WM Storage Type Search配置里的Storage Class & WPC标记
SAP WM Storage Type Search配置里的Storage Class & WPC标记
SAP WM Storage Type Search配置里的Storage Class & WPC标记
|
数据采集 JSON 前端开发
单页面 Web 应用(Single Page Application,SPA)的工作原理介绍
单页面 Web 应用(Single Page Application,SPA)的工作原理介绍
241 0
单页面 Web 应用(Single Page Application,SPA)的工作原理介绍
|
JSON 数据格式
Fiori Elements objectPage component creation ui JSON model creation oModel.getMetaModel().load
Fiori Elements objectPage component creation ui JSON model creation oModel.getMetaModel().load
110 0
Fiori Elements objectPage component creation ui JSON model creation oModel.getMetaModel().load
打开My Lead detail page会发生timeout的错误的解决方案
url: https://:4080/sap/opu/odata/sap/CRM_LEAD/Leads(guid’3440B5B1-73AE-1ED5-8281-F76984271084’)?$expand=Products,ChangeDocs,LeadLogs 这个gateway的request会call CRM backend 三次: 第一次触发:
打开My Lead detail page会发生timeout的错误的解决方案
|
缓存
SAP gateway里一个控制缓存行为的开关 User parameter /UI2/PAGE_CACHE_OFF
SAP gateway里一个控制缓存行为的开关 User parameter /UI2/PAGE_CACHE_OFF
89 0
SAP gateway里一个控制缓存行为的开关 User parameter /UI2/PAGE_CACHE_OFF
SAP Fiori Launchpad get role based page usages
SAP Fiori Launchpad get role based page usages
88 0
SAP Fiori Launchpad get role based page usages
How to put S4 extension field to CRM WebUI search view in the design time
How to put S4 extension field to CRM WebUI search view in the design time
How to put S4 extension field to CRM WebUI search view in the design time
SAP Odata batch操作,只支持multipart_mixed类型的content-type
SAP Odata batch操作,只支持multipart_mixed类型的content-type
113 0
SAP Odata batch操作,只支持multipart_mixed类型的content-type
如何在 SAP Spartacus 里添加自定义页面 - Custom Page
网友提问 Add a custom page to Spartacus I would like to add a custom sub page (http://localhost:4200/image-upload) to spartacus. The Header and Footer should be the same. Just the content should be an upload form. 三个步骤 Add a new content page in CMS with page label /image-upload (with the leading slash
如何在 SAP Spartacus 里添加自定义页面 - Custom Page
SAP Spartacus 404 Not found页面的显示机制 - canActivateNotFoundPage
SAP Spartacus 404 Not found页面的显示机制 - canActivateNotFoundPage
133 0
SAP Spartacus 404 Not found页面的显示机制 - canActivateNotFoundPage

热门文章

最新文章