【华为开发者空间开发平台】产品体验官活动获奖名单如下：一、有效建议奖：昵称建议分值奖项礼品yd_2846377506.9有效建议奖第一名1000元开发者定制礼品banjin4.4有效建议奖第二名800元开发者定制礼品胡琦2.1有效建议奖第三名500元开发者定制礼品二、优质建议奖：昵称礼品yd_284637750100-200元开发者定制礼品banjin100-200元开发者定制礼品胡琦100-200元开发者定制礼品小草飞上天100-200元开发者定制礼品神一样的老师100-200元开发者定制礼品给无眠点压力100-200元开发者定制礼品yd_70527782100-200元开发者定制礼品yd_269585276100-200元开发者定制礼品yd_238822659100-200元开发者定制礼品cxw100-200元开发者定制礼品andyleung100-200元开发者定制礼品 恭喜以上11名获奖用户，请获奖用户通过以下问卷反馈奖品收件信息（9月3日前反馈有效），感谢大家对云声平台的关注和支持~华为开发者空间全新升级，开发平台重磅上线。此次开发平台集成了AI原生应用引擎、FunctionGraph云函数、Astro低代码、云开发环境能力，在算力、模型、平台和应用层都进行了大升级。基于这些全新特性，企业开发者可以在开发者空间开通大模型服务、部署MCP Server、创建Agent、可视化实现业务需求，从而快速开发上线一个企业级 AI 智能应用，让华为云和根生态技术的能量触达到每位开发者的指尖！大家赶快来体验吧，体验完后提交开发者空间优化建议，还可以领取开发者礼包，包括但不限于华为耳机、手环、鼠标、云宝等好礼，快叫上小伙伴一起提建议吧~ 【实践项目】体验项目项目名称难度系数功能体验开发平台：AI Agent/开发平台：低代码应用/开发平台：云函数 /开发平台：云开发环境/案例体验基于华为开发者空间Astro低代码应用平台，构建业务用户登录后台开发★★★★基于华为开发者空间Astro低代码应用平台，构建业务用户登录页面前台开发★★★★基于华为开发者空间开发平台 MCP资产快速构建AI Agent应用★★★基于华为开发者空间开发平台构建We码会议助手★★★★开发者空间 - 云开发环境使用指导 ★★★本地Xshell基于华为开发者空间云开发环境完成上传下载 ★★★详细信息请见“开发平台”，案例中心。 【活动时间】2025年7月1日-7月30日 【参与方式】01 体验开发者空间开发平台   》   02 去云声平台提建议    》  03 建议评估公示  》   04 获奖公示（活动结束后两周内） ps：建议标题需要以“开发者空间体验官”开头 【奖项设置】奖项设置评选条件获奖名额激励礼品有效建议奖1、有效建议数量不少于2条，有效建议由内部技术专家评审得出2、建议内容需针对上述实践项目3、有效建议中有不低于一条是关于功能体验的3名积分榜第1名：1000元礼品/人积分榜第2名：800元礼品/人积分榜第3名：500元礼品/人优质建议奖1、有效建议不少于2条，由内部技术专家评审选出10名每人100-200元开发者定制礼品【活动说明】1、建议预审通过即为有效建议，其中1条有效功能类建议为1分，1条有效体验类建议为0.3分，1条有效Bug类建议0.5分；有效建议奖与优质建议奖可叠加2、建议提交时需要在标题中以“【开发者空间体验官】”为建议标题开头，比如【开发者空间体验官】开发者空间增加XX/优化XX/导入XX等3、建议内容仅针对以上实践项目中“开发平台功能体验+开发平台案例体验”涉及的云产品，非以上实践项目涉及产品建议内容不参与此活动4、优质建议要求建议对云产品功能及优化改进有重要作用，优先从已被采纳的建议的选择；建议内容需要表述清晰，有明确的建议方案，最好有操作截图或链接等能进一步详细描述；高价值建议数量不限，且与有效建议奖可叠加，每位用户每月最多可获得一次。5、注意事项1）若出现积分相同且排名一致的情况，结合已实现和已采纳建议情况，由内部技术专家选出价值更高的建议用户给予奖励2）同一用户在同一页面（文档）提出的同一类用户体验问题（包括但不限于错别字、语句不通顺、视觉体验等），在通过审核后仅算作一条有效建议数3）若发现代他人提交优化建议，此建议分值只取原分值30%；若发现2次及以上重复提交他人建议，或3次及以上重复提交体验类相关建议进行恶意刷量（包括但不限于错别字、语句不通顺、视觉体验等），取消本人活动参与资格；在活动截止日前进行大量刷屏提交建议，或者重复提交同类型体验建议，直接取消活动参与资格4）以上兑换礼品均为仓库现有实物礼品，有货的情况下优先满足，其中1-3名可优先选择华为自营品牌电子礼品，礼品价值不能超过商品原价，无货则不可以指定，如遇商品缺货，将随机换成其他等价值礼品发放5）此【开发者空间体验官】与云声月度例行激励活动不叠加，若标题无【开发者空间体验官】标记，则有效建议默认参与月度例行激励

