前端
零基础教你学前端——14、有序列表
列表在各种页面内容展示形式中， 使用频率非常高。HTML中列表分为以下三种：左边我们称之为有序列表，中间我们称之为无序列表，右边我们称之为自定义列表。这节课我们先来学习有序列表。
2022-10-13 20:22:15阅读全文
基于纯前端类Excel表格控件实现在线损益表应用
财务报表也称对外会计报表，是会计主体对外提供的反映企业或预算单位一定时期资金、利润状况的会计报表，由资产负债表、损益表、现金流量表或财务状况变动表、附表和附注构成。财务报表是财务报告的主要部分，不包括董事报告、管理分析及财务情况说明书等列入财务报告或年度报告的资料。
2022-10-13 22:30:47阅读全文
关于 Angular HTTP Interceptor 中 Request 和 Response 的 immutable 特性
尽管拦截器能够修改请求和响应，但 HttpRequest 和 HttpResponse 实例属性为 readonly，这意味着其具有 immutability 特性。
2022-10-20 17:51:53阅读全文
移动端页面如何优雅的适配各种屏幕，包括PC端
开发移动端页面，我们通常都会按照一个固定宽度的设计稿来做，但是实际上的手机屏幕尺寸五花八门，如果不进行适配的话会比较影响使用体验。
2022-10-25 22:22:40阅读全文
Angular HTTPClient API 在 SAP 电商云中的使用
大多数前端应用程序需要通过 HTTP 协议与服务器通信，以下载或上传数据并访问其他后端服务，SAP 电商云 Spartacus UI 也不例外。 Angular 为 Angular 应用程序提供了一个客户端 HTTP API，即开发包 @angular/common/http 中的 HttpClie
2022-10-25 18:50:38阅读全文
Angular HTTPClient 发送请求的触发方式讨论
对于所有 HttpClient 方法，该方法不会开始其 HTTP 请求，直到开发人员在该方法返回的 observable 上调用 subscribe()。
2022-10-26 08:25:08阅读全文
迁移到NVS(NodeVersionSwitcher)来管理NodeJS版本
之前刚入职配置开发环境的时候就遇到过使用 NVM4W 切换版本的时候会出现访问被拒绝的问题（提示 exit status 1: Access is denied.），需要管理员权限才可以切换，只不过现在负责的都是新项目不需要切换 NodeJS 的版本，所以当时指定完当前 Node 版本为 LTS 之
2022-10-26 00:46:18阅读全文
如何使用 JavaScript 代码连接部署在 SAP ABAP 服务器上的 OData 服务
本教程有一位读者通过《一套适合 SAP UI5 开发人员循序渐进的学习教程》读者意见反馈和下一步写作计划表给我反馈：
2022-10-26 04:38:29阅读全文
SAP Spartacus UI 通过 HTTP Interceptor 给请求添加 Authorization 字段
Angular HTTP Interceptor 的几种使用场景之中，最常见的就是为 outbound HTTP 请求，添加 Authorization 头部字段。
2022-10-26 01:39:41阅读全文
用 ECharts 做出漂亮的数据统计图
在没发现 ECharts 这款神器的时候，之前所做的数据统计图只能自个纯手写，倒也是可以实现，只不过特别的费时。后来无意中在网上瞄到 ECharts 这款专门用来生成数据图表的插件，便尝试了一下，那感觉真的不要太爽！
2022-10-26 02:49:05阅读全文
2022年前端面试题（更新中...）
块标签：div、h1~h6、ul、li、table、p、br、form。特征：独占一行，换行显示，可以设置宽高，可以嵌套块和行行标签：span、a、img、textarea、select、option、input。特征：只有在行内显示，内容撑开宽、高，不可以设置宽、高（img、input、texta
2022-10-26 01:39:21阅读全文
解决使用`npm install`命令之后报`Unexpected token in JSON at position`错误
修改npm源地址为官方源或者淘宝源 （坑就在这里！先别往下看，思考一下为什么这里有坑？）
2022-10-26 02:29:25阅读全文
零基础教你学前端——20、表格属性
这节课 我们来学习 table 标签的一些修饰属性。分析这个案例，不难发现 ，表格第一行中的文本有加粗效果，这个效果该如何实现呢 ？也许你会想到应用标签b，在 td 内部加粗文本 ，其实 html 表格还有一个标签 th，同样可以实现这个效果，而且语义性更强。
2022-10-26 06:38:25阅读全文
使用 Azure SNAT 为 SAP Commerce Cloud 的 outbound connection 进行端口映射
某些场景需要虚拟机或计算实例具有到 Internet 的出站连接，比如 SAP Commerce Cloud 部署在 CCV2 上， 公共负载均衡器的前端 IP 可用于为后端实例提供到 Internet 的出站连接。
2022-10-25 14:53:06阅读全文
内网穿透到底是什么，必看
以神卓互联为例，内网穿透是一种将局域网里的应用端口发布到公网访问的一种技术，这里的局域网是指NAT之后的网络。比如家里有一台笔记本，连接路由器的WIFI，笔记本上有一个Tomcat或者web应用，端口是8080，这个时候只可以通过家庭的局域网打开访问，同学在家里就不能访问你的笔记本上的web应用，而
2022-10-26 11:48:36阅读全文
数字华容道「思否猫版」
思否社区首届「猫猫杯」线上代码共创大赛日程已接近尾声，各路大神狂拽炫酷的项目已经出炉了。奈何拖延症，我还在想“创意点”，同时考虑到实现周期要赶上 deadline，纠结之时，无意间在地铁上瞟见有人在看《最强大脑》，灵光一现，对哦！记得有一期有个拼图游戏——数字华容道，自此赌王之子（何猷君）一战成名。
2022-10-26 08:14:32阅读全文
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阅读全文
Web 服务器启用 connection - keep-alive 的一些前置条件
大多数 Web 服务器会开启 connection: keep-alive 的选项，因为这能带来以下的收益：
2022-10-26 04:19:06阅读全文
SAP Spartacus 中的 HTTP URL parameters
使用带有参数请求选项的 HttpParams 类在 HttpRequest 中添加 URL 查询字符串。
2022-10-26 09:32:24阅读全文
关于 SAP Spartacus Angular HTTP Interceptor 的拦截顺序
Angular 按照开发人员提供的 HTTP Interceptors 的顺序来依次 调用这些拦截器。
2022-10-26 01:14:17阅读全文
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 中的应用
通过拦截，开发人员可以声明拦截器来检查和转换从应用程序到服务器的 HTTP 请求。 相同的拦截器还可以在返回应用程序的途中检查和转换服务器的响应。
2022-10-26 03:59:55阅读全文
关于 Angular HttpClient 的单例特性的思考
Angular SSR 只负责渲染 initial page，一旦加载了初始页面，客户端 Angular 应用程序就会接剩下的交互，然后客户就可以进行 SPA 导航，并通过 ajax 调用后台 API。
2022-10-26 00:54:53阅读全文
本想搞清楚ESM和CJS模块的互相转换问题，没想到写完我的问题更多了
目前主流的有两种模块语法，一是Node.js专用的CJS，另一种是浏览器和Node.js都支持的ESM，在ESM规范没有出来之前，Node.js的模块编写使用的都是CJS，但是现在ESM已经逐渐在替代CJS成为浏览器和服务器通用的模块解决方案。
2022-10-26 06:20:41阅读全文
如何在iPad上直接打开并运行GitHub上的代码？
在2005年，Linus Torvalds开创了一个名为Git的开源版本控制系统。开发者在使用Git作为版本控制系统时，能够获取项目的整个代码库和修改历史。因此，他们也能更轻易地新建分支和合并代码。
2022-10-25 22:09:34阅读全文
SAP Hybris Category 显示在 Storefront 的判定条件
默认情况下，只有标记为 active的目录版本(catalog version)在前端才可见。
2022-11-17 00:25:37阅读全文
关于 WebSocket 和 HTTP 区别的思考以及一个最简单的 WebSocket 的客户端和服务器实现
笔者之前与一位同事研究了 Cypress 的 visit 方法，其源码实现最终是调用了 WebSocket 向 visit 参数里指定的 website 通行并获取数据，见下图变量 ev.data 的值。
2022-11-16 18:23:52阅读全文
低代码如何实现特殊定制功能？JVS实现原生代码的扩展，打破能力桎梏
低代码并非IT业界的银弹，每套低代码都是有自己的擅长的领域。但是在我们日常的需求场景中，肯定是有我们的配置器没有考虑到的场景，那么这种场景如何解决？这个问题本身就很难，如果仅仅从本身出发考虑无解的，因为无代码是将代码的无限可能抽象为有限的配置，这种情况下 ，一个本来是无穷大的功能，要映射成有限的功能
2022-11-16 14:37:23阅读全文
SAP 电商云 CMSUserGroupRestriction 在 Spartacus 里的 evaluation 问题
已经设置了 CMSUserGroupRestriction，在 Accelerator 上可以正常工作，但在 Spartacus 上不工作。注意到的是导航节点根据 restriction 已经处于 deactivated 状态，但它并没有消失。
2022-11-16 16:42:47阅读全文
千锋｜济南 | 良心教育职业年薪 20-40 w诚聘前端讲师
（1）拥有2年以上移动端开发经验，5年以上前端开发经验，参与过大/中型移动端项目的开发；（2）精通HTML5/CSS3基础，熟悉各种移动端布局和技术，对各终端的页面适配有深入的理解和项目经验；（3）精通JavaScript，熟悉ES5/ES6，熟悉HTTP协议、REST风格协议等；（4）熟练使用常见
2022-11-17 09:50:29阅读全文
SAP UI5 sap.ui.export.Spreadsheet API 介绍
本 API 创建一个新的电子表格导出对象。使用此对象从表格数据构建和下载 Office Open XML 电子表格格式的电子表格文件。此功能通常与 UI5 表一起使用。
2022-11-17 07:40:37阅读全文