封面图

Chrome 开发者工具的 sources 面板中的 Show ignore-listed frames 开关

4 月 20 日
阅读 2 分钟
22
在 Chrome 开发者工具的 sources 面板中,Call stack 部分有一个名为 Show ignore-listed frames 的复选框,这个功能对于 JavaScript 开发者来说非常有用,尤其是在进行复杂的代码调试时。接下来,我将详细解释这个功能的作用、重要性以及何时使用它。
封面图

Chrome Extension Adblock 介绍

4 月 15 日
阅读 1 分钟
24
在今天的互联网生态中,广告无处不在,从社交媒体到新闻网站,几乎每个网页都布满了各式各样的广告。这不仅影响了用户的浏览体验,有时还会对用户的隐私构成威胁。针对这个问题,Chrome 扩展程序 AdBlock 应运而生,成为了许多用户的选择之一。AdBlock 不仅可以屏蔽烦人的广告,提升浏览体验,还能一定程度上保护用户隐...

封面图

Chrome 扩展 AdBlock hide something on this page 功能介绍

4 月 15 日
阅读 2 分钟
26
AdBlock 的 隐藏此页面上的某些内容(hide something on this page)功能,是一个强大且灵活的工具,它允许用户自定义隐藏网页上的任何元素。这个功能的核心价值在于提供了一种方法,让用户可以进一步提升浏览体验,尤其是在遇到那些通过常规广告过滤规则仍然无法去除的内容时。无论是烦人的悬浮窗口、页面上的特定图片...
封面图

Chrome 扩展 AdBlock 的 hide something on this page 背后的工作原理

4 月 15 日
阅读 2 分钟
13
AdBlock 的 隐藏此页面上的某些内容 功能是基于网页内容过滤技术实现的。这项技术涉及到对网页的 DOM(Document Object Model)结构进行分析和操作。DOM 是一个跨平台和语言独立的接口,它允许程序和脚本动态访问和更新内容、结构以及网页的样式。当你使用 AdBlock 的这一功能时,实际上是在指导 AdBlock 通过特定的规则...
封面图

serve-static Node.js 工具库的基本作用

4 月 3 日
阅读 2 分钟
50
在深入探讨 serve-static 这个 Node.js 的工具库之前,让我们了解一下它的基本作用:serve-static 是一个用于快速提供静态文件(如 HTML、CSS、JavaScript 文件)的中间件,常用于 Express 应用程序中。使用这个库可以极大地简化静态文件服务的配置过程。接下来,我们将通过不同的层面来探索 serve-static 的使用方法和...
封面图

防止你的 Web 应用被别人通过 Chrome 开发者工具进行调试的一种简单办法

2 月 24 日
阅读 1 分钟
189
代码中使用了 performance.now() 方法来获取高精度的时间戳,它返回从某一时间点到当前时间的毫秒数,不受系统时间的影响。在这里,startTime 和 endTime 分别记录了 debugger 语句前后的时间点。
封面图

推荐一个辅助阅读英文资料的 Chrome 沉浸式翻译扩展 - Immersive Translate

2 月 5 日
阅读 4 分钟
155
本公众号之前写过一些关于英语的文章:英语不好,对 SAP 英文文档有所畏惧,该怎么办?写作动机在于,有朋友在我的《零基础快速学习 ABAP 这套教程》的其中一篇文章里留言:哪里不懂点哪里 F1. 可是总是对英文文档有畏惧心理,汪老师有没有啥建议呀 ?感觉想要做好这一行这一点还是挺重要的。我当时也提到,如果条件允许...
封面图

关于 2024年1月开始无法使用 git push 提交代码的问题

1 月 19 日
阅读 2 分钟
484
遇到的错误消息 "ssh: connect to host github.com port 22: Connection refused" 是由于无法建立到 GitHub 服务器的 SSH 连接而导致的。该错误提示表明在尝试通过 SSH 协议连接到 GitHub 时,连接请求被拒绝。
封面图

一个好用的设置所有网页成暗黑背景的 Chrome 扩展

1 月 18 日
阅读 1 分钟
145
图1 是 SAP Fiori 3.0 时代的暗黑风格主题 Quartz Dark,图2 是我写过的一篇如何在自己开发的 SAP UI5 应用里启用这个暗黑主题的文章。
封面图

Chrome 浏览器中的一个隐藏设置页面

1 月 5 日
阅读 1 分钟
227
"chrome://flags/" 是 Chrome 浏览器中的一个隐藏设置页面,允许用户访问一些实验性的功能和高级设置。通过这个页面,用户可以启用或禁用各种功能,以调整浏览器的性能、功能和行为。这些功能可能还处于开发或测试阶段,因此可能不稳定或不适用于所有用户。
封面图

Chrome 开发者工具 Network 里 Failed to load response data 提示消息的含义