首次使用华为云CodeArts时，开发者们总会遇到一些问题，小编针对大家遇到的问题做了分类总结，比如标准页面的表格数据问题、标准页面的表格数据问题、如何在标准页面的事件里面通过JS代码，获得下拉框选择的值？、标准页面的表格数据问题。憋着急！下面小编就来为大家一一解答遇到这几类问题时该如何快速解决，一步解决大家的困扰。华为云CodeArts系列产品参考手册：1、CodeArts：软件开发平台（CodeArts）官方手册：https://support.huaweicloud.com/devcloud/index.html软件开发平台（CodeArts）相关文章：https://bbs.huaweicloud.com/forum/thread-59032-1-1.html产品官方页面：https://devcloud.cn-north-4.huaweicloud.com/home2、CodeArts项目管理：项目管理（ProjectMan）官方手册：https://support.huaweicloud.com/projectman/index.html项目管理（ProjectMan）更新预览：https://support.huaweicloud.com/wtsnew-projectman/index.html产品官方页面：https://www.huaweicloud.com/product/projectman.html3、低代码平台Astro：应用魔方官方手册：https://support.huaweicloud.com/qs-appcube/appcube_02_0110.html操作指导：https://support.huaweicloud.com/appcube_video/index.html产品官方页面：https://appcube.cn-north-4.huaweicloud.com/studio/index.html#/projects/零代码官方手册：https://support.huaweicloud.com/usermanual-appcube/appcube_05_1404.html问题汇总：（以↓问题都是由官方人员解答后的文章链接）这里部署失败可以在哪里看到全量的日志吗？cid:link_0CodeArts IDE for java 运行报错cid:link_8codearts Ide 同一目录下多模块，Java智能助手无法识别cid:link_9CodeArts Ide SmartAssist启动失败cid:link_1Astro怎么动态设置工作流标题cid:link_10当前读和快照读有什么区别？cid:link_2MySQL的行级锁锁的到底是什么？cid:link_11InnoDB支持哪几种行格式？cid:link_12InnoDB的一次更新事务是怎么实现的？cid:link_13GaussDB轻量化部署，安装TPOPS平台失败cid:link_14mysql在InnoDB引擎下加索引，这个时候会锁表吗？cid:link_15InnoDB的聚簇索引是按照表的主键创建一个B+树，但是如果我们在表结构中没有定义主键怎么办？cid:link_16mysql中如何减少回表，增加查询的性能?cid:link_17走了索引，但是还是很慢是什么原因?cid:link_3mysql中操作同一条记录会发生死锁吗?cid:link_18数据库如果发生了死锁，该如何解决?cid:link_40.58.3版本仓颉后端无法启动 cid:link_19请问怎么购买codearts 盘古助手呢cid:link_20深圳P公司项目 项目发到生产首次加载可以触发事件, 刷新后就失效了 cid:link_21请问怎么购买Codearts盘古助手呢？cid:link_20  CodeArts IDE for C/C++ 运行Hallo World为什么无法直接在终端输出cid:link_223月: CodeArts 能上传 exe，获得一个url，作为程序的更新地址吗？有这个功能吗 cid:link_23 DevEco studioDev studio 有没有类似于Cline辅助开发插件？cid:link_24开始《Java智能助手设置》报错，不知道在哪设置 cid:link_25CodeArtsCheck idea 导入规则不生效 cid:link_26CodeArts IDE For Java什么时候更新cid:link_27 4月：CodeArts IDE for Cangjijr Even Better TOML v0.21.2? 扩展不兼容cid:link_28CodeArts IDE for Cangjie 无法安装扩展cid:link_29配置了ssh密钥，可以克隆项目代码，但是update和push代码提示没有权限cid:link_30如何支持连接WSL进行开发？cid:link_31smproxy-1.0.1.jar 华为maven依赖镜像在哪里能下载到？求助cid:link_32如何支持连接WSL进行开发？cid:link_315月： 推送镜像到SWR失败cid:link_33构建任务的日志链接可以对外提供吗？cid:link_34我想问下华为云的这个CodeArts支持CICD吗？cid:link_35 CodeArts Snap插件支持哪些客户端和语言？cid:link_36 CodeArts看板项目如何按照自定义字段进行检索？ cid:link_37CodeArts IDE会有linux系统下的安装版本吗？cid:link_38 函数工作流下载函数失败 cid:link_39大佬，请问CodeArts IDE for C\C++ 工程创建完成后，出现这个报错咋解决？cid:link_40【麒麟V10】麒麟V10X86架构安装ambari-2.7.5后，利用ambari构建大数据平台报错RuntimeError: Failed to execute command '/usr/bin/yum -y install hadoocid:link_41代码托管中组的访问级别如何修改？cid:link_42【紧急问题求助】麒麟V10安装ambari-server-2.7.5执行ambari-server setup报错Unexpected error Ambari repo file path not set for current OS. cid:link_43 CodeArts IDE for Java 安装后，第一次打开显示 Initialization failed, due to no login extension found in this IDE. The CodeArts IDE cid:link_44CodeArts的Java版本和C/C++和ShellRemote是一个安装包吗?cid:link_45 【交流吐槽】 Elasticsearch 8.x版本求更新cid:link_46 6月:鸿蒙PC版CodeArts下载不了了？cid:link_5CodeArts构建maven的springcloud项目失败，jdk17 jansi-2.4.1 权限被阻止 cid:link_47关于CodeArts的CiCD的问题 cid:link_48bug提交不上报错，已经退出重新登录过了还是这样cid:link_6点击某个多选框后，如何自动生成文本输入框cid:link_70基础低代码平台，有没有入门案例教程cid:link_49

