# mini-diff

**Repository Path**: houyuncheng2020/mini-diff

## Basic Information

- **Project Name**: mini-diff
- **Description**: snabbdom的简单实现，包括创建虚拟DOM和patch函数实现最小化更新
- **Primary Language**: JavaScript
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 1
- **Forks**: 0
- **Created**: 2021-05-07
- **Last Updated**: 2021-05-23

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

## 介绍

snabbdom的简单实现，包括创建虚拟DOM和patch函数实现最小化更新

## 使用

```javascript
import { h, patch } from './mini-diff.js';

const btn = document.getElementById('btn');

const vnode1 = h('ul', {}, [
  h('li', { key: 'A' }, 'A'),
  h('li', { key: 'B' }, 'B'),
  h('li', { key: 'C' }, 'C'),
])

const vnode2 = h('ul', {}, [
  h('li', { key: 'A' }, 'A'),
  h('li', { key: 'D' }, 'D'),
  h('li', { key: 'E' }, 'E'),
  h('li', { key: 'B' }, 'B'),
])

patch(document.getElementById('container'), vnode1);

btn.onclick = function () {
  patch(vnode1, vnode2);
}
```