利用ES6里标准化的JavaScript proxy对象拦截SAP C4C页面的HTML div原生操作
SAP Cloud for Customer的UI实现里,有不少使用JavaScript在运行时动态创建div标签的例子。
如果想研究这些情形发生的上下文,我们可以使用ES6提供的标准Proxy对象,给浏览器原生的document.createElement方法注入一个proxy,里面设置一个断点。这样每当div标签页被动态创建时,我们注入的proxy将会取代标准的document.createElement被浏览器调用。从断点停下来的调用上下文,我们即可观测到更多信息。
const handler = { // Our hook to keep the track apply: function (target, thisArg, args){ console.log("Jerry Intercepted a call tocreateElement with args: " + args); debugger; return target.apply(thisArg, args) } } document.createElement= new Proxy(document.createElement, handler);
比如每次SAP Cloud for Customer UI出现busy indicator的动画效果时,其实浏览器就是残躯新建一个div标签的方式实现的。
使用setTimeout实现busy indicator的动态效果。
本文来自云栖社区合作伙伴“汪子熙”,了解相关信息可以关注微信公众号"汪子熙"。
低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
用SAP WebIDE将CRUD Master-Detail应用打包成Hybrid App
登录api.sap.com, 找到自己想用ABAP调用的API: API References里,点击Code Snippt, 即可看到API Hub自动生成的使用ABAP调用该API的代码: 在SAP WebIDE里,选择Tools->Preferences, 启用Hybrid App Toolkit: 选择WebIDE里的Master-Detail应用文件夹,右键菜单里选择Mobile->Enable as Hybrid Mobile Project: 这个选择会添加一个名叫mobile的文件夹到当前项目工程里,包含了一些该应用在设备或者模拟器里运行所必须的一些文件: Build Packaged App: 选择应用运行的移动平台类型: Build成功: 本文来自云栖社区合作伙伴“汪子熙”,了解相关信息可以关注微信公众号"汪子熙"。
- 下一篇
在SAP Data Intelligence Modeler里创建新的pipeline
新建一个graph: 保存: 将Processing下面的Data Generator这个Operator拖拽到graph的编辑区域,点击<>符号开始编辑脚本: 可以查看自动生成的JavaScript代码: 这个Generator生成的随机数需要一个输出,这里我们选择terminal operator: 将data Generator的outport绑定到terminal的inport: 执行: 在终端上看到打印的输出: 本文来自云栖社区合作伙伴“汪子熙”,了解相关信息可以关注微信公众号"汪子熙"。
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- Mario游戏-低调大师作品
- SpringBoot2整合Thymeleaf,官方推荐html解决方案
- CentOS8安装MyCat,轻松搞定数据库的读写分离、垂直分库、水平分库
- Springboot2将连接池hikari替换为druid,体验最强大的数据库连接池
- Linux系统CentOS6、CentOS7手动修改IP地址
- SpringBoot2编写第一个Controller,响应你的http请求并返回结果
- Hadoop3单机部署,实现最简伪集群
- CentOS7安装Docker,走上虚拟化容器引擎之路
- CentOS7编译安装Cmake3.16.3,解决mysql等软件编译问题
- CentOS7编译安装Gcc9.2.0,解决mysql等软件编译问题