📋 案例概览📝 背景与简介华为开发者空间是为全球开发者打造的专属云上成长空间，深度整合昇腾AI、鸿蒙、鲲鹏等华为根技术。开发者空间在HDC2025上迎来全面升级，新增AI原生应用引擎、AI Notebook、鸿蒙云手机、FunctionGraph云函数、Astro低代码等核心能力，并在算力、模型、平台、应用层实现全方位优化，助力开发者高效完成从编码到调测的全流程，打造智能AI应用开发新体验。华为开发者空间-低代码应用开发平台是华为云推出的一款可视化应用开发平台，旨在通过"拖拽式"组件和模板化设计，降低开发门槛，提升企业数字化应用构建效率。Astro平台特别适合业务人员与开发者协同创新，能大幅缩短应用交付周期，典型适用于OA审批、数据看板、轻量级业务系统等场景。传统用户登录开发深陷 “高成本、低效率、弱安全” 困局，而华为Astro通过 “预制安全能力+可视化编排+云原生运维” 三位一体，实现：安全零信任：内建金融级防护，杜绝密码泄露风险；部署小时级：拖拽式开发释放IT资源；业务可持续：权限热配置支撑敏捷迭代。本案例将通过华为开发者空间-低代码应用开发平台，为业务应用自定义一个登录页。通过在登录页中输入用户名、密码等登录信息，与系统中存储的业务用户信息进行对比，来验证业务用户的身份，并根据设置的业务用户权限，为业务用户分配相应的资源和访问权限。🔖 案例流程🕹️ 流程说明：领取华为开发者空间，登录华为开发者空间-低代码应用开发平台；新建低代码应用，进入Astro轻应用服务控制台主页，开发应用。✍️ 案例实操📝 业务用户登录后台开发领取华为开发者空间，登录华为开发者空间-低代码应用开发平台；在华为开发者空间-低代码应用开发平台创建低代码应用，配置系统环境变量；创建用户登录、注册脚本，测试登录注册运行，返回参数；关联登录脚本，创建用户登录服务编排；创建公共接口，发布服务。在业务用户登录后台开发的最后，我们创建了一个公共接口。接下来我们将完成业务用户前台的开发，通过调取公共接口进行前后端数据互传，完成业务用户登录功能的开发。📝 业务用户登录前台开发获取自定义登录组件模板，修改配置文件，创建自定义组件；创建高级页面，开发登录页，配置后台公共接口；发布应用，登录成功！！！🌈 案例最终效果

6月24日晚19点，OpenTiny B站直播间等你来看~

一些手报，烟感设备 都归类为温感告警了，这个怎么办  麻烦看看基线

4月25日，由中国移动通信集团主办的“云擎未来 智信天下”2023移动云大会在苏州金鸡湖国际会议中心顺利召开。华为技术有限公司高级副总裁曹既斌受邀出席此次大会，并参加了移动云信息技术融合应用创新产业生态联合体发布仪式。移动云信息技术融合应用创新产业生态联合体的发布，标志着中国移动将凝聚合力共同构建开放包容、合作共赢的产业生态。当前，中国移动与华为正迈入新的合作周期，华为也将秉持"一切皆服务"的战略，与移动云强强联合，持续做强技术底座，为产业创造更多价值，为建设数字中国注入澎湃动能。        在本届移动云大会上，华为云计算技术有限公司副总裁黄瑾做了主题为“一切皆服务，共促云产业，深耕数智化”的演讲，阐述了华为云对于产业的思考，业务战略，以及与移动云合作的成果及未来展望。“在数字转型的关键时刻，华为云通过一切皆服务，共创行业新价值，助力企业数智化转型，共建繁荣生态共赢。中国移动和华为在云计算领域的战略合作，取得较好进展，践行“一切皆服务”，把研发投入所产生的技术和产品、数字化转型经验，伙伴的能力，都开放在云上作为云服务，提升竞争力，同时更好的共同服务客户。”

