diff 算法

1 功能

提升性能，通过使用虚拟dom【虚拟dom其实就是数据(把dom数据化)】

2 主流：snabbdom、virtual-dom

snabbdom - npm

snabbdom/README-zh_CN.md at b301a9220918254aa9c79ad91012780ff8c55862 · snabbdom/snabbdom · GitHub

virtual-dom - npm

3 搭建环境

npm init -y

npm install webpack@5 webpack-cli@3 webpack-dev-server@3 -S

npm install snabbdom -S

3.1 修改package.json运行命令

【"dev": "webpack-dev-server --open"】

{"name": "diff","version": "1.0.0","description": "","main": "index.js","scripts": {"dev": "webpack-dev-server --open"},"ke