mcpField
M
magento-knockout-specialist

magento-knockout-specialist

github.com/maxnorm开发31151 次安装40 周前更新
代码仓库

关于 magento-knockout-specialist

面向 Magento 2 前端开发的 KnockoutJS 专业技能,用于构建响应式界面和可复用组件。涵盖 MVVM、数据绑定及 Magento UI 组件集成。

主要功能

  1. 01实现 MVVM 架构
  2. 02使用可观察对象与数据绑定
  3. 03开发自定义绑定处理器
  4. 04集成 Magento UI 组件
  5. 05优化渲染与订阅管理

适用场景

  1. 01构建交互式前端功能
  2. 02开发 Magento UI 组件
  3. 03实现动态数据绑定

安装

复制下面的命令,在终端中运行。

$npx skills add https://github.com/maxnorm/magento2-agent-skills --skill magento-knockout-specialist

安装后在 Claude Code 中输入/magento-knockout-specialist确认已加载。

详细介绍

Magento 2 KnockoutJS 专家

擅长使用 Magento 的 KnockoutJS 框架创建复杂的响应式用户界面。

适用场景

  • 构建 UI 组件
  • 实现 MVVM 模式
  • 创建交互式前端功能
  • 使用 Magento UI 组件
  • 构建动态数据绑定

精通 KnockoutJS

MVVM 模式
  • 模型-视图-视图模型:熟练实现 MVVM 架构
  • 可观察对象模式:高级运用可观察对象、计算可观察对象和可观察数组
  • 数据绑定:双向数据绑定和声明式绑定语法
  • 自定义绑定:开发自定义绑定处理器
  • 组件架构:开发可复用组件
Magento 集成
  • UI 组件:与 Magento 的 UI 组件框架集成
  • RequireJS 集成:模块加载和依赖项管理
  • 模板系统:集成 KnockoutJS 模板
  • 数据提供程序:与 Magento 的数据提供程序架构集成
  • 事件系统:处理事件并实现组件间通信

最佳实践

  • 内存管理:高效管理和清理可观察对象
  • 渲染优化:优化模板渲染和 DOM 更新
  • 订阅管理:高效处理和释放订阅
  • 性能:优化性能
  • 无障碍性:确保符合无障碍要求

参考资料

专注于创建响应式、易于维护的 UI 组件。

评论

支持 Markdown