SuperAPI AI 工具集

javascript-author

前端与建站

查看项目

更新于 10-16 03:48

技能介绍

用途:编写符合现代规范的原生 JavaScript,用于 Web Components,采用「函数式核心 + 命令式外壳」架构,适用于创建 JavaScript 文件或构建交互式组件。

核心原则:函数式核心负责纯函数、getter、计算值,不产生副作用;命令式外壳负责 DOM 操作、事件处理与副作用,置于生命周期钩子中;依赖注入,从独立文件导入模板、样式、i18n;仅使用具名导出,禁止默认导出;用 JSDoc 注释类、公共方法和事件。

文件结构:组件目录包含主类文件、模板函数文件、CSS-in-JS 样式文件和翻译对象文件。

组件写法:继承 VBElement,定义 observedAttributes,用 getter 实现函数式部分,在 setup() 与 teardown() 中处理副作用,事件监听用 this.listen() 自动清理,最后用 customElements.define() 注册并具名导出。

命名约定:变量与函数用 camelCase,类用 PascalCase,自定义元素与事件、CSS 类用 kebab-case。ESLint 强制 no-var、prefer-const、prefer-template、eqeqeq、camelcase、object-shorthand 及具名导出。

配套技能:涉及自定义元素用 custom-elements,网络请求用 api-client 与 error-handling,组件状态用 state-management,持久化用 data-storage,可访问性用 accessibility-checker,单元测试用 unit-testing,TypeScript 用 typescript-author。

限制:官方资料未提供安装命令、收费与平台信息,暂未提供。