- 在 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 编写的开源微前端框架。 它允许您创建一致的用户界面和导航，同时还提供其他功能以使开...
上滑加载中
推荐直播
-
HDC深度解读系列 - Serverless与MCP融合创新，构建AI应用全新智能中枢2025/08/20 周三 16:30-18:00
张昆鹏 HCDG北京核心组代表
HDC2025期间，华为云展示了Serverless与MCP融合创新的解决方案，本期访谈直播，由华为云开发者专家(HCDE)兼华为云开发者社区组织HCDG北京核心组代表张鹏先生主持，华为云PaaS服务产品部 Serverless总监Ewen为大家深度解读华为云Serverless与MCP如何融合构建AI应用全新智能中枢
回顾中 -
关于RISC-V生态发展的思考2025/09/02 周二 17:00-18:00
中国科学院计算技术研究所副所长包云岗教授
中科院包云岗老师将在本次直播中，探讨处理器生态的关键要素及其联系，分享过去几年推动RISC-V生态建设实践过程中的经验与教训。
回顾中 -
一键搞定华为云万级资源，3步轻松管理企业成本2025/09/09 周二 15:00-16:00
阿言 华为云交易产品经理
本直播重点介绍如何一键续费万级资源，3步轻松管理成本，帮助提升日常管理效率！
回顾中
热门标签