在“万物皆可上云”的时代，不跟风上个云似乎就OUT了，离我们最近的除了各类云盘存储应用，还有云手机、云电脑等云上终端，让一部手机能当“两部手机使”，惊不惊喜？这不最近中国移动携手华为发布“你的第一部云手机”。以智能手机终端为载体，在云端上运行另一款虚拟手机。我们只需通过访问APP的方式登录云端手机，在高速率、低时延5G、千兆网络的加持下，支持打电话、拍照、刷视频等一系列操作，甚至是畅玩一局3A游戏大作都不在话下。因为游戏的计算、存储、渲染等资源过程是由移动云完成，这时手机更多地承担的是“显示器”的角色。这也就意味着云端手机突破了手机硬件性能限制，即使是低配版的智能手机，也能在云端开一局大型游戏、看一场超高清视频直播。同时，由于这些应用所需的计算和渲染过程已迁移到云端进行，本地手机所需要调动的CPU、GPU等资源占用减少，从而显著降低手机的功耗。手机号码便是云端手机的“通行证”，不受终端设备束缚，随时随地“登录即可用”，无需文件助手传来传去，徒增手机“容量焦虑”。云手机配备云端加密存储等技术，提供设备锁、应用锁、云手机一键隐藏“三重保障”，让云端办公更便捷、安全。值得一提的是，云端手机存储的内容和下载的应用，不占用本地手机存储空间，助你告别“容量焦虑”。因为有了云手机，就像有了双重保险，本地+云端备份，安全有保障。这样一款实用云手机，谁不想拥有呢？不过，使用“移动云手机”的前提是，要有稳定可靠、低时延、高速率的网络作为支撑，否则云端数据传输不流畅，会出现卡顿、加载失败的情况，我们的体验感也会大打折扣。目前云手机的存储空间和使用时长都是有限制的，并不是无限期、不限容量的，需按照相应的套餐标准来使用。面向消费端用户的“移动云手机”，同时也是5G时代，中国移动算网战略下一款连接用户的标志性终端产品，让算力真正走进我们的日常生活。其实早在3G时代，以互联网OTT为代表的各路玩家，就开始探索云手机的应用与落地，但那时的网络、终端硬件软件、生态安全还不够完善，并不具备大规模应用推广的条件。而未来“移动云手机”若成功在市场赢得用户的青睐，届时对运营商力推的智慧家庭业务也是不小的助力，在人人“机不离手”的当下，选择从手机作为突破口，进而提供从智能终端到智能家居，再到智慧生活、办公的一站式服务，无疑不是构建用户端“云生态”的全新入口。除了云手机，凭借领先的5G技术优势和AI、算力网络的加持，移动顺势推出可自由配置、灵活组合的“能力+算力”套餐，目前已打造“3+2+1”算力终端产品体系。3包括云电脑、云手机、移动云高清这三款“瘦终端产品”，2包括旺铺算力主机、算力家庭主机两款“胖终端”，1是指统一的云OS平台，能实现终端产品的统一资源调度。让算力像水、电一样“一点接入、即取即用”。随着智能手机市场的“低迷”，一方面人们换机意愿的下降，另一方面手机创新遇到瓶颈，既然如此，何不尝试一下云端上的虚拟手机，或许会发现新的天地。你的下一部手机会是“云手机”吗？

