- 在 SAP Spartacus PageLayout Component 的实现里，每一个 layoutName 对应都有一个 cxOutlet 可供扩展：第 13 行的 ngFor 指令，将该实现类的 slots$ 展开，为每一个 slot 放置对应的 CMS Component.slots$ 是一个数组，通过 pageLayoutService.getSlots 方法获取。本文介绍这个 ... 在 SAP Spartacus PageLayout Component 的实现里，每一个 layoutName 对应都有一个 cxOutlet 可供扩展：第 13 行的 ngFor 指令，将该实现类的 slots$ 展开，为每一个 slot 放置对应的 CMS Component.slots$ 是一个数组，通过 pageLayoutService.getSlots 方法获取。本文介绍这个 ...
- 之前 Jerry 的公众号文章介绍过 SAP 产品的渲染模式：SAP UI渲染模式：客户端渲染 VS 服务器端渲染关于 SAP 产品 UI 的搜索引擎优化 SEO - Search Engine Optimization深入学习SAP UI5框架代码系列之二：UI5 控件的渲染器其中提到，SAP UI5 采取的是客户端渲染，Client Side Render 即 CSR.那么，SAP UI... 之前 Jerry 的公众号文章介绍过 SAP 产品的渲染模式：SAP UI渲染模式：客户端渲染 VS 服务器端渲染关于 SAP 产品 UI 的搜索引擎优化 SEO - Search Engine Optimization深入学习SAP UI5框架代码系列之二：UI5 控件的渲染器其中提到，SAP UI5 采取的是客户端渲染，Client Side Render 即 CSR.那么，SAP UI...
- 我采用回滚方式学习，你会看到很多重复讲解，那是因为我先在前面介绍，后面开始做案例的方法带大家重新回顾重要知识点及对它的一个效果展示，吸收效果更佳；上一篇中讲解了小程序代码构成，及教大家写了一个最简单的 Hello world 微信小程序。但是，那只是一个裸页面，并不好看。今天接着往下讲，如何为这个页面添加样式，使它看上去更美观，教大家写出实际可以使用的页面。所有示例的完整代码，都可以从 Gi... 我采用回滚方式学习，你会看到很多重复讲解，那是因为我先在前面介绍，后面开始做案例的方法带大家重新回顾重要知识点及对它的一个效果展示，吸收效果更佳；上一篇中讲解了小程序代码构成，及教大家写了一个最简单的 Hello world 微信小程序。但是，那只是一个裸页面，并不好看。今天接着往下讲，如何为这个页面添加样式，使它看上去更美观，教大家写出实际可以使用的页面。所有示例的完整代码，都可以从 Gi...
- Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。快速入门本文会通过使用Electron创建一个极简的 Hello World 应... Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 嵌入 Chromium 和 Node.js 到 二进制的 Electron 允许您保持一个 JavaScript 代码代码库并创建 在Windows上运行的跨平台应用 macOS和Linux——不需要本地开发 经验。快速入门本文会通过使用Electron创建一个极简的 Hello World 应...
- 十四、IndexedDB API 1、概述随着浏览器的功能不断增强，越来越多的网站开始考虑，将大量数据储存在客户端，这样可以减少从服务器获取数据，直接从本地获取数据。现有的浏览器数据储存方案，都不适合储存大量数据：Cookie 的大小不超过 4KB，且每次请求都会发送回服务器；LocalStorage 在 2.5MB 到 10MB 之间（各家浏览器不同），而且不提供搜索功能，不能建立自定义... 十四、IndexedDB API 1、概述随着浏览器的功能不断增强，越来越多的网站开始考虑，将大量数据储存在客户端，这样可以减少从服务器获取数据，直接从本地获取数据。现有的浏览器数据储存方案，都不适合储存大量数据：Cookie 的大小不超过 4KB，且每次请求都会发送回服务器；LocalStorage 在 2.5MB 到 10MB 之间（各家浏览器不同），而且不提供搜索功能，不能建立自定义...
- 4.2 URLSearchParams.toString()toString方法返回实例的字符串形式。var url = new URL('https://example.com?foo=1&bar=2');var params = new URLSearchParams(url.search);params.toString() // "foo=1&bar=2'那么需要字符串的场合，会自... 4.2 URLSearchParams.toString()toString方法返回实例的字符串形式。var url = new URL('https://example.com?foo=1&bar=2');var params = new URLSearchParams(url.search);params.toString() // "foo=1&bar=2'那么需要字符串的场合，会自...
- 4.2 WebSocketWebSocket 是一种通信协议，使用ws://（非加密）和wss://（加密）作为协议前缀。该协议不实行同源政策，只要服务器支持，就可以通过它进行跨源通信。下面是一个例子，浏览器发出的 WebSocket 请求的头信息（摘自维基百科）。GET /chat HTTP/1.1Host: server.example.comUpgrade: websocketCon... 4.2 WebSocketWebSocket 是一种通信协议，使用ws://（非加密）和wss://（加密）作为协议前缀。该协议不实行同源政策，只要服务器支持，就可以通过它进行跨源通信。下面是一个例子，浏览器发出的 WebSocket 请求的头信息（摘自维基百科）。GET /chat HTTP/1.1Host: server.example.comUpgrade: websocketCon...
- 2.3 XMLHttpRequest.response 响应的数据体XMLHttpRequest.response属性表示服务器返回的数据体（即 HTTP 回应的 body 部分）。它可能是任何数据类型，比如字符串、对象、二进制对象等等，具体的类型由XMLHttpRequest.responseType属性决定。该属性只读。如果本次请求没有成功或者数据不完整，该属性等于null。但是，如果... 2.3 XMLHttpRequest.response 响应的数据体XMLHttpRequest.response属性表示服务器返回的数据体（即 HTTP 回应的 body 部分）。它可能是任何数据类型，比如字符串、对象、二进制对象等等，具体的类型由XMLHttpRequest.responseType属性决定。该属性只读。如果本次请求没有成功或者数据不完整，该属性等于null。但是，如果...
- 3.7 window.focus()，window.blur()window.focus()方法会激活窗口，使其获得焦点，出现在其他窗口的前面。var popup = window.open('popup.html', 'Popup Window');if ((popup !== null) && !popup.closed) { popup.focus();}上面代码先检查popup窗... 3.7 window.focus()，window.blur()window.focus()方法会激活窗口，使其获得焦点，出现在其他窗口的前面。var popup = window.open('popup.html', 'Popup Window');if ((popup !== null) && !popup.closed) { popup.focus();}上面代码先检查popup窗...
- 浏览器模型 一、浏览器环境概述JavaScript 是浏览器的内置脚本语言。也就是说，浏览器内置了 JavaScript 引擎，并且提供各种接口，让 JavaScript 脚本可以控制浏览器的各种功能。一旦网页内嵌了 JavaScript 脚本，浏览器加载网页，就会去执行脚本，从而达到操作浏览器的目的，实现网页的各种动态效果。本章开始介绍浏览器提供的各种 JavaScript 接口。首先，... 浏览器模型 一、浏览器环境概述JavaScript 是浏览器的内置脚本语言。也就是说，浏览器内置了 JavaScript 引擎，并且提供各种接口，让 JavaScript 脚本可以控制浏览器的各种功能。一旦网页内嵌了 JavaScript 脚本，浏览器加载网页，就会去执行脚本，从而达到操作浏览器的目的，实现网页的各种动态效果。本章开始介绍浏览器提供的各种 JavaScript 接口。首先，...
- 2、DragEvent 接口拖拉事件都继承了DragEvent接口，这个接口又继承了MouseEvent接口和Event接口。浏览器原生提供一个DragEvent()构造函数，用来生成拖拉事件的实例对象。new DragEvent(type, options)DragEvent()构造函数接受两个参数，第一个参数是字符串，表示事件的类型，该参数必须；第二个参数是事件的配置对象，用来设置事件... 2、DragEvent 接口拖拉事件都继承了DragEvent接口，这个接口又继承了MouseEvent接口和Event接口。浏览器原生提供一个DragEvent()构造函数，用来生成拖拉事件的实例对象。new DragEvent(type, options)DragEvent()构造函数接受两个参数，第一个参数是字符串，表示事件的类型，该参数必须；第二个参数是事件的配置对象，用来设置事件...
- 3.5 MouseEvent.screenX 相对屏幕X坐标，MouseEvent.screenY 相对屏幕Y坐标MouseEvent.screenX属性返回鼠标位置相对于屏幕左上角的水平坐标（单位像素），MouseEvent.screenY属性返回垂直坐标。这两个属性都是只读属性。// HTML 代码如下// <body onmousedown="showCoords(event)">f... 3.5 MouseEvent.screenX 相对屏幕X坐标，MouseEvent.screenY 相对屏幕Y坐标MouseEvent.screenX属性返回鼠标位置相对于屏幕左上角的水平坐标（单位像素），MouseEvent.screenY属性返回垂直坐标。这两个属性都是只读属性。// HTML 代码如下// <body onmousedown="showCoords(event)">f...
- DOM 一、概述 1、DOMDOM 是 JavaScript 操作网页的接口，全称为“文档对象模型”（Document Object Model）。它的作用是将网页转为一个 JavaScript 对象，从而可以用脚本进行各种操作（比如增删内容）。浏览器会根据 DOM 模型，将结构化文档（比如 HTML 和 XML）解析成一系列的节点，再由这些节点组成一个树状结构（DOM Tree）。所有的... DOM 一、概述 1、DOMDOM 是 JavaScript 操作网页的接口，全称为“文档对象模型”（Document Object Model）。它的作用是将网页转为一个 JavaScript 对象，从而可以用脚本进行各种操作（比如增删内容）。浏览器会根据 DOM 模型，将结构化文档（比如 HTML 和 XML）解析成一系列的节点，再由这些节点组成一个树状结构（DOM Tree）。所有的...
- 基础篇 一、JS的一些名词概念 什么是作用域？变量存在的范围。可分为全局作用域和函数作用域，ES6新增块级作用域。 什么是闭包？闭包就是能够读取其他函数内部变量的函数。闭包的形式：函数内部定义函数本质上闭包就是将函数内部和外部连接起来的一座桥梁闭包的作用：可以读取函数内部变量让这些变量始终保持在内存中，即闭包可以使得它诞生的环境一直存在。封装对象的私有属性和私有方法 什么是构造函数？用于构... 基础篇 一、JS的一些名词概念 什么是作用域？变量存在的范围。可分为全局作用域和函数作用域，ES6新增块级作用域。 什么是闭包？闭包就是能够读取其他函数内部变量的函数。闭包的形式：函数内部定义函数本质上闭包就是将函数内部和外部连接起来的一座桥梁闭包的作用：可以读取函数内部变量让这些变量始终保持在内存中，即闭包可以使得它诞生的环境一直存在。封装对象的私有属性和私有方法 什么是构造函数？用于构...
- 微前端通常被称为“前端微服务”。 它们允许您将大型单体前端分解为独立的、可扩展的、可以协同工作的独立部分。 微前端架构对于复杂的产品或拥有众多团队的公司尤其有用，可以帮助您创建一致的 Web 应用程序。观看此视频，其中解释了微前端架构的基础知识以及如何使用 Luigi 实现。Luigi 是一个用 Svelte 编写的开源微前端框架。 它允许您创建一致的用户界面和导航，同时还提供其他功能以使开... 微前端通常被称为“前端微服务”。 它们允许您将大型单体前端分解为独立的、可扩展的、可以协同工作的独立部分。 微前端架构对于复杂的产品或拥有众多团队的公司尤其有用，可以帮助您创建一致的 Web 应用程序。观看此视频，其中解释了微前端架构的基础知识以及如何使用 Luigi 实现。Luigi 是一个用 Svelte 编写的开源微前端框架。 它允许您创建一致的用户界面和导航，同时还提供其他功能以使开...
上滑加载中
推荐直播
-
华为云码道-AI时代应用开发利器2026/03/18 周三 19:00-20:00
童得力，华为云开发者生态运营总监/姚圣伟，华为云HCDE开发者专家
本次直播由华为专家带你实战应用开发，看华为云码道(CodeArts)代码智能体如何在AI时代让你的创意应用快速落地。更有华为云HCDE开发者专家带你用码道玩转JiuwenClaw，让小艺成为你的AI助理。
回顾中 -
Skill 构建 × 智能创作：基于华为云码道的 AI 内容生产提效方案2026/03/25 周三 19:00-20:00
余伟，华为云软件研发工程师/万邵业（万少），华为云HCDE开发者专家
本次直播带来两大实战：华为云码道 Skill-Creator 手把手搭建专属知识库 Skill；如何用码道提效 OpenClaw 小说文本，打造从大纲到成稿的 AI 原创小说全链路。技术干货 + OPC创作思路，一次讲透！
回顾中 -
码道新技能，AI 新生产力——从自动视频生成到开源项目解析2026/04/08 周三 19:00-21:00
童得力-华为云开发者生态运营总监/何文强-无人机企业AI提效负责人
本次华为云码道 Skill 实战活动，聚焦两大 AI 开发场景：通过实战教学，带你打造 AI 编程自动生成视频 Skill，并实现对 GitHub 热门开源项目的智能知识抽取，手把手掌握 Skill 开发全流程，用 AI 提升研发效率与内容生产力。
回顾中
热门标签