chrome-devtools-mcp 是 Google 发布的开源工具，通过 MCP 协议让 AI 编码助手直接控制 Chrome 浏览器进行实时调试。它能自动检测控制台报错、网络请求、性能问题等，实现"编码→自动验证→修复"的闭环。该工具支持 Vue/React 等现代前端框架，提供三种接入方式（CLI/已有浏览器/CI 模式），显著提升开发效率。使用时需注意安全风险，建议敏感操作使用隔离模式

chrome-devtools-mcp 是 Google 发布的开源工具，通过 MCP 协议让 AI 编码助手直接控制 Chrome 浏览器进行实时调试。它能自动检测控制台报错、网络请求、性能问题等，实现"编码→自动验证→修复"的闭环。该工具支持 Vue/React 等现代前端框架，提供三种接入方式（CLI/已有浏览器/CI 模式），显著提升开发效率。使用时需注意安全风险，建议敏感操作使用隔离模式

本文介绍了在Vue3+Vite+Codex+TypeScript+Ant Design Vue技术栈中，Agent的三种角色及其实现方式。生成Agent基于规范自动生成代码，审查Agent在提交前检查代码质量，运行时Agent在应用中提供智能交互。重点展示了生成Agent的实现，包括项目结构、配置规范、组件示例和自动生成脚本，提供了从规范文件到Vue3组件的完整转换流程，支持TypeScript类

如果每个组件的样式都需要单独设置，在开发过程中会出现大量代码在进行重复样式设置，虽然可以复制粘贴，但为了代码简洁性和后续方便维护，我们推出了可以提炼公共样式进行复用的装饰器@Styles。@Styles装饰器可以将多条样式设置提炼成一个方法，直接在组件声明的位置调用。通过@Styles装饰器可以快速定义并复用自定义样式。用于快速定义并复用自定义样式。当前@Styles仅支持通用属性和通用事件。@S

HarmonyOS鸿蒙应用

参数为动画结束后的index值，多列Swiper时，index为最左侧组件的索引。Swiper本身是一个容器组件，当设置了多个子组件后，可以对这些子组件进行轮播显示。通常，在一些应用首页显示推荐的内容时，需要用到轮播显示的能力。参数为动画开始前的index值（不是最终结束动画的index值），多列Swiper时，index为最左侧组件的索引。网格容器，由“行”和“列”分割的单元格所组成，通过指定“

HarmonyOS开始玩耍：List组件结合Badge、swipeAction实现微信消息列表侧滑删除效果（十）

我们构建的页面多为静态界面。如果希望构建一个动态的、有交互的界面，就需要引入“状态”的概念。在声明式UI编程框架中，UI是程序状态的运行结果，用户构建了一个UI模型，其中应用的运行时的状态是参数。当参数改变时，UI作为返回结果，也将进行对应的改变。这些运行时的状态变化所带来的UI的重新渲染，在ArkUI中统称为状态管理机制。自定义组件拥有变量，变量必须被装饰器装饰才可以成为状态变量，状态变量的改变

在我们常用的手机应用中，经常会见到一些[数据列表](https://so.csdn.net/so/search?q=%E6%95%B0%E6%8D%AE%E5%88%97%E8%A1%A8&spm=1001.2101.3001.7020)，如设置页面、通讯录、商品列表等。下图中两个页面都包含列表，“首页”页面中包含两个网格布局，“商城”页面中包含一个商品列表。

HarmonyOS（鸿蒙操作系统）是华为开发的一个开源、面向全场景的分布式操作系统。它旨在为各种设备提供统一的体验，包括智能手机、平板电脑、智能穿戴设备、智能家居等。以下是一些HarmonyOS中常用的方法、组件、第三方库以及它们的使用案例。