javascript

解决使用`npm install`命令之后报`Unexpected token in JSON at position`错误
解决使用`npm install`命令之后报`Unexpected token in JSON at position`错误

修改npm源地址为官方源或者淘宝源 (坑就在这里!先别往下看,思考一下为什么这里有坑?)

2022-10-26 02:29:25阅读全文

使用 Azure SNAT 为 SAP Commerce Cloud 的 outbound connection 进行端口映射
使用 Azure SNAT 为 SAP Commerce Cloud 的 outbound connection 进行端口映射

某些场景需要虚拟机或计算实例具有到 Internet 的出站连接,比如 SAP Commerce Cloud 部署在 CCV2 上, 公共负载均衡器的前端 IP 可用于为后端实例提供到 Internet 的出站连接。

2022-10-25 14:53:06阅读全文

数字华容道「思否猫版」
数字华容道「思否猫版」

思否社区首届「猫猫杯」线上代码共创大赛日程已接近尾声,各路大神狂拽炫酷的项目已经出炉了。奈何拖延症,我还在想“创意点”,同时考虑到实现周期要赶上 deadline,纠结之时,无意间在地铁上瞟见有人在看《最强大脑》,灵光一现,对哦!记得有一期有个拼图游戏——数字华容道,自此赌王之子(何猷君)一战成名。

2022-10-26 08:14:32阅读全文

SAP Spartacus HTTP Interceptor 的 provisioning 逻辑
SAP Spartacus HTTP Interceptor 的 provisioning 逻辑

假import { Injectable } from '@angular/core';import { HttpEvent, HttpInterceptor, HttpHandler, HttpRequest} from '@angular/common/http';

2022-10-25 23:40:32阅读全文

使用 Canvas API 模拟一个彩色时钟
使用 Canvas API 模拟一个彩色时钟

<canvas> 最早由 Apple 引入 WebKit,用于 Mac OS X 的 Dashboard,随后被各个浏览器实现。如今,所有主流的浏览器都支持它。Canvas API 提供了一个通过JavaScript 和 HTML的 <canvas> 元素来绘制图形的方式。它

2022-10-26 10:26:12阅读全文

Web 服务器启用 connection - keep-alive 的一些前置条件
Web 服务器启用 connection - keep-alive 的一些前置条件

大多数 Web 服务器会开启 connection: keep-alive 的选项,因为这能带来以下的收益:

2022-10-26 04:19:06阅读全文

SAP Spartacus 中的 HTTP URL parameters
SAP Spartacus 中的 HTTP URL parameters

使用带有参数请求选项的 HttpParams 类在 HttpRequest 中添加 URL 查询字符串。

2022-10-26 09:32:24阅读全文

关于 SAP Spartacus Angular HTTP Interceptor 的拦截顺序
关于 SAP Spartacus Angular HTTP Interceptor 的拦截顺序

Angular 按照开发人员提供的 HTTP Interceptors 的顺序来依次 调用这些拦截器。

2022-10-26 01:14:17阅读全文

HTTP 请求头部字段中 connection - keep-alive 的含义
HTTP 请求头部字段中 connection - keep-alive 的含义

我们经常可以在 Chrome 开发者工具 network 标签页里,观察到 HTTP 请求的 request headers 字段,包含 Connection 等于 keep-alive 这样的值。

2022-10-26 02:22:13阅读全文

超强的苹果官网滚动文字特效实现
超强的苹果官网滚动文字特效实现

每年的苹果新产品发布,其官网都会配套更新相应的单页滚动产品介绍页。其中的动画特效都非常有意思,今年 iPhone 14 Pro 的介绍页不例外。

2022-10-25 22:17:06阅读全文

Angular 里 HTTP 请求和响应结构的拦截器(interceptors)在 SAP Spartacus 中的应用
Angular 里 HTTP 请求和响应结构的拦截器(interceptors)在 SAP Spartacus 中的应用

通过拦截,开发人员可以声明拦截器来检查和转换从应用程序到服务器的 HTTP 请求。 相同的拦截器还可以在返回应用程序的途中检查和转换服务器的响应。

