Question

From: Wang, Jerry

Sent: Friday, 19 June, 2015 4:31 PM

Subject: RE: [Follow up] Why the synchronous request did not BLOCK the UI

Hi all,

这个issue很有意思，昨天和德国同事开会时，他们问我们为什么我们code里写的odata request是同步的，但是并没有block 住UI。当时我没答上来，因为确实我看起来也是没block UI。
今天我做了研究，通过图表和视频理直气壮地告诉他们：代码没问题，是我们眼睛犯错了。视频在下面的share folder里。研究思路在下面的邮件里。

Please read more detail from Jerry’s mail.

Jerry’s analysis process

手动在后台reques响应里加上一个延时，来模拟后台耗时很长的scenario.

Then I test in UI with this modified Odata implementation. Now as expected it took around 13 seconds to get the returned image url.
During this timeframe, UI is completely freezed: end user does not have any chances to click anything in UI.

Synchronous mode

Afterwards the synchronous behavior is quite obvious now. I click one item in navigation list to trigger the synchronous request for Image url retrieval. And after that, I cannot do any operation on UI - it is completely freezed.

Please refer to attached video “synchronous.wmv”.

Asynchronous mode

Then I change the manual latency to 20 seconds and retest the UI.

Now every time I click one opportunity in the navigation list, still one http request for image logo is sent out. Compared with synchronous mode, this time the UI is not blocked - I can continue to work on UI without waiting for the response.

This asynchronous behavior could also easily be found in the timechart in Chrome network:

Conclusion

code is correct, our eye is wrong.

要获取更多Jerry的原创文章，请关注公众号"汪子熙":

关于Fiori application里取Account image的Odata request是否会阻塞UI的问题讨论相关推荐

SAP CRM Fiori应用里取top20的service url的determine逻辑
Created by Wang, Jerry, last modified on Aug 14, 2015 点击launchpad 的my task tile后,需要知道sServiceUrl是在何时 ...
SAP Fiori 应用里图标(Icon)的渲染原理和使用技巧
这是 Jerry 2021 年的第 27 篇文章,也是汪子熙公众号总共第 298 篇原创文章. 近日,一位 SAP 合作伙伴的开发人员,向我咨询一个关于 SAP Fiori 应用里图标的使用问题. 这 ...
SAP Fiori Application Generator 在 Visual Studio Code 启动时遇到的错误消息
有朋友看了我的文章在没有任何前端开发经验的基础上, 创建第一个 SAP Fiori Elements 应用之后,动手在 Visual Studio Code 里尝试 Fiori Applicati ...
把经典的ABAP webdynpro应用配置到SAP Fiori Launchpad里
假设我们在ES5系统里有一个ABAP webdynpro应用,想配置到SAP Fiori Launchpad里,首先在SAP Cloud Platform上创建一个Destination,指向ES5: ...
一步步把SAP GUI的事务码配置到SAP Fiori Launchpad里
今天是2020年1月31日鼠年大年初七,这是Jerry鼠年的第7篇文章,也是汪子熙公众号总共第206篇原创文章. Jerry之前的文章为什么SAP GUI里的传统事务码能通过Fiori Launch ...
my appointment Fiori customizing里的Calendar checkbox的实现逻辑
From: Wang, Jerry Sent: Tuesday, April 21, 2015 11:29 AM Subject: 刚才说的my appointment Fiori customizi ...
Flex Application里的addChild()
转自:http://www.cnblogs.com/jiahuafu/archive/2009/03/20/1417679.html 在Flex Application里,是不能直接用addChild ...
如何修改Fiori Launchpad里Tile计数调用的时间间隔
Fiori launchpad里的Tile上有一个数字,例如下图My Leads的例子:每隔指定的时间间隔,会向后台发起一次数据请求,读取当前Lead的个数. 这个请求可以在Chrome Develo ...
如何分辨 SAP Fiori Launchpad 里的真假 Fiori 应用
这是Jerry 2021年的第 23 篇文章,也是汪子熙公众号总共第 294 篇原创文章. 本文标题里的"真假" Fiori 应用,改成业内术语应该是:基于 SAP UI5 的原生 ...

关于Fiori application里取Account image的Odata request是否会阻塞UI的问题讨论