360 Secure SkillHub
360 安全技能中心

fec-refactoring-encapsulation

用于行为保持的前端封装重构:当重构聚焦记录、集合、值、职责、委托或算法边界,并需技术相关机制、风险及JS/TS/React/Vue适配时使用。核心是确认9种经典技术前置条件,记录行为与差异预算,每次只应用最小步骤并立即验证,超出预期则停止重评;输出重构步骤与验证结果,输入待重构代码和选定技术。

bovinphang
bovinphang
热度 7.62
最近更新 2026-09-27 11:35:14
分类:开发依赖:读写文件 / 代码执行 / 内部调用大模型应用场景:代码生成 / 代码审查

安装技能

复制下面的话术发给你的 Agent,它会通过 secure-skills 检索并安装该技能。

执行命令安装此 skill: npx secure-skills-cli add fec-refactoring-encapsulation
Metadata
name
fec-refactoring-encapsulation
description
Use when behavior-preserving frontend refactoring focuses on record, collection, value, responsibility, delegation, or algorithm boundaries, and the selected technique needs family-specific mechanics, risks, and JavaScript/TypeScript/React/Vue adaptation.

Encapsulation Refactorings

Overview

Use this family after evidence identifies a fitting structural transformation. Apply one primary technique at a time and verify immediately.

Procedure

  1. Confirm the selected technique and its preconditions in Encapsulation Refactorings.
  2. Record affected behavior and a diff budget.
  3. Apply only the selected technique's smallest viable step.
  4. Verify the step before composing another transformation.
  5. Stop and reassess when public contracts, lifecycle, state identity, or actual scope exceed expectations.

Quick Reference

The family reference contains 9 canonical techniques with intent, signals, avoid conditions, mechanics, preservation checkpoints, smell links, composition hints, JavaScript/TypeScript notes, React/Vue notes, adaptation guidance, and original frontend examples.

Common Mistakes

  • Choosing a technique by name without checking its preconditions.
  • Combining several structural intentions in one diff.
  • Assuming a classical class-based form is mandatory in modern frontend code.
  • Treating passing tests as proof when the relevant behavior is not covered.