在查阅 VitePress 具体实践时，我被 UnoCSS 文档中的彩虹动画效果深深吸引。在查看其实现原理之后，本文也将探索如何通过自定义组件和样式增强 VitePress 站点，并实现一个炫酷的彩虹动画效果。自定义主题VitePress 允许你通过自定义 Layout 来改变页面的结构和样式。自定义 Layout 可以帮助你更好地控制页面的外观和行为，尤其是在复杂的站点中。项目初始化在终端中运行以下命令，初始化一个新的 VitePress 项目：npx vitepress initAI写代码bash1然后根据提示，这次选择自定义主题（Default Theme + Customization）：┌  Welcome to VitePress!│◇  Where should VitePress initialize the config?│  ./docs│◇  Site title:│  My Awesome Project│◇  Site description:│  A VitePress Site│◇  Theme:│  Default Theme + Customization│◇  Use TypeScript for config and theme files?│  Yes│◇  Add VitePress npm scripts to package.json?│  Yes│└  Done! Now run npm run docs:dev and start writing.Tips:- Make sure to add  docs/.vitepress/dist and  docs/.vitepress/cache to your .gitignore file.- Since you've chosen to customize the theme, you should also explicitly install vue as a dev dependency.AI写代码txt注意提示，这里需要额外手动安装 vue 库：pnpm add vueAI写代码bash1自定义入口文件找到 .vitepress/theme/index.ts 入口文件：// <https://vitepress.dev/guide/custom-theme>import { h } from 'vue'import type { Theme } from 'vitepress'import DefaultTheme from 'vitepress/theme'import './style.css'export default {  extends: DefaultTheme,  Layout: () => {    return h(DefaultTheme.Layout, null, {      // <https://vitepress.dev/guide/extending-default-theme#layout-slots>    })  },  enhanceApp({ app, router, siteData }) {    // ...  }} satisfies ThemeAI写代码ts里面暴露了一个 Layout 组件，这里是通过 h 函数实现的，我们将其抽离成 Layout.vue 组件。创建自定义 LayoutVitePress 的 Layout 组件是整个网站的骨架，控制了页面的基本结构和布局。通过自定义 Layout，我们可以完全掌控网站的外观和行为。为什么要自定义 Layout？增加特定的布局元素修改默认主题的行为添加全局组件或功能实现特殊的视觉效果（如我们的彩虹动画）我们在 .vitepress/theme 文件夹中创建 Layout.vue 组件，并将之前的内容转换成 vue 代码：<script setup lang="ts">import DefaultTheme from 'vitepress/theme'</script><template>  <DefaultTheme.Layout /></template>AI写代码ts接下来，在 .vitepress/theme/index.ts 中注册自定义 Layout：// .vitepress/theme/index.tsimport DefaultTheme from 'vitepress/theme'import CustomLayout from './Layout.vue'export default {  extends: DefaultTheme,  Layout: CustomLayout,}AI写代码ts这将会覆盖默认的 Layout，应用你自定义的布局结构。覆盖原本样式VitePress 提供了 css 变量来动态修改自带的样式，可以看到项目初始化后在 .vitepress/theme 中有一个 style.css。里面提供了案例，告诉如何去修改这些变量。同时可以通过该链接查看全部的 VitePress 变量：VitePress 默认主题变量。VitePress 允许我们通过多种方式覆盖默认样式。最常用的方法是创建一个 CSS 文件，并在主题配置中导入。比如想设置 name 的颜色，就可以通过：:root {  --vp-home-hero-name-color: blue;}AI写代码css引入 UnoCSSUnoCSS 是一个按需生成 CSS 的工具，可以极大简化 CSS 管理，帮助快速生成高效样式。在项目中安装 UnoCSS 插件：pnpm add -D unocssAI写代码bash1然后，在 vite.config.ts 中配置 UnoCSS 插件：import UnoCSS from 'unocss/vite'import { defineConfig } from 'vite'export default defineConfig({  plugins: [UnoCSS()],}AI写代码ts通过 UnoCSS，可以轻松应用样式而无需写冗余 CSS。例如，使用以下类名快速创建按钮样式：<button class="bg-blue-500 text-white p-4 rounded-lg hover:bg-blue-600">  按钮</button>AI写代码html实现彩虹动画彩虹动画是本文的主角，主要通过动态改变 CSS 变量值来实现色彩的平滑过渡。定义彩虹动画关键帧通过 @keyframes，在不同颜色之间平滑过渡，形成彩虹动画效果。创建 rainbow.css 文件：@keyframes rainbow {  0% {    --vp-c-brand-1: #00a98e;    --vp-c-brand-light: #4ad1b4;    --vp-c-brand-lighter: #78fadc;    --vp-c-brand-dark: #008269;    --vp-c-brand-darker: #005d47;    --vp-c-brand-next: #009ff7;  }  25% {    --vp-c-brand-1: #00a6e2;    --vp-c-brand-light: #56cdff;    --vp-c-brand-lighter: #87f6ff;    --vp-c-brand-dark: #0080b9;    --vp-c-brand-darker: #005c93;    --vp-c-brand-next: #9280ed;  }  50% {    --vp-c-brand-1: #c76dd1;    --vp-c-brand-light: #f194fa;    --vp-c-brand-lighter: #ffbcff;    --vp-c-brand-dark: #9e47a9;    --vp-c-brand-darker: #772082;    --vp-c-brand-next: #eb6552;  }  75% {    --vp-c-brand-1: #e95ca2;    --vp-c-brand-light: #ff84ca;    --vp-c-brand-lighter: #ffadf2;    --vp-c-brand-dark: #be317d;    --vp-c-brand-darker: #940059;    --vp-c-brand-next: #d17a2a;  }  100% {    --vp-c-brand-1: #00a98e;    --vp-c-brand-light: #4ad1b4;    --vp-c-brand-lighter: #78fadc;    --vp-c-brand-dark: #008269;    --vp-c-brand-darker: #005d47;    --vp-c-brand-next: #009ff7;  }}:root {  --vp-c-brand-1: #00a8cf;  --vp-c-brand-light: #52cff7;  --vp-c-brand-lighter: #82f8ff;  --vp-c-brand-dark: #0082a7;  --vp-c-brand-darker: #005e81;  --vp-c-brand-next: #638af8;  animation: rainbow 40s linear infinite;}html:not(.rainbow) {  --vp-c-brand-1: #00a8cf;  --vp-c-brand-light: #52cff7;  --vp-c-brand-lighter: #82f8ff;  --vp-c-brand-dark: #0082a7;  --vp-c-brand-darker: #005e81;  --vp-c-brand-next: #638af8;  animation: none !important;}AI写代码css这段代码定义了彩虹动画的五个关键帧，并将动画应用到根元素上。注意，我们还定义了不带动画的默认状态，这样就可以通过 CSS 类切换动画的启用/禁用。实现彩虹动画控制组件接下来，实现名为 RainbowAnimationSwitcher 的组件，其主要逻辑是通过添加或移除 HTML 根元素上的 rainbow 类来控制动画的启用状态，从而实现页面的彩虹渐变效果。这个组件使用了 @vueuse/core 的两个工具函数：useLocalStorage 用于在浏览器本地存储用户的偏好设置useMediaQuery 用于检测用户系统是否设置了减少动画<script lang="ts" setup>import { useLocalStorage, useMediaQuery } from '@vueuse/core'import { inBrowser } from 'vitepress'import { computed, watch } from 'vue'import RainbowSwitcher from './RainbowSwitcher.vue'defineProps<{ text?: string; screenMenu?: boolean }>()const reduceMotion = useMediaQuery('(prefers-reduced-motion: reduce)').valueconst animated = useLocalStorage('animate-rainbow', inBrowser ? !reduceMotion : true)function toggleRainbow() {  animated.value = !animated.value}// 在这里对动画做处理watch(  animated,  anim => {    document.documentElement.classList.remove('rainbow')    if (anim) {      document.documentElement.classList.add('rainbow')    }  },  { immediate: inBrowser, flush: 'post' },)const switchTitle = computed(() => {  return animated.value ? 'Disable rainbow animation' : 'Enable rainbow animation'})</script><template>  <ClientOnly>    <div class="group" :class="{ mobile: screenMenu }">      <div class="NavScreenRainbowAnimation">        <p class="text">          {{ text ?? 'Rainbow Animation' }}        </p>        <RainbowSwitcher          :title="switchTitle"          class="RainbowAnimationSwitcher"          :aria-checked="animated ? 'true' : 'false'"          @click="toggleRainbow"        >          <span class="i-tabler:rainbow animated" />          <span class="i-tabler:rainbow-off non-animated" />        </RainbowSwitcher>      </div>    </div>  </ClientOnly></template><style scoped>.group {  border-top: 1px solid var(--vp-c-divider);  padding-top: 10px;  margin-top: 1rem !important;}.NavScreenRainbowAnimation {  display: flex;  justify-content: space-between;  align-items: center;  border-radius: 8px;  padding: 12px;  background-color: var(--vp-c-bg-elv);  max-width: 220px;}.text {  line-height: 24px;  font-size: 12px;  font-weight: 500;  color: var(--vp-c-text-2);}.animated {  opacity: 1;}.non-animated {  opacity: 0;}.RainbowAnimationSwitcher[aria-checked='false'] .non-animated {  opacity: 1;}.RainbowAnimationSwitcher[aria-checked='true'] .animated {  opacity: 1;}</style>AI写代码ts其中 RainbowSwitcher 组件是一个简单的开关按钮。以下是其实现：<template>  <button class="VPSwitch" type="button" role="switch">    <span class="check">      <span v-if="$slots.default" class="icon">        <slot />      </span>    </span>  </button></template><style scoped>.VPSwitch {  position: relative;  border-radius: 11px;  display: block;  width: 40px;  height: 22px;  flex-shrink: 0;  border: 1px solid var(--vp-input-border-color);  background-color: var(--vp-input-switch-bg-color);  transition: border-color 0.25s !important;}.check {  position: absolute;  top: 1px;  left: 1px;  width: 18px;  height: 18px;  border-radius: 50%;  background-color: var(--vp-c-neutral-inverse);  box-shadow: var(--vp-shadow-1);  transition: transform 0.25s !important;}.icon {  position: relative;  display: block;  width: 18px;  height: 18px;  border-radius: 50%;  overflow: hidden;}</style>AI写代码挂载组件在 .vitepress/theme/index.ts 中，在 enhanceApp 中挂载组件：// .vitepress/theme/index.tsimport DefaultTheme from 'vitepress/theme'import CustomLayout from './Layout.vue'export default {  extends: DefaultTheme,  Layout: CustomLayout,  enhanceApp({ app, router }) {    app.component('RainbowAnimationSwitcher', RainbowAnimationSwitcher)    if (typeof window === 'undefined') return    watch(      () => router.route.data.relativePath,      () => updateHomePageStyle(location.pathname === '/'),      { immediate: true },    )  },}// Speed up the rainbow animation on home pagefunction updateHomePageStyle(value: boolean) {  if (value) {    if (homePageStyle) return    homePageStyle = document.createElement('style')    homePageStyle.innerHTML = `    :root {      animation: rainbow 12s linear infinite;    }`    document.body.appendChild(homePageStyle)  } else {    if (!homePageStyle) return    homePageStyle.remove()    homePageStyle = undefined  }}AI写代码ts在导航栏中使用彩虹动画开关在 .vitepress/config/index.ts 的配置文件中添加彩虹动画开关按钮：export default defineConfig({  themeConfig: {    nav: [      // 其他导航项...      {        text: `v${version}`,        items: [          {            text: '发布日志',            link: '<https://github.com/yourusername/repo/releases>',          },          {            text: '提交 Issue',            link: '<https://github.com/yourusername/repo/issues>',          },          {            component: 'RainbowAnimationSwitcher',            props: {              text: '彩虹动画',            },          },        ],      },    ],    // 其他配置...  },})AI写代码ts这样，彩虹动画开关就成功加载到导航栏的下拉菜单中。————————————————                            版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。                        原文链接：https://blog.csdn.net/qq_41496424/article/details/148241794

