w
Документация Основные инструменты Text Diff

Расширенные функции

Инструмент Text Diff предлагает широкий спектр расширенных функций, которые делают его мощным инструментом для профессионального сравнения текста.

Интеллектуальные алгоритмы сравнения

Контекстно-осознанное обнаружение различий

Инструмент использует продвинутые алгоритмы для:

  • Семантических изменений, которые распознают не только поверхностные различия
  • Контекстных изменений, которые идентифицируют модификации, влияющие на окружающий код
  • Структурных изменений во вложенных структурах данных

Оптимизированная обработка строк

  • Интеллектуальное сопоставление строк: Находит наилучшее соответствие между похожими строками
  • Контекстные строки: Показывает окружающие строки для лучшего понимания
  • Минимальные изменения: Идентифицирует наименьшее возможное количество изменений

Расширенные опции сравнения

Обработка пробелов

// С включенной опцией "Игнорировать пробелы"
// Эти строки считаются идентичными:
const name = 'John'; // Файл A
const name = 'John'; // Файл B

Случаи использования:

  • Конфликты форматирования кода
  • Различные настройки редактора
  • Автоматическое форматирование кода

Обработка регистра

// С включенной опцией "Игнорировать регистр"
// Эти объекты считаются идентичными:
{
  "Name": "John", // Файл A
  "name": "John" // Файл B
}

Случаи использования:

  • Файлы конфигурации
  • Схемы базы данных
  • Ответы API

Поддержка форматов файлов

Языки программирования

ЯзыкРасширениеПодсветка синтаксиса
JavaScript.js, .mjs✅
TypeScript.ts, .tsx✅
Python.py✅
Java.java✅
C/C++.c, .cpp, .h✅
C#.cs✅
Go.go✅
Rust.rs✅
PHP.php✅

Веб-технологии

ФорматРасширениеОсобые функции
HTML.html, .htmАнализ структуры тегов
CSS.css, .scss, .sassСравнение селекторов
Vue.vueАнализ компонентов
React.jsx, .tsxСинтаксис JSX

Форматы данных

ФорматРасширениеАнализ структуры
JSON.jsonИерархия объектов
XML.xmlСтруктура элементов
YAML.yml, .yamlВложенность
TOML.tomlСтруктура конфигурации

Управление историей

Интеллектуальные функции истории

Автоматическая категоризация

Инструмент автоматически категоризирует сравнения:

  • Сравнения кода: Сессии разработки и отладки
  • Сравнения конфигурации: Изменения окружения и конфигурации
  • Сравнения документации: Изменения контента и структуры

Отслеживание метаданных

Каждая запись истории содержит:

{
  "timestamp": "2024-01-15T10:30:00Z",
  "fileType": "javascript",
  "linesChanged": 15,
  "changeType": "feature-addition",
  "tags": ["frontend", "component", "bugfix"]
}

Организация истории

Функции поиска

  • Поиск по тексту: Поиск в записях истории по содержимому
  • Фильтры по дате: Фильтрация по временным периодам
  • Фильтры по типу: Фильтрация по типам файлов или типам изменений

Опции экспорта

  • Индивидуальное сравнение: Экспорт конкретного сравнения
  • Пакетный экспорт: Экспорт нескольких сравнений одновременно
  • Форматы: JSON, CSV, HTML, Markdown

Оптимизация производительности

Большие файлы

Обработка по частям

Инструмент обрабатывает большие файлы частями:

// Автоматический размер части на основе размера файла
const chunkSize = Math.min(1000, Math.max(100, fileSize / 100));

Ленивая загрузка

  • Прогрессивное отображение: Показывает результаты во время обработки
  • Виртуальная прокрутка: Эффективное отображение больших результатов diff
  • Управление памятью: Оптимизированное использование памяти

Оптимизация браузера

Web Workers

// Вычисление diff в отдельном потоке
const worker = new Worker('/diff-worker.js');
worker.postMessage({ fileA, fileB, options });

