0.0.0 • Published 3 years ago
yunyue v0.0.0
这是封装了一个虚拟dom函数,通过new Element来创建一个虚拟dom。
Element参数接收一个对象
{ tagName : "span", //标签名,默认是span props : {}, //标签里面的属性值,class请使用className children : [], //子元素列表,里面可以传数字类型,字符串类型,Element对象,其它都不支持,也可以不是数组。可以是字符串类型children : "",不识别任何标签 event : function (e) { } //自调用函数,形参代表创建的对象,可在里面给创建的元素绑定事件,render后生效 }
new Element自带一个render方法表示创建元素并绑定,三个参数
(
elId,//两种情况:1,代表绑定的对象,识别css选择器,2,他自己的第二个参数
{
addClass:[], //数组类型,render时添加class
prop:{}, //同props,但是不能添加className属性,会报错
children:[],//同Element的children,如果他有值,会顶替掉Element的children
event :function(e){}//同Element的event,如果他有值,会顶替掉Element的event
},
bool//布尔类型,true在指定元素头部添加,false在指定元素尾部添加,默认是在尾部添加
)
- render后返回一个创建好的dom元素,可以凭通过js原生方法添加到任何位置
responsive函数:(温馨提示:此函数的值只能是数字,不然报错)
- 他是一个设置rem函数,默认是设计图宽1920,rem转px为100:1
- 他有一个参数,是个对象, { baseFontSize : 100,//rem转换比例 maxSize : 1920 //设计图宽度 }