- 如图：假设我们通过下列 url，打开 SAP Spartacus 一个产品的明细页面，我们想找出是哪个 Angular Component，实现了该明细页面。http://localhost:4200/electronics-spa/en/USD/product/553637/nv10打开 Chrome 开发者工具，查看 Product 明细页面的 HTML 源代码，能找到 cx-page-... 如图：假设我们通过下列 url，打开 SAP Spartacus 一个产品的明细页面，我们想找出是哪个 Angular Component，实现了该明细页面。http://localhost:4200/electronics-spa/en/USD/product/553637/nv10打开 Chrome 开发者工具，查看 Product 明细页面的 HTML 源代码，能找到 cx-page-...
- 本系列之前的文章(0) SAP UI5应用开发人员了解UI5框架代码的意义(1) SAP UI5 module懒加载机制(2) SAP UI5 控件渲染机制(3) HTML原生事件 VS SAP UI5 Semantic事件(4) SAP UI5控件元数据的元数据实现(5) SAP UI5控件的实例数据修改和读取逻辑(6) SAP UI5控件数据绑定的实现原理(7) SAP UI5控件数据... 本系列之前的文章(0) SAP UI5应用开发人员了解UI5框架代码的意义(1) SAP UI5 module懒加载机制(2) SAP UI5 控件渲染机制(3) HTML原生事件 VS SAP UI5 Semantic事件(4) SAP UI5控件元数据的元数据实现(5) SAP UI5控件的实例数据修改和读取逻辑(6) SAP UI5控件数据绑定的实现原理(7) SAP UI5控件数据...
- Angular 官网的代码：https://angular.io/api/core/Injectable#providedin我把这段代码原封不动地拷贝到我的 app.module.ts ，然后执行：@Injectable()class UsefulService {}@Injectable()class NeedsService { constructor(public service:... Angular 官网的代码：https://angular.io/api/core/Injectable#providedin我把这段代码原封不动地拷贝到我的 app.module.ts ，然后执行：@Injectable()class UsefulService {}@Injectable()class NeedsService { constructor(public service:...
- 在之前的 SAP Spartacus 标准开发中，每次我从 Github 上 clone 了最新的代码后，必须手动修改 environment.ts 里的配置值，将 CX_BASE_URL 和 b2b 修改成实际值：后来我研究了一下 package.json 里定义的脚本：发现使用了 env-cmd 这个工具：env-cmd --no-override -e dev,b2c,$SPA_ENV... 在之前的 SAP Spartacus 标准开发中，每次我从 Github 上 clone 了最新的代码后，必须手动修改 environment.ts 里的配置值，将 CX_BASE_URL 和 b2b 修改成实际值：后来我研究了一下 package.json 里定义的脚本：发现使用了 env-cmd 这个工具：env-cmd --no-override -e dev,b2c,$SPA_ENV...
- 标题：SAP Cloud Application Programming 里的@(path:’/browse’)service 实现的 .cds 文件源代码：using { sap.capire.bookshop as my } from '../db/schema';service CatalogService @(path:'/browse') { @readonly entity B... 标题：SAP Cloud Application Programming 里的@(path:’/browse’)service 实现的 .cds 文件源代码：using { sap.capire.bookshop as my } from '../db/schema';service CatalogService @(path:'/browse') { @readonly entity B...
- 答案就在这个参数里：skip=0&top=100ODataListBinding.js里,this.loadData的输入参数为100：this.oModel.iSizeLimit 为100:在 sap-ui-core-dbg.js里,同样能看到下面高亮出来的硬编码代码:this.iSizeLimit = 100;我基于 SAP Spartacus library创建了一个自定义的Store... 答案就在这个参数里：skip=0&top=100ODataListBinding.js里,this.loadData的输入参数为100：this.oModel.iSizeLimit 为100:在 sap-ui-core-dbg.js里,同样能看到下面高亮出来的硬编码代码:this.iSizeLimit = 100;我基于 SAP Spartacus library创建了一个自定义的Store...
- 解析 SAP Spartacus B2B list 实现，即list.component.html时，因为在Component 模板里遇到了[cxPopover]指令，因此触发依赖注入：首先创建directive实例：当点击宿主元素 icon 时，因为@HostListener 注解的原因，一旦宿主元素发生了 click 事件后，我们定义在 directive 实现里的handleOpen方... 解析 SAP Spartacus B2B list 实现，即list.component.html时，因为在Component 模板里遇到了[cxPopover]指令，因此触发依赖注入：首先创建directive实例：当点击宿主元素 icon 时，因为@HostListener 注解的原因，一旦宿主元素发生了 click 事件后，我们定义在 directive 实现里的handleOpen方...
- 这个弹出窗口的技术实现，通过SAP Spartacus 自定义的popover Component实现而成：注意，当我刚接触Angular时，误以为下图标号为1的a标签，和标号为2的自定义标签cx-org-toggle-status, 会按照其在unit-details.component.html里出现的先后顺序，出现在最终的页面里。实际上，我这种理解是错误的。SAP Spartacus ... 这个弹出窗口的技术实现，通过SAP Spartacus 自定义的popover Component实现而成：注意，当我刚接触Angular时，误以为下图标号为1的a标签，和标号为2的自定义标签cx-org-toggle-status, 会按照其在unit-details.component.html里出现的先后顺序，出现在最终的页面里。实际上，我这种理解是错误的。SAP Spartacus ...
- 最近一段时间, Jerry 陆续把自己在 SAP Commerce Cloud (电商云) 新一代前台页面开发的日常工作中遇到的一些问题和心得，写成了文章：从一个实际的例子出发，谈谈SAP Commerce Cloud电商云的UI自定义开发SAP Commerce Cloud (电商云) UI 的懒加载功能SAP CRM Fiori 应用和 SAP Commerce Cloud (电商云) ... 最近一段时间, Jerry 陆续把自己在 SAP Commerce Cloud (电商云) 新一代前台页面开发的日常工作中遇到的一些问题和心得，写成了文章：从一个实际的例子出发，谈谈SAP Commerce Cloud电商云的UI自定义开发SAP Commerce Cloud (电商云) UI 的懒加载功能SAP CRM Fiori 应用和 SAP Commerce Cloud (电商云) ...
- 本文首先快速回顾几种 SAP 产品中的 UI 增强思路，然后具体介绍该思路是如何在 SAP Commerce Cloud(电商云) UI 增强中贯彻实施的。Jerry 之前的文章：Jerry 在 2020 SAP 全球技术大会的分享：SAP Spartacus 技术介绍的文字版，曾经提到，SAP 电商云的新一代标准 UI，由众多 Angular Component 组成，这些 Compone... 本文首先快速回顾几种 SAP 产品中的 UI 增强思路，然后具体介绍该思路是如何在 SAP Commerce Cloud(电商云) UI 增强中贯彻实施的。Jerry 之前的文章：Jerry 在 2020 SAP 全球技术大会的分享：SAP Spartacus 技术介绍的文字版，曾经提到，SAP 电商云的新一代标准 UI，由众多 Angular Component 组成，这些 Compone...
- 最近工作中处理了 SAP Commerce Cloud (电商云) UI 的一个懒加载 (Lazy Load) 功能的问题，这里把自己学到的东西做个记录。UI 懒加载，有时又称惰性加载，延迟加载，是和贪婪加载 (Eager Load) 截然相反的一种 UI 组件加载策略。假设一个应用的 UI 由 A，B，C 若干视图组成，采用贪婪加载，则所有视图的实现代码，在 build 阶段会被合并到一个... 最近工作中处理了 SAP Commerce Cloud (电商云) UI 的一个懒加载 (Lazy Load) 功能的问题，这里把自己学到的东西做个记录。UI 懒加载，有时又称惰性加载，延迟加载，是和贪婪加载 (Eager Load) 截然相反的一种 UI 组件加载策略。假设一个应用的 UI 由 A，B，C 若干视图组成，采用贪婪加载，则所有视图的实现代码，在 build 阶段会被合并到一个...
- https://blog.thoughtram.io/angular/2016/01/22/understanding-zones.html假设有这三个函数：foo();bar();baz();function foo() {...}function bar() {...}function baz() {...}要度量其运行时间：var start, time = 0; time... https://blog.thoughtram.io/angular/2016/01/22/understanding-zones.html假设有这三个函数：foo();bar();baz();function foo() {...}function bar() {...}function baz() {...}要度量其运行时间：var start, time = 0; time...
- 上周 Jerry 做 SAP Spartacus 开发时，接触到一个新的和幽灵相关的术语： Skeleton Design(Ghost Design)读了帮助文档后，发现该名词对我来说只不过是旧瓶装新酒罢了。 本文目录SAP UI5 Busy Dialog使用代理模式( Proxy Pattern ) 提高 SAP UI5 大尺寸图片的加载体验SAP Spartacus Spinner 控件... 上周 Jerry 做 SAP Spartacus 开发时，接触到一个新的和幽灵相关的术语： Skeleton Design(Ghost Design)读了帮助文档后，发现该名词对我来说只不过是旧瓶装新酒罢了。 本文目录SAP UI5 Busy Dialog使用代理模式( Proxy Pattern ) 提高 SAP UI5 大尺寸图片的加载体验SAP Spartacus Spinner 控件...
- 在使用本文章介绍的步骤进行SAP Spartacus Storefront在服务器端渲染模式(SSR)下的调试之前，请您确保已经按照如下帮助文档的介绍，已经成功启用了服务器端渲染：https://sap.github.io/spartacus-docs/server-side-rendering-in-spartacus/并且成功通过下列命令行启动了Spartacus Storefront：... 在使用本文章介绍的步骤进行SAP Spartacus Storefront在服务器端渲染模式(SSR)下的调试之前，请您确保已经按照如下帮助文档的介绍，已经成功启用了服务器端渲染：https://sap.github.io/spartacus-docs/server-side-rendering-in-spartacus/并且成功通过下列命令行启动了Spartacus Storefront：...
- 我们团队昨天收到了一个优先级为VERY HIGH的客户incident.这个incident是客户在使用SAP Spartacus并试图启用其服务器端渲染模式(Server Side Rendering，简称SSR)时，遇到了问题，因此我有机会回顾之前使用过的SAP UI开发技术里，关于客户端渲染(Client Side Rendering，简称CSR)和服务器端渲染的知识点。 回顾目录SA... 我们团队昨天收到了一个优先级为VERY HIGH的客户incident.这个incident是客户在使用SAP Spartacus并试图启用其服务器端渲染模式(Server Side Rendering，简称SSR)时，遇到了问题，因此我有机会回顾之前使用过的SAP UI开发技术里，关于客户端渲染(Client Side Rendering，简称CSR)和服务器端渲染的知识点。 回顾目录SA...
上滑加载中
推荐直播
-
OpenHarmony应用开发之网络数据请求与数据解析2025/01/16 周四 19:00-20:30
华为开发者布道师、南京师范大学泰州学院副教授，硕士研究生导师，开放原子教育银牌认证讲师
科技浪潮中，鸿蒙生态强势崛起，OpenHarmony开启智能终端无限可能。当下，其原生应用开发适配潜力巨大，终端设备已广泛融入生活各场景，从家居到办公、穿戴至车载。 现在，机会敲门！我们的直播聚焦OpenHarmony关键的网络数据请求与解析，抛开晦涩理论，用真实案例带你掌握数据访问接口，轻松应对复杂网络请求、精准解析Json与Xml数据。参与直播，为开发鸿蒙App夯实基础，抢占科技新高地，别错过！
回顾中 -
Ascend C高层API设计原理与实现系列2025/01/17 周五 15:30-17:00
Ascend C 技术专家
以LayerNorm算子开发为例，讲解开箱即用的Ascend C高层API
回顾中
热门标签