Base.prototype.getID=function(id){
var o=document.getElementById(id);
this.ele.push(o);
return this;
};
Base.prototype.getTagName=function(tagName){
var os=document.getElementsByTagName(tagName);
for(var i =0;i<os.length;i++){
this.ele.push(os[i]);
}
return this;
};
Base.prototype.getClass=function(cls){
var os=document.getElementsByClassName(cls);
for(var i=0;i<os.length;i++){
//遍历节点,保存
this.ele.push(os[i]);
}
return this;//返回当前对象,为了连缀
};
//两个参数:修改样式
//一个参数:获取样式
//一个参数:批量修改样式
Base.prototype.css=function(property,value){
//两个参数 设置样式
if(value!=undefined){
//取出节点对象
for(var i in this.ele){
//修改样式
this.ele[i].style[property]=value;
}
}else if(typeof property==‘object’){
//一个参数 批量修改样式 {‘width’:‘100px’,‘height’:‘100px’}
//遍历节点
for(var i=0;i<this.ele.length;i++){
//遍历对象 获取属性名和对应的值
for(var j in property){
this.ele[i].style[j]=property[j];//取出样式值赋值给对应的样式
}
}
}else{
//一个参数 获取样式
var o=this.ele[0];//第一个节点
var sty=o.style[property];//行内样式
// if(sty==‘’){
// sty=window.getComputedStyle(o,null)[property];
// }
// return sty;//返回样式
return sty==‘’?window.getComputedStyle(o,null)[property]:sty;
}
return this;//返回当前对象,目的为了连缀
};
//修改属性
/*
两个参数:修改属性
一个参数:获取属性
一个参数:批量设置属性
*/
Base.prototype.attr=function(property,value){
if(value!=undefined){
for(var i=0;i<this.ele.length;i++){
this.ele[i][property]=value;
}
}else if(typeof property==‘object’){
//批量设置
for(var j=0;j<this.ele.length;j++){
for(var m in property){
this.ele[j][m]=property[m];
}
}
}else{
//获取属性值
return this.ele[0][property];
}
return this;
};
//修改内容
/*
1.有参数:修改内容
2.无参:获取指定节点的内容
*/
Base.prototype.text=function(value){
//arguments
//有参数
if(value!=undefined){
//遍历节点
for(var i=0;i<this.ele.length;i++){
this.ele[i].innerHTML=value;
}
return this;
}
return this.ele[0].innerHTML;//返回第一个节点的内容
};
//事件
Base.prototype.click=function(fn){
for(var i=0;i<this.ele.length;i++){
this.ele[i].οnclick=fn;
}
};
//hover事件
Base.prototype.hover=function(fn_over,fn_out){
for(var i=0;i<this.ele.length;i++){
this.ele[i].οnmοuseοver=fn_over;
this.ele[i].οnmοuseοut=fn_out;
}
return this;
小编13年上海交大毕业,曾经在小公司待过,也去过华为、OPPO等大厂,18年进入阿里一直到现在。
深知大多数初中级前端工程师,想要提升技能,往往是自己摸索成长或者是报班学习,但自己不成体系的自学效果低效又漫长,而且极易碰到天花板技术停滞不前!
因此收集整理了一份《2024年Web前端开发全套学习资料》送给大家,初衷也很简单,就是希望能够帮助到想自学提升又不知道该从何学起的朋友,同时减轻大家的负担。




由于文件比较大,这里只是将部分目录截图出来,每个节点里面都包含大厂面经、学习笔记、源码讲义、实战项目、讲解视频
如果你觉得这些内容对你有帮助,可以添加下面V无偿领取!(备注:前端)

前端框架
前端框架太多了,真的学不动了,别慌,其实对于前端的三大马车,Angular、React、Vue 只要把其中一种框架学明白,底层原理实现,其他两个学起来不会很吃力,这也取决于你以后就职的公司要求你会哪一个框架了,当然,会的越多越好,但是往往每个人的时间是有限的,对于自学的学生,或者即将面试找工作的人,当然要选择一门框架深挖原理。
以 Vue 为例,我整理了如下的面试题。

于前端的三大马车,Angular、React、Vue 只要把其中一种框架学明白,底层原理实现,其他两个学起来不会很吃力,这也取决于你以后就职的公司要求你会哪一个框架了,当然,会的越多越好,但是往往每个人的时间是有限的,对于自学的学生,或者即将面试找工作的人,当然要选择一门框架深挖原理。
以 Vue 为例,我整理了如下的面试题。

这篇博客介绍了如何在JavaScript中创建一个基础库,包括获取ID、标签名和类名的函数,以及修改和获取样式、属性和内容的方法。此外,还提供了事件处理和悬停事件的实现。适合前端开发者学习JavaScript库的创建和使用。

被折叠的 条评论
为什么被折叠?