TinyEngine 低代码引擎使能开发者定制低代码平台。它是低代码平台的底座，提供可视化搭建页面等基础能力，既可以通过线上搭配组合，也可以通过创建cli工程进行二次开发，实时定制出自己的低代码平台。适用于多场景的低代码平台开发，如：资源编排、服务端渲染、模型驱动、移动端、大屏端、页面编排等。社区贡献者观默评价它：“基于 Vue3，利用 DSL 实现从 schema 生成源码，支持多框架集成，且拥有强大的插件系统，能实现各种定制化开发的需求”。如果你正在寻找一款趁手的低代码引擎或者你对低代码开发感兴趣，那你不妨来试试 TinyEngine。本期直播将通过实战分享，手把手带你完成项目搭建、组件库部署与注册并开发一款简单的插件。直播详情：  

 OpenTiny企业级前端开发解决方案，正在寻找热爱分享的技术达人！加入我们的直播讲师团，与众多开发者一起分享你的经验，推动技术普惠，同时打造个人技术影响力！报名链接：https://www.wjx.cn/vm/tw7FOgC.aspx# 

低代码引擎使能开发者定制低代码平台。它是低代码平台的底座，提供可视化搭建页面等基础能力，既可以通过线上搭配组合，也可以通过 cli 创建个人工程进行二次开发，实时定制出自己的低代码平台。适用于多场景的低代码平台开发，如：资源编排、服务端渲染、模型驱动、移动端、大屏端、页面编排等。3月6日19点，云计算前端开发工程师，TinyEngine 项目成员胡靖老师，将为大家分享 TinyEngine 低代码引擎 v2.2 版本更新情况。本次直播将围绕 TinyEngine 的最新版本展开。首先，会为大家带来版本更新亮点的概览，让大家快速了解本次更新的精彩之处；接着，将深入解析备受瞩目的嵌套路由特性，带大家一探究竟；当然，除了嵌套路由，本次更新还有许多其他新特性和优化，也会一一为大家介绍，让大家全面了解新版本的强大之处。最后，还为大家准备了升级指南，帮助大家轻松完成版本升级，同时，直播过程中还会设置技术答疑环节，欢迎大家积极提问，我们将现场为大家答疑解惑。无论你是技术大牛，还是初学者，相信这场直播都会让你收获满满！直播详情直播主题直播分享：TinyEngine 低代码引擎 v2.2 版本特性介绍直播亮点1. 版本更新亮点概览2. 嵌套路由特性深度解析3. 其他新特性与优化介绍4. 升级指南与技术答疑直播讲师胡靖，云计算前端开发工程师，TinyEngine团队成员直播时间2025年3月6日19点——19点45分直播地址线上：http://live.bilibili.com/31174756关于OpenTiny欢迎加入 OpenTiny 开源社区。添加微信小助手：opentiny-official 一起参与交流前端技术～OpenTiny 官网：https://opentiny.designOpenTiny 代码仓库：https://github.com/opentinyTinyVue 源码：https://github.com/opentiny/tiny-vueTinyEngine 源码： https://github.com/opentiny/tiny-engine欢迎进入代码仓库 Star🌟TinyEngine、TinyVue、TinyNG、TinyCLI~ 如果你也想要共建，可以进入代码仓库，找到 good first issue标签，一起参与开源贡献~