2022-10-26 03:59:55阅读全文

关于 Angular HttpClient 的单例特性的思考
关于 Angular HttpClient 的单例特性的思考

Angular SSR 只负责渲染 initial page,一旦加载了初始页面,客户端 Angular 应用程序就会接剩下的交互,然后客户就可以进行 SPA 导航,并通过 ajax 调用后台 API。

2022-10-26 00:54:53阅读全文

本想搞清楚ESM和CJS模块的互相转换问题,没想到写完我的问题更多了
本想搞清楚ESM和CJS模块的互相转换问题,没想到写完我的问题更多了

目前主流的有两种模块语法,一是Node.js专用的CJS,另一种是浏览器和Node.js都支持的ESM,在ESM规范没有出来之前,Node.js的模块编写使用的都是CJS,但是现在ESM已经逐渐在替代CJS成为浏览器和服务器通用的模块解决方案。

2022-10-26 06:20:41阅读全文

浏览器是如何通过 defer 与 async 属性,优化页面加载速度的?
浏览器是如何通过 defer 与 async 属性,优化页面加载速度的?

在面试的时候,经常会遇到一道经典的面试题:

2022-10-28 00:01:04阅读全文

CSS 渐变锯齿消失术
CSS 渐变锯齿消失术

在 CSS 中,渐变(Gradient)可谓是最为强大的一个属性之一。

2022-10-27 15:06:33阅读全文

【模块联邦sdk hel-micro教程2】本地联调远程js库
【模块联邦sdk hel-micro教程2】本地联调远程js库

hel-micro,模块联邦sdk化,免构建、热更新、工具链无关的微模块方案 ,欢迎关注与了解

2022-10-27 15:52:06阅读全文

SAP Hybris Category 显示在 Storefront 的判定条件
SAP Hybris Category 显示在 Storefront 的判定条件

默认情况下,只有标记为 active的目录版本(catalog version)在前端才可见。

2022-11-17 00:25:37阅读全文

关于 WebSocket 和 HTTP 区别的思考以及一个最简单的 WebSocket 的客户端和服务器实现
关于 WebSocket 和 HTTP 区别的思考以及一个最简单的 WebSocket 的客户端和服务器实现

笔者之前与一位同事研究了 Cypress 的 visit 方法,其源码实现最终是调用了 WebSocket 向 visit 参数里指定的 website 通行并获取数据,见下图变量 ev.data 的值。

2022-11-16 18:23:52阅读全文

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

从 CCV2 Node.js Spartacus SSR 应用向 occ API 发起请求,得到 403 错误。

2022-11-17 07:14:40阅读全文

SAP UI5 sap.ui.export.Spreadsheet API 介绍
SAP UI5 sap.ui.export.Spreadsheet API 介绍

本 API 创建一个新的电子表格导出对象。使用此对象从表格数据构建和下载 Office Open XML 电子表格格式的电子表格文件。此功能通常与 UI5 表一起使用。

2022-11-17 07:40:37阅读全文

在 SAP Fiori Gateway 系统配置一个指向 SAPGUI 事务的 tile
在 SAP Fiori Gateway 系统配置一个指向 SAPGUI 事务的 tile

对于应用程序类型 Transaction、Web Dynpro 和 URL,开发人员可以直接在 SAP Fiori Launchpad Designer 的目标映射中定义系统别名。目标映射配置中的参数 System Alias 表示应用程序应调用指定的远程系统。

2022-11-17 10:38:30阅读全文

HTML小游戏2—— 2048网页版(附完整源码)
HTML小游戏2—— 2048网页版(附完整源码)

给大家安利一个免费且实用的前端刷题(面经大全)网站,👉点击跳转到网站。

2022-11-17 03:20:46阅读全文

2022 你还不会微前端吗 (下) — 揭秘微前端核心原理
2022 你还不会微前端吗 (下) — 揭秘微前端核心原理

在上篇 2022 你还不会微前端吗 (上) — 从巨石应用到微应用 中已经了解了微前端的由来和基本使用,也提到了一些相关的原理,本篇文章为下篇主要从原理层面进行解析,然后再自己实现一个包含核心部分的微前端框架。

