JerryWang_汪子熙
SAP UI5 初学者教程之七 - JSON 模型初探试读版
Jerry 从 2014 年加入 SAP成都研究院 CRM Fiori 开发团队之后开始接触 SAP UI5,曾经在 SAP 社区和“汪子熙”微信公众号上发表过多篇关于 SAP UI5 工作原理和源码解析的文章。
2021-10-11 17:51:58阅读全文
SAP UI5 初学者教程之六 - 了解 SAP UI5 的模块(Module)概念试读版
Jerry 从 2014 年加入 SAP成都研究院 CRM Fiori 开发团队之后开始接触 SAP UI5,曾经在 SAP 社区和“汪子熙”微信公众号上发表过多篇关于 SAP UI5 工作原理和源码解析的文章。
2021-10-11 17:06:25阅读全文
web 应用开发最佳实践之一:避免大型、复杂的布局和布局抖动
Avoid Large, Complex Layouts and Layout Thrashing
2021-10-16 22:55:09阅读全文
Angular 如何为多个项目使用单一存储仓库
Angular 工作区是 Angular project 的集合。Angular project 包含 application 和 library 两种。
2021-10-16 22:33:36阅读全文
关于 SAP 电商云 Spartacus UI SSR 的 state transfer 问题
我使用基于版本 3.4.5(某客户正在使用)的 Schematics 创建了一个店面,并在 SSR 模式下运行它。
2021-10-17 06:34:02阅读全文
使用 Chrome 开发者工具 coverage 功能分析 web 应用的渲染阻止资源的执行分布情况
渲染阻止资源(render-blocking resources)是浏览器必须下载、解析和执行才能显示页面的外部 JavaScript 或 CSS 文件。 目标是仅运行正确显示页面所需的核心 CSS 和 JavaScript 代码。
2021-10-17 11:29:05阅读全文
如何创建 Angular 库并在 Angular 应用里调用
把功能打包成库会强迫库中的工件与应用的业务逻辑分离。这有助于避免各种不良实践或架构失误,这些失误会导致将来很难解耦和复用代码。
2021-10-18 06:58:46阅读全文
如何将 SAP UI5 应用托管到 Github 网站上并运行
本文我本来想用标题“如何将 SAP UI5 应用部署到 Github 网站上并运行”,但实际上这种操作并没有真正将 SAP UI5 应用部署到传统意义上的服务器,而仅仅是利用了 Github 提供的 gh-pages 功能,来达到运行 web 应用的目的。
2021-10-17 16:23:54阅读全文
介绍一个使用 cl_abap_corresponding 进行两个内表不同名称字段赋值的快捷方法
假设我们有两个 ABAP 内表,每个内表分别包含 a, b 和 a', b' 字段。
2021-10-18 12:21:03阅读全文
Angular 原理图 Schematics 学习 - 动手开发一个实际的例子
当 ng add 命令向项目中添加某个库时,就会运行原理图。ng generate 命令则会运行原理图,来创建应用、库和 Angular 代码块。
2021-10-17 22:00:02阅读全文
如何运行 Angular library 的原理图 Schematics
Jerry 的前一篇文章Angular 原理图 Schematics 学习 - 动手开发一个实际的例子,已经开发好了一个可以运行的 Angular library Schematics.
2021-10-18 14:45:37阅读全文
如何使用 Visual Studio Code 调试 Angular Schematics 实现
How to Debug an Angular Schematic using Visual Studio Code
2021-10-18 01:26:38阅读全文
ts-node 学习笔记 - 如何解决在 Windows10 下不能直接运行 ts-node 的问题
ts-node 是 Node.js 的 TypeScript 执行引擎和 REPL。
2021-10-21 08:09:18阅读全文
SAP 电商云 Spartacus UI product 明细页面的路由配置
如果直接访问如下 url:http://localhost:4200/powerto...
2021-10-27 11:52:39阅读全文
日志库 winston 的学习笔记 - 创建一个使用 winston 的 Node.js 应用
winston 被设计为一个简单且通用的日志库,支持多种传输。 传输本质上是日志的存储设备。 每个 winston 记录器都可以在不同级别配置多个存储渠道。例如,人们可能希望将错误日志存储在持久的远程位置(如数据库),但所有调试日志都输出到控制台或本地文件。
2021-10-26 18:16:12阅读全文
SAP 电商云 Spartacus UI 实现的 ngrx-router-store.js 的 serializer
如果直接访问如下 url:http://localhost:4200/powerto...
2021-10-27 02:33:10阅读全文
如何找到 SAP 电商云 Spartacus UI 产品明细界面对应的 Angular 实现 Component 名称
我们看一个 PDP 即 product detail page 的实际例子:
2021-10-27 13:27:57阅读全文
日志库 winston 的学习笔记 - logger.info 的实现原理单步调试
按照这篇文章日志库 winston 的学习笔记 - 创建一个使用 winston 的 Node.js 应用里的代码,对下列方法进行单步调试:
2021-10-27 09:37:47阅读全文
SAP 电商云 Spartacus 产品明细页面的 OCC API 是如何被触发的
当访问如下 url 时,http://localhost:4200/powerto...
2021-10-26 23:57:16阅读全文
SAP 电商云 Spartacus UI 产品明细页面路由路径的自定义配置
如下图所示,为了减少 SAP 电商云 Spartacus 客户实施时不必要的配置,Spartacus 将不少页面的路由路径的默认配置,定义在如下的 default-routing-config.ts 文件里:
2021-10-26 23:37:06阅读全文
日志库 winston 的学习笔记 - logger.info 打印到控制台上的实现原理
上述代码的含义是,如果当前 Node.js 执行环境不是生产环境,则将 winston 的输出,打印到控制台上。
2021-10-26 17:19:58阅读全文
如何找到 SAP 电商云 UI 导航 navigation 的驱动器 - NavigationEntryItemEffects
该 effect 有三个依赖:
2021-10-27 06:24:42阅读全文
SAP 电商云 Spartacus 产品明细页面的 pageContext 如何获取的?
调试入口:this.routingService.getNextPageContext()
2021-10-26 20:33:47阅读全文