首次使用华为云CodeArts时，开发者们总会遇到一些问题，小编针对大家遇到的问题做了分类总结，比如标准页面的表格数据问题、标准页面的表格数据问题、如何在标准页面的事件里面通过JS代码，获得下拉框选择的值？、标准页面的表格数据问题。憋着急！下面小编就来为大家一一解答遇到这几类问题时该如何快速解决，一步解决大家的困扰。华为云CodeArts系列产品参考手册：1、CodeArts：软件开发平台（CodeArts）官方手册：https://support.huaweicloud.com/devcloud/index.html软件开发平台（CodeArts）相关文章：https://bbs.huaweicloud.com/forum/thread-59032-1-1.html产品官方页面：https://devcloud.cn-north-4.huaweicloud.com/home2、CodeArts项目管理：项目管理（ProjectMan）官方手册：https://support.huaweicloud.com/projectman/index.html项目管理（ProjectMan）更新预览：https://support.huaweicloud.com/wtsnew-projectman/index.html产品官方页面：https://www.huaweicloud.com/product/projectman.html3、低代码平台Astro：应用魔方官方手册：https://support.huaweicloud.com/qs-appcube/appcube_02_0110.html操作指导：https://support.huaweicloud.com/appcube_video/index.html产品官方页面：https://appcube.cn-north-4.huaweicloud.com/studio/index.html#/projects/零代码官方手册：https://support.huaweicloud.com/usermanual-appcube/appcube_05_1404.html问题汇总：（以↓问题都是由官方人员解答后的文章链接）这里部署失败可以在哪里看到全量的日志吗？cid:link_0CodeArts IDE for java 运行报错cid:link_5codearts Ide 同一目录下多模块，Java智能助手无法识别cid:link_6CodeArts Ide SmartAssist启动失败cid:link_1Astro怎么动态设置工作流标题cid:link_7当前读和快照读有什么区别？cid:link_2MySQL的行级锁锁的到底是什么？cid:link_8InnoDB支持哪几种行格式？cid:link_9InnoDB的一次更新事务是怎么实现的？cid:link_10GaussDB轻量化部署，安装TPOPS平台失败cid:link_11mysql在InnoDB引擎下加索引，这个时候会锁表吗？cid:link_12InnoDB的聚簇索引是按照表的主键创建一个B+树，但是如果我们在表结构中没有定义主键怎么办？cid:link_13mysql中如何减少回表，增加查询的性能?cid:link_14走了索引，但是还是很慢是什么原因?cid:link_3mysql中操作同一条记录会发生死锁吗?cid:link_15数据库如果发生了死锁，该如何解决?cid:link_40.58.3版本仓颉后端无法启动 cid:link_16请问怎么购买codearts 盘古助手呢cid:link_17深圳P公司项目 项目发到生产首次加载可以触发事件, 刷新后就失效了 cid:link_18 请问怎么购买Codearts盘古助手呢？cid:link_17  CodeArts IDE for C/C++ 运行Hallo World为什么无法直接在终端输出https://bbs.huaweicloud.com/forum/thread-0210175537101525029-1-1.html   