2022-11-16 14:11:18阅读全文

「彻底弄懂」this全面解析
「彻底弄懂」this全面解析

this在JavaScript中很常用,关于this,要弄懂this, 首先就要知道this是什么?为什么要用this?

2022-11-17 10:27:12阅读全文

给我实现一个前端的 Excel 导入和导出功能
给我实现一个前端的 Excel 导入和导出功能

【负责人 A】:现在报表部分基于接口的 Excel 的导入和导出功能有点慢,前端这边能不能实现一下这个功能,然后我们在比对看看效果!

2022-11-16 22:54:09阅读全文

HTML小游戏3—— 机器人总动员(附完整源码)
HTML小游戏3—— 机器人总动员(附完整源码)

给大家安利一个免费且实用的前端刷题(面经大全)网站,👉点击跳转到网站。

2022-11-16 17:48:58阅读全文

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

直接在 SAP 电商云 Spartacus UI 项目下,运行命令行 ng build, 输出如下:

2022-11-16 20:28:57阅读全文

Fundamental Library for ABAP 主要的组成部分概述
Fundamental Library for ABAP 主要的组成部分概述

Fundamental Library Styles 是一个轻量级的表示层(presentation layer),可以与开发人员选择的 UI 框架(例如 Angular、React、Vue 等)一起使用。 通过组合基本样式、样式表库和 HTML 标记,开发人员可以在任何基于 Web 的技术中构建一

2022-11-17 06:01:00阅读全文

关于 SAP UI5 控件内容的 Excel 导出功能,如何加载所需的导出工具库
关于 SAP UI5 控件内容的 Excel 导出功能,如何加载所需的导出工具库

SAP UI5 ExpreadSheet 导出功能允许开发人员将数据导出到 Office Open XML 电子表格。

2022-11-16 21:23:39阅读全文

SAP UI5 SmartTable 控件本地运行时进行 Excel 导出的单步调试
SAP UI5 SmartTable 控件本地运行时进行 Excel 导出的单步调试

点击 SmartTable 控件生成的表格控件的 Export to Excel 时,遇到如下错误消息:

2022-11-17 02:50:05阅读全文

创建 SAP Fiori Catalog 时遇到的 duplicate 记录的问题分析
创建 SAP Fiori Catalog 时遇到的 duplicate 记录的问题分析

我在 Fiori Admin 创建 Catalog 时遇到一个问题:

2022-11-16 19:36:27阅读全文

我的开源作品:引流宝!集活码、短网址等功能为一体的工具!致力于提高引流效率,减少资源流失!
我的开源作品:引流宝!集活码、短网址等功能为一体的工具!致力于提高引流效率,减少资源流失!

开发这款工具的初衷是为了辅助自己的工作,提供自己日常工作的效率,自己使用了一段时间下来觉得很有用,于是完善之后开源。如今已经开源近2年,第一个版本是在2020年9月份开源,收获了390个star,后来持续收集到不少的建议,持续完善版本。

2022-11-17 11:22:05阅读全文

WALLYS/ QCA9882 AC/AN industrial mini pcie card /QCA9880
WALLYS/ QCA9882 AC/AN industrial mini pcie card /QCA9880

Access Point 2×2 5G Wireless Module Wireless QCA9882 AC/AN high power industrial mini pcie card Standard Card/QCA9880

2022-11-17 12:22:20阅读全文

SAP Commerce Cloud 里的 User 模型和 Restriction 的关系
SAP Commerce Cloud 里的 User 模型和 Restriction 的关系

SAP Hybris 的 MENU item 可以被分配一个叫做 User Group restriction 的属性。

2022-11-16 18:21:56阅读全文

有意思,小程序还可以一键生成App!
有意思,小程序还可以一键生成App!

说到小程序,大部分同学的第一反应,可能是微信小程序、支付宝小程序,确实,小程序的概念深入人心,并且已经被约定俗成的绑定到某些互联网公司的 APP 上。

2023-01-10 21:33:45阅读全文