扫一扫分享
当前虚拟 dom 的实施功效并没有充分发挥出来。有些过于复杂而限制其有效地实施;有些则半途而废。如果不牺牲其初始性能和规模,其中大多数实际上是不可用的。大多要以牺牲性能和大小为代价进行调整,才变得可用。Million 就是针对这个问题的一套解决方案。它提供了一个与库无关的虚拟 DOM 作为 Javascript 库的核心,专注于预编译和静态分析。
Million 在默认情况下不需要 构建工具, 但是非常推荐你使用 npm 进行安装
npm install million
下面是一个使用 Million 实现的极简 Hello World 页面。
import { m, createElement, patch } from 'million';
// Initialize app
const app = createElement(m('div', { id: 'app' }, ['Hello World']));
document.body.appendChild(app);
// Patch content
patch(app, m('div', { id: 'app' }, ['Goodbye World']));
手机预览