OpenTiny 2024 年年度榜单新鲜出炉，一起看看榜上有没有你吧！2025 年 OpenTiny 开源社区也欢迎朋友们一起参与共建~ 

致开发者：    华为云开源开发者论坛将于12月7日（周六）9点30分在上海静安香格里拉酒店正式召开，我们诚挚邀请你报名参与本次线下开发者论坛。报名成功，现场即可领取活动伴手礼，同时中午包含大会午餐。本次活动议题融入AI、Serverless、前端、时序数据库、边缘计算、批量调度等多个维度，大前端技术论坛也将从业务的实际案例出发，与大家共同探讨前端开源技术。因此希望与各位开发者齐聚上海，共赴开源盛典，共筑前端未来。活动报名链接：cid:link_0（欢迎大家扫码或点击链接参与报名~）议程内容如下：

低代码引擎使能开发者定制低代码平台。它是低代码平台的底座，提供可视化搭建页面等基础能力，既可以通过线上搭配组合，也可以通过 cli 创建个人工程进行二次开发，实时定制出自己的低代码平台。适用于多场景的低代码平台开发，如：资源编排、服务端渲染、模型驱动、移动端、大屏端、页面编排等。  11 月 21 日 17 点，华为云前端工程师，云计算用户体验部体验技术团队 TinyEngine 项目成员姚赟老师，将为大家带来 #茶思一小时 #TinyEngine 低代码引擎揭秘系列第 6 讲。本期主题为：构建多元共生的生态空间，TinyEngine 生态的融合之道。姚赟老师将带大家了解 TinyEngine 低代码引擎的生态构成、技术架构、生态发展趋势等方向的内容，并通过与大家分享 TinyEngine 的生态协同方式，帮助开发者探索更多低代码发展可能性。直播详情直播主题构建多元共生的生态空间：TinyEngine 生态的融合之道直播亮点直播亮点TinyEngine 生态构成1）TInyEngine 生态概览2）生态中心的技术枢纽3）生态工具链的技术优化4）生态伙伴的技术协同5）生态社区的技术交流TinyEngine 生态技术架构1）schema 协议2）物料资产包协议3）注册表4）原子化TinyEngine 生态发展趋势与未来展望1）生态市场2）AI 辅助开发3）OpenTiny next直播讲师姚赟，华为云前端开发工程师直播时间2024 年 11 月 21 日 17 点——18 点 30 分直播地址线上：http://live.bilibili.com/31174756线下：深圳华为坂田基地 A9 咖啡厅关于 OpenTiny欢迎加入 OpenTiny 开源社区。添加微信小助手：opentiny-official 一起参与交流前端技术～OpenTiny 官网：https://opentiny.design/OpenTiny 代码仓库：https://github.com/opentiny/TinyVue 源码：https://github.com/opentiny/tiny-vueTinyEngine 源码： https://github.com/opentiny/tiny-engine欢迎进入代码仓库 Star🌟TinyEngine、TinyVue、TinyNG、TinyCLI~如果你也想要共建，可以进入代码仓库，找到 good first issue 标签，一起参与开源贡献~