1 月 5 日
阅读 2 分钟
183
Failed to load response data: Request content was evicted from inspector cache
封面图

使用 Chrome 开发者工具去除某些网站上无法关闭的模态对话框

2023-11-13
阅读 2 分钟
244
有些网页设计得具有缺陷,模态对话框弹出来之后,找不到关闭按钮,导致对话框关闭不掉,很尴尬。其实可以通过使用 Chrome 开发者工具移除模态对话框对应的 DOM 元素,来实现去除模态对话框的目的。具体操作步骤:打开 Chrome 开发者工具,切换到 Elements 标签页,找到模态对话框对应的 DOM 元素,右键,选择 Delete ele...
封面图

什么是电商解决方案的 Composable 特性

2023-08-17
阅读 1 分钟
760
电商网站解决方案中的 "composable" 特性,或者叫 "组合性" 特性,是指电商平台的各种服务、功能和模块可以自由组合,以满足不同的业务需求。这种设计理念在现代电商平台的架构设计中得到了广泛的应用和实践。
封面图

什么是 cookie 的 httponly 属性

2023-06-22
阅读 2 分钟
648
Cookie 是一种用于在客户端和服务器之间传递数据的机制。它由服务器在 HTTP 响应中发送给客户端,并由客户端在随后的请求中将该数据回传给服务器。Cookie 通常用于存储用户的身份认证、会话状态、个性化设置等信息。

关于 Safari back 按钮在 iOS 16 不能按照期望工作的问题分析

