LinkXSystem / learn-guide

有趣的学习笔记 (*^_^*)
https://linkxsystem.github.io/
3 stars 1 forks source link

思考一下框架的优势 #41

Open LinkXSystem opened 3 years ago

LinkXSystem commented 3 years ago

组件的设计和实现

以原生的 DOM 设计组件的话,那基本的结构设计应该如下:

class Element {
    constructor(label) {
        this.label = label || 'div';
    }

    render() {
        if (!this.element) {
            this.element = document.createElement(this.label);
        }

        return this.element;
    }
}

·

LinkXSystem commented 3 years ago

组件的监控 / 元素的监控

如果是原生实现的话,是劫持对于 dom 元素的方法的访问吗?

如基于 Proxy 的实现的

LinkXSystem commented 3 years ago

JSX 解析和 DOM 设计 的组合