云服务器价格_云数据库_云主机【优惠】最新活动-搜集站云资讯

域名交易_新木乃伊百度云超清_精选特惠

小七 141 0

域名交易_新木乃伊百度云超清_精选特惠

本项目演示如何使用新的ServiceWorker API开发一个离线的OpenUI5应用程序,该API不需要本机代码。

项目来源:https://github.com/pensoffsky/OpenUI5-ServiceWorker

您可以在当前的Chrome中试用,Opera或Android浏览器:https://pensoffsky.github.io/OpenUI5-ServiceWorker/index.html

(打开浏览器中的链接,让应用程序加载。这会将所有需要的文件放入ServiceWorker的缓存中。然后关闭浏览器,进入飞行模式并重新打开URL。应用程序应该正常启动。如果它不工作,那么可能您的浏览器还不支持。支持的浏览器列表)

在这里您可以看到对yql(yahoo api)的请求是实时的,大小为2.5KB。因此,当用户单击"刷新股价"按钮时,会获得实时数据。

浏览器被设置为脱机模式,微博淘客,页面被重新加载。

在这里您可以看到,大数据学习,在初始请求失败后,对yql(yahoo api)的请求会从ServiceWorker缓存中得到响应。因此,用户将获得上次使用应用程序时的股价。

根据ServiceWorker API的可用性,注册ServiceWorker。只有注册结束后,才会加载UI5资源。

首先定义要缓存哪些文件以供脱机使用

然后挂接ServiceWorker的安装事件。这用于将所有已定义的URL添加到缓存中。

我们还挂接fetch事件。此事件在webApp执行http请求时触发。我们根据URL检查应用程序请求的内容以及我们想要使用的缓存逻辑。

对于yahoo API,我们首先尝试通过http请求获取数据,只有当这不起作用时,我们才回答来自ServiceWorker缓存的请求。当http请求成功时,大数据挖掘,软件企业有哪些,我们将其添加到缓存中,大数据分析培训课程,以便下次脱机启动应用程序时可用。

我们总是尝试从ServiceWorker缓存中获取静态资源,并且只有当这不起作用时,我们才执行实时http请求。

使用AppCache和LocalStorage的UI5脱机应用程序