Стратегии кэширования

  • Local Storage: Кэширование записей истории
  • Session Storage: Временное хранение во время сессии
  • IndexedDB: Постоянное хранение для больших объемов данных

API интеграция

Программный доступ

// Пример: Автоматизированное создание diff
const diffResult = await textDiffAPI.compare({
  fileA: {
    content: 'Оригинальное содержимое',
    name: 'original.txt',
  },
  fileB: {
    content: 'Измененное содержимое',
    name: 'modified.txt',
  },
  options: {
    ignoreWhitespace: true,
    ignoreCase: false,
  },
});

Поддержка Webhooks

// Автоматические уведомления об изменениях
const webhook = {
  url: 'https://your-app.com/diff-notifications',
  events: ['diff.created', 'diff.updated'],
  secret: 'your-webhook-secret',
};

Функции безопасности

Конфиденциальность

Локальная обработка

  • Без передачи на сервер: Вся обработка происходит в браузере
  • Шифрование: Чувствительные данные хранятся зашифрованными
  • Автоматическая очистка: Временные данные удаляются автоматически

Контроль доступа

// Пример: Контроль доступа на основе пользователя
const accessControl = {
  user: 'developer@company.com',
  permissions: ['read', 'create', 'update'],
  restrictions: {
    maxFileSize: '10MB',
    allowedFormats: ['.js', '.ts', '.json'],
  },
};

Аудит логов

{
  "action": "diff.created",
  "user": "user@example.com",
  "timestamp": "2024-01-15T10:30:00Z",
  "metadata": {
    "fileSize": "2.5KB",
    "changeCount": 15,
    "ipAddress": "192.168.1.100"
  }
}

Опции персонализации

Персонализация UI

Темы

  • Светлая тема: Яркий и профессиональный внешний вид
  • Темная тема: Темный внешний вид для ночной работы
  • Высокий контраст: Улучшенная читаемость
  • Пользовательские темы: Пользовательские цвета и стили

Опции макета

const layoutOptions = {
  orientation: 'horizontal', // или "vertical"
  panelSize: '50%', // Разделение панелей
  showLineNumbers: true, // Показывать номера строк
  showStatistics: true, // Показывать статистику
  compactMode: false, // Компактный режим
};

Расширенные настройки

Опции сравнения

const advancedOptions = {
  contextLines: 3, // Количество контекстных строк
  maxChanges: 1000, // Максимальное количество изменений
  timeout: 30000, // Таймаут в миллисекундах
  algorithm: 'myers', // Алгоритм diff
  encoding: 'utf-8', // Кодировка файла
};

Интеграция с инструментами разработки

Интеграция IDE

Расширение VS Code

{
  "name": "text-diff-tool",
  "version": "1.0.0",
  "engines": {
    "vscode": "^1.60.0"
  },
  "contributes": {
    "commands": [
      {
        "command": "textDiff.compareFiles",
        "title": "Compare with Text Diff Tool"
      }
    ]
  }
}

Интеграция Git

# Git хук для автоматического создания diff
#!/bin/sh
git diff --cached | curl -X POST \
  -H "Content-Type: application/json" \
  -d @- \
  https://text-diff-tool.com/api/compare

CI/CD пайплайн

# Пример GitHub Actions
name: Text Diff Check
on: [pull_request]
jobs:
  diff-check:
    runs-on: ubuntu-latest
    steps:
      - uses: actions/checkout@v2
      - name: Compare Files
        run: |
          curl -X POST \
            -H "Content-Type: application/json" \
            -d '{"fileA": "${{ github.event.pull_request.base.sha }}", "fileB": "${{ github.sha }}"}' \
            https://text-diff-tool.com/api/compare

Эти расширенные функции делают инструмент Text Diff незаменимым для профессиональных разработчиков и команд.

Была ли эта страница полезной?