2023-01-19
阅读 2 分钟
1.6k
User-Agent: Mozilla/5.0 (iPhone; CPU iPhone OS 16_1_1 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/16.1 Mobile/15E148 Safari/604.1
封面图

关于现代浏览器的 back-and-forward 缓存机制

2023-01-16
阅读 2 分钟
795
setUpLocationChangeListener:设置位置更改侦听器。 这个侦听器检测从路由器外部触发的导航(例如,浏览器后退/前进按钮)并安排相应的路由器导航,以便触发正确的 guard event.
封面图

Angular 应用如何回退到之前曾经浏览过的页面

2023-01-16
阅读 2 分钟
819
我们使用下面的代码,将 Router 注入到应用程序 Component 的构造函数里,然后再调用其 navigate 方法,这种思路只能实现 SPA 应用间的静态路由跳转。
封面图

Spartacus Storefront 里的 currency 和 language 的 store 设计

2023-01-16
阅读 3 分钟
538
currency 和 language 都持久化在 local storage 里了:app.config.ts?Failing E2E tests: The site context tests are failing涉及到的文件:currency-checkout-page.e2e-spec.tslanguage-checkout-page.e2e-spec.ts文件路径:projects\storefrontapp-e2e-cypress\cypress\integration\regression\site-context\currenc...
封面图

Apache 虚拟主机里的 ServerName 指令

2022-12-19
阅读 1 分钟
1.1k
术语虚拟主机(Virtual host)是指在一台机器上运行多个网站(例如 company1.example.com 和 company2.example.com)的做法。
封面图

SAP UI5 表格数据如何导出成 Excel 文件(Table Export As Excel)

2022-11-27
阅读 1 分钟
847
本教程前一步骤,我们在介绍 SAP UI5 SmartTable 时,提到了它的 Excel 导出功能。如果将 iseExportToExcel 设置为 true,就可以启用 Excel 导出功能,将 Table 控件显示的数据,导出成本地 Excel 文件。
封面图

SAP UI5 Gateway Export 和 Client Export 的比较

2022-11-27
阅读 1 分钟
669
SAP Gateway:如果有超过 100,000 个单元格或最多 500,000 个单元格,则显示警告,具体取决于会话和 ABAP 内存的配置。
封面图

使用 SAP UI5 sap.ui.export.Spreadsheet API 进行 Excel 导出的一些限制

2022-11-27
阅读 1 分钟
839
开发人员只能导出 sap.ui.export.EdmType 中列出的原始单元格数据类型,如下图所示:Excel Export API 不支持 UI5 表格单元格中的图标、图像、复选框和复杂控件。也不支持数据绑定中的自定义格式化程序。导出表的大小受可用浏览器内存的限制。导出大数据集可能会导致内存溢出错误。因此,请勿将 sap.ui.export.Spreadshe...
封面图

关于 SAP Spartacus SSR 请求 OCC API 遇到 403 错误的解决办法

2022-11-16
阅读 2 分钟
641
当启用服务器端渲染且 API 端点为私有(private,默认行为为拒绝所有 inbound 请求)时,来自 JS Storefront 的请求将被阻止并导致 403 错误。 用户还可能在加载页面后看到错误消息 You are not authorized to perform this action.
封面图

关于 Angular 部署以及 index.html 里 base hRef 属性的关联关系

2022-11-13
阅读 2 分钟
597
直接在 SAP 电商云 Spartacus UI 项目下,运行命令行 ng build, 输出如下:dist 文件夹:把 dist 文件夹下的 mystore 直接放到 tomcat webapps 文件夹下面,运行时:如果修改 base 标签页的 href 属性:则 index.html 里的几个 JavaScript 资源文件都加载不了:Error: Error: Cannot get base site config! Current url ...
封面图

SAP UI5 本地开发时 ui5.yaml 文件对构建 Release 版本应用目录的影响分析试读版

2022-11-06
阅读 2 分钟
668
本教程第 40 步骤,笔者介绍了如何制作 SAP UI5 应用能够部署到 Web 服务器上的 Release 版本(或者称作 Distribution 版本),即如何用工具自动生成 component-preload.js 文件:
封面图

Http failure response 0 Unknown error 错误分析

2022-11-05
阅读 2 分钟
1.4k
问题是,当请求失败时,我在控制台中看到 (unknown url): 0 Unknown Error 消息的通用 Http 失败响应。 同时,当我在 chrome 中检查失败的请求时,我可以看到响应状态为 422,并且在预览选项卡中,我看到了描述失败原因的实际消息。
封面图

SAP UI5 智能控件 Smart Controls 的初步认识试读版

2022-09-17
阅读 8 分钟
561
Jerry Wang,2007 年从电子科技大学计算机专业硕士毕业后加入 SAP 成都研究院工作至今。Jerry 是 SAP 社区导师,SAP 中国技术大使。在长达 15 年的 SAP 标准产品开发生涯里,Jerry 曾经先后参与 SAP Business ByDesign, SAP CRM, SAP Cloud for Customer, SAP S/4HANA, SAP Commerce Cloud(电商云)等标准产品的研发工作。
封面图

如何在 Spartacus 使用 UserAccountFacade 在语言设置更改后重新读取用户数据

2022-09-17
阅读 3 分钟
928
问题1:如何在 Spartacus 使用 UserAccountFacade 在语言设置更改后重新读取用户数据可以扩展上图这个 Observable.然后使用 combineLatest 和其他的 Observable 进行组合。问题2:使用 outlet 时遇到错误消息:Type before is not assignable to type OutletPosition解决方案:add outletPosition = OutletPosition; to ...
封面图

SAP Spartacus 和 CDC 集成的 HTTP 请求明细

2022-09-17
阅读 3 分钟
568
首先一个 account login 请求:url:[链接]直接访问的话,会报错误消息:缺少 API Key:每刷新一次浏览器,callId 会变化一次。response:token 请求的负载:成功取得 Access Token:HTTP post:请求的 payload:成功返回的数据:Spartacus 和 CDC 的集成配置步骤通过在店面应用程序的根目录中运行以下命令来安装 SAP Cu...
封面图

关于用户 email 邮件地址是否允许有加号的问题

2022-09-17
阅读 2 分钟
437
在电子邮件地址中使用加号 (+) 非常有用。Gmail 以及两个常见的邮件服务器系统 sendmail 和 CommuniGate Pro 将发送地址为“user+tag@mumble.dom”的邮件,就好像它的地址是“user@mumble.dom”一样。 然后,电子邮件地址的“+标签”部分可用于归档邮件和筛选邮件。
封面图

给 SAP Commerce Cloud Storefront 设置 endpoint

2022-09-02
阅读 2 分钟
474
端点配置在构建清单(build manifest.json )和云门户(Cloud Portal)中进行管理。 在构建清单中,您可以为店面域(domain)定义可选路径。 在云门户中,您可以编辑域并应用 SSL 证书(certificate)来保护店面。
封面图

为什么电商云产品需要 Assisted Service Module (ASM) 模块的支持

2022-08-15
阅读 1 分钟
407
ASM 与 SAP Commerce Telco 和 B2B Accelerator 店面兼容。 但是,SAP 建议在 B2B 加速器中禁用客户创建。
封面图

Promise 静态 API 的使用方法

2022-08-15
阅读 3 分钟
443
Promise.all使用场景:假设我们希望许多 Promise 并行执行,并等待它们都准备好。一个实际例子是:并行下载多个 URL,并在这些 URL 全部下载完成后,再进行后续的业务逻辑处理。语法: {代码...} Promise.all 接受一个 iterable 对象(通常是一组 Promise)并返回一个新的 Promise.当所有列出的 Promise 都 resolve 后,...
封面图

Promise.allSettled 的 Polyfill 处理

2022-08-15
阅读 3 分钟
872
如果因为浏览器太过老旧,不支持最新的 Promise.allSettled API,我们可以使用 polyfill 技术,简单地自己用 Promise.all, 自行实现 Promise.allSettled.