フロントエンドエンジニアリング - 重複コードの多次元検出

その他の記事については、私の個人ブログをご覧ください: https://seven777777.github.io/myblog/

1. プロジェクト内の重複コードを検出する

1.1 検出ソリューション: jscpd

方法 1:

• jscpd 依存関係をグローバルにインストールするnpm i -g jscpd
• プロジェクトのルート パスの実行:jscpd -p "src/**/*.js" -k 15 -l 5
  

方法 2: ノード API

jscpd の依存関係をプロジェクトにインストールする

ビジュアルレポート

インストール: @jscpd/html-reporter

1.2 危険性

1. 可読性が低い
2. 維持が難しい

1.3 解決策

1. カプセル化されたコンポーネント
2. 抽出機能
3. メソッドホイスティング（クラスの作成）

2. 循環的複雑さの検出

コードの品質を測定するためのメトリクス

定義: コード実行の最初から最後までの可能なパス

2.1 検出方法

ESLint——複雑さ

2.2 主なアイデア

複雑なロジックを分離し、純粋な関数に抽象化できるロジックを抽象化し、メインプロセスで呼び出す

3. コードカバレッジ

どのように分析するのか?

• イスタンブール ツールの
  単体テスト: Jest+Chai はコード カバレッジを自動的にカウントします

• 資産再試行
  災害復旧ソリューション

私の個人公開アカウント [搴Fang Shimeng] にご注目ください。