- 导读今天分享一下开测前端代码的一些优化，及使用的一些小技巧，来优化我们的网站，前端开发中最常见的问题就是很少使用ES6方法导致代码冗余，不够清晰，定时器和闭包导致内存溢出及泄露,网站中css导致排版错乱，请求图片过多，导致网站加载缓慢，网站中兼容各种浏览器的问题。ES6语法和JS优化技巧逻辑与运算if() else() 可以简化为 flag==1?true:falseincludes 处理多... 导读今天分享一下开测前端代码的一些优化，及使用的一些小技巧，来优化我们的网站，前端开发中最常见的问题就是很少使用ES6方法导致代码冗余，不够清晰，定时器和闭包导致内存溢出及泄露,网站中css导致排版错乱，请求图片过多，导致网站加载缓慢，网站中兼容各种浏览器的问题。ES6语法和JS优化技巧逻辑与运算if() else() 可以简化为 flag==1?true:falseincludes 处理多...
- 本文介绍在Zabbix5.0中如何通过修改Zabbix前端文件icon-sprite.svg来实现自定义Logo，参与感更强。 本文介绍在Zabbix5.0中如何通过修改Zabbix前端文件icon-sprite.svg来实现自定义Logo，参与感更强。
- Text@Composablefun Text( text: String, modifier: Modifier = Modifier, color: Color = Color.Unspecified, fontSize: TextUnit = TextUnit.Unspecified, fontStyle: FontStyle? = null, fo... Text@Composablefun Text( text: String, modifier: Modifier = Modifier, color: Color = Color.Unspecified, fontSize: TextUnit = TextUnit.Unspecified, fontStyle: FontStyle? = null, fo...
- 久很久以前，Web 基本上就是文档的浏览而已，既然是浏览，作为服务器，不需要记录谁在某一段时间里都浏览了什么文档，每次请求都是一个新的 HTTP 协议，就是请求加响应，尤其是我不用记住是谁刚刚发了 HTTP 请求，每个请求对我来说都是全新的。这段时间很嗨皮。但是随着交互式 Web 应用的兴起，像在线购物网站，需要登录的网站等等，马上就面临一个问题，那就是要管理会话，必须记住哪些人登录系统，哪... 久很久以前，Web 基本上就是文档的浏览而已，既然是浏览，作为服务器，不需要记录谁在某一段时间里都浏览了什么文档，每次请求都是一个新的 HTTP 协议，就是请求加响应，尤其是我不用记住是谁刚刚发了 HTTP 请求，每个请求对我来说都是全新的。这段时间很嗨皮。但是随着交互式 Web 应用的兴起，像在线购物网站，需要登录的网站等等，马上就面临一个问题，那就是要管理会话，必须记住哪些人登录系统，哪...
- 我之前写过一篇文章：答网友提问：使用 SAP Fiori Tools 创建的 Fiori Elements 应用，如何进行二次开发？，在 manifest.json 设置里，能够对 List Report 里的 table 进行设置：比如这些类型为 boolean 的属性："settings": { "condensedTableLayout":... 我之前写过一篇文章：答网友提问：使用 SAP Fiori Tools 创建的 Fiori Elements 应用，如何进行二次开发？，在 manifest.json 设置里，能够对 List Report 里的 table 进行设置：比如这些类型为 boolean 的属性："settings": { "condensedTableLayout":...
- 如下图所示，这是 SAP Fiori Elements List Report 一个例子，我们想在表格工具栏里，新增一个自定义按钮： 实现方式在 SAP Fiori Elements 项目工程里，修改 manifest.json，添加如下代码："extends": { "extensions": { "sap.ui.controllerEx... 如下图所示，这是 SAP Fiori Elements List Report 一个例子，我们想在表格工具栏里，新增一个自定义按钮： 实现方式在 SAP Fiori Elements 项目工程里，修改 manifest.json，添加如下代码："extends": { "extensions": { "sap.ui.controllerEx...
- SAP Fiori Elements 本地项目里的 Annotations.xml，可以定义一些本地 annotations，来覆盖掉来自后台 OData 服务里的注解。例如：我在 Annotations.xml 里重新定义 List Report 里应该显示的表项： <Annotations Target="SAP.SEPMRA_C_PD_ProductType"> ... SAP Fiori Elements 本地项目里的 Annotations.xml，可以定义一些本地 annotations，来覆盖掉来自后台 OData 服务里的注解。例如：我在 Annotations.xml 里重新定义 List Report 里应该显示的表项： <Annotations Target="SAP.SEPMRA_C_PD_ProductType"> ...
- 如下图所示，这个 B2B 页面 的 Popover Component：触发其的按钮位于 cx-org-card 内：而下面这个 assigned users 明细页面，为什么就没有显示 Popover Component 的(i) 按钮了呢？究其原因，selector cx-org-card 对应 CardComponent，在其模板实现里，有一个标志位，控制是否显示 Popover Co... 如下图所示，这个 B2B 页面 的 Popover Component：触发其的按钮位于 cx-org-card 内：而下面这个 assigned users 明细页面，为什么就没有显示 Popover Component 的(i) 按钮了呢？究其原因，selector cx-org-card 对应 CardComponent，在其模板实现里，有一个标志位，控制是否显示 Popover Co...
- 该按钮的实现位于 toggle-status.component.html 里，点击后，可以对当前显示的 B2B item 进行 activation 和 deactivation 操作。toggle(item) 方法的实现：如果当前 item 处于 active 状态，则当前 toggle 应该执行 deactivation 操作，调用通过构造函数注入的 messageService, 通... 该按钮的实现位于 toggle-status.component.html 里，点击后，可以对当前显示的 B2B item 进行 activation 和 deactivation 操作。toggle(item) 方法的实现：如果当前 item 处于 active 状态，则当前 toggle 应该执行 deactivation 操作，调用通过构造函数注入的 messageService, 通...
- 为 UI 页面写测试用例时（比如 web 页面，移动端页面），测试用例会存在大量元素和操作细节。当 UI 变化时，测试用例也要跟着变化， PageObject 很好的解决了这个问题。使用 UI 自动化测试工具时（包括 selenium，appium 等），如果无统一模式进行规范，随着用例的增多会变得难以维护，而 PageObject 让自动化脚本井然有序，将 page 单独维护并封装细节，可... 为 UI 页面写测试用例时（比如 web 页面，移动端页面），测试用例会存在大量元素和操作细节。当 UI 变化时，测试用例也要跟着变化， PageObject 很好的解决了这个问题。使用 UI 自动化测试工具时（包括 selenium，appium 等），如果无统一模式进行规范，随着用例的增多会变得难以维护，而 PageObject 让自动化脚本井然有序，将 page 单独维护并封装细节，可...
- 为 UI 页面写测试用例时（比如 web 页面，移动端页面），测试用例会存在大量元素和操作细节。当 UI 变化时，测试用例也要跟着变化， PageObject 很好的解决了这个问题。使用 UI 自动化测试工具时（包括 selenium，appium 等），如果无统一模式进行规范，随着用例的增多会变得难以维护，而 PageObject 让自动化脚本井然有序，将 page 单独维护并封装细节，可... 为 UI 页面写测试用例时（比如 web 页面，移动端页面），测试用例会存在大量元素和操作细节。当 UI 变化时，测试用例也要跟着变化， PageObject 很好的解决了这个问题。使用 UI 自动化测试工具时（包括 selenium，appium 等），如果无统一模式进行规范，随着用例的增多会变得难以维护，而 PageObject 让自动化脚本井然有序，将 page 单独维护并封装细节，可...
- 本文节选自霍格沃兹测试开发学社内部教材在有些场景中，需要上传文件，而 Selenium 无法定位到弹出的文件框，以及网页弹出的提醒。这些都是需要特殊的方式来处理。实战演示文件上传input 标签使用自动化上传，先定位到上传按钮，然后 send_keys 把路径作为值给传进去.如图所示，是企业微信文件上传的页面 定位到标签为 input，type 为 file 的元素信息，然后使用 send_... 本文节选自霍格沃兹测试开发学社内部教材在有些场景中，需要上传文件，而 Selenium 无法定位到弹出的文件框，以及网页弹出的提醒。这些都是需要特殊的方式来处理。实战演示文件上传input 标签使用自动化上传，先定位到上传按钮，然后 send_keys 把路径作为值给传进去.如图所示，是企业微信文件上传的页面 定位到标签为 input，type 为 file 的元素信息，然后使用 send_...
- 本文节选自霍格沃兹测试开发学社内部教材在有些场景中，需要上传文件，而 Selenium 无法定位到弹出的文件框，以及网页弹出的提醒。这些都是需要特殊的方式来处理。实战演示文件上传input 标签使用自动化上传，先定位到上传按钮，然后 send_keys 把路径作为值给传进去.如图所示，是企业微信文件上传的页面 定位到标签为 input，type 为 file 的元素信息，然后使用 send_... 本文节选自霍格沃兹测试开发学社内部教材在有些场景中，需要上传文件，而 Selenium 无法定位到弹出的文件框，以及网页弹出的提醒。这些都是需要特殊的方式来处理。实战演示文件上传input 标签使用自动化上传，先定位到上传按钮，然后 send_keys 把路径作为值给传进去.如图所示，是企业微信文件上传的页面 定位到标签为 input，type 为 file 的元素信息，然后使用 send_...
- 原文链接 实战演示 文件上传input 标签使用自动化上传，先定位到上传按钮，然后 send_keys 把路径作为值给传进去.如图所示，是企业微信文件上传的页面 定位到标签为 input，type 为 file 的元素信息，然后使用 send_keys 把文件路径作为值给传进去。Python 版本driver.find_element(By.CSS_SELECTOR, "#js_upload... 原文链接 实战演示 文件上传input 标签使用自动化上传，先定位到上传按钮，然后 send_keys 把路径作为值给传进去.如图所示，是企业微信文件上传的页面 定位到标签为 input，type 为 file 的元素信息，然后使用 send_keys 把文件路径作为值给传进去。Python 版本driver.find_element(By.CSS_SELECTOR, "#js_upload...
- 本文节选自霍格沃兹测试开发学社内部教材JavaScript 是一种脚本语言，有的场景需要使用 js 脚本注入辅助我们完成 Selenium 无法做到的事情。当 webdriver 遇到无法完成的操作时，可以使用 JavaScript 来完成，webdriver 提供了 execute_script() 方法来调用 js 代码。执行 js 有两种场景：在页面上直接执行 js在某个已经定位的元素... 本文节选自霍格沃兹测试开发学社内部教材JavaScript 是一种脚本语言，有的场景需要使用 js 脚本注入辅助我们完成 Selenium 无法做到的事情。当 webdriver 遇到无法完成的操作时，可以使用 JavaScript 来完成，webdriver 提供了 execute_script() 方法来调用 js 代码。执行 js 有两种场景：在页面上直接执行 js在某个已经定位的元素...
上滑加载中
推荐直播
-
华为云码道-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 提升研发效率与内容生产力。
即将直播
热门标签