eric-utilslist/js/Component.js

基础组件类，五星好评,商品列表,计数器

// 继承EventTarget，就可以抛发事件和侦听事件了
export default class Component extends EventTarget{
    elem;
    // 创建元素
    constructor(type){
        super();
        this.elem=document.createElement(type);
    }
    // 插入到父元素的尾部
    appendTo(parent){
        if(typeof parent==="string") parent=document.querySelector(parent);
        if(parent instanceof HTMLElement){
            parent.appendChild(this.elem);
        }
    }
    // 插入到父元素中某个元素前面
    insertBefore(parent,next){
        if(typeof parent==="string") parent=document.querySelector(parent);
        if(typeof next==="string") next=document.querySelector(next);
        if(parent instanceof HTMLElement && next instanceof HTMLElement){
            parent.insertBefore(this.elem,next);
        }
    }
}