前端JS工具函数好学吗 怎么入门Web前端行业

2023-05-27 0 1,087

后端JS辅助工具表达式聪慧吗?是不是进阶Web后端金融行业?JS是后端二律背反众所周知,许多民营企业招工操作过程中单厢重点项目实地考察应聘者对JS的掌控某种程度,掌控好JS就意味著你保有更多赢得低薪的良机。上面就给我们撷取呵呵常见的JS工具表达式和采用方式。

前端JS工具函数好学吗 怎么入门Web前端行业

挑选出DOM原素的方式

(特别注意:原生植物JS挑选出DOM原素比采用jQueryC#挑选出要快许多)

透过ID挑选出原素:document.getElementById(myid);

透过CLASS选取原素:document.getElementsByClassName(myclass)[0];

透过条码挑选出原素:document.getElementsByTagName(mydiv)[0];

透过NAME特性挑选出原素(常见于配置文件):document.getElementsByName(myname)[0];

JS修正CSS式样

document.getElementById(myid).style.display = none;

JS修正CLASS特性

document.getElementById(myid).className = active;

假如有数个CLASS特性,狸尾豆字符分隔////////

document.getElementById(myid).className = active div-1;

移除该原素上的所有CLASS

document.getElementById(myid).className =

特别注意:采用classList会优于采用className

document.getElementById(myid).classList.item(0);//item为类名的索引

document.getElementById(myid).classList.length;//只读特性

document.getElementById(myid).classList.add(newClass);//添加class

document.getElementById(myid).classList.remove(newClass);//移除class

document.getElementById(myid).classList.toggle(newClass);//切换,有则移除,没有则添加

document.getElementById(myid).classList.contains(newClass);//判断是否存在该class

JS修正文本

document.getElementById(myid).innerHTML = 123;

数组去重的方式

Array.prototype.unique = function(){

var tem = {}, //新建一个空对象,给数组中没出现过的数添加一个特性

arr = [], //去重后的数组

len = this.length; //要进行去重数组的长度

for(var i=0;i

if(!temp[this[i]]){ // 判断数组中的数作为特性名在temp里有没有特性值

temp[this[i]]=”abc”;//假如没有特性值,则说明没出现过给他一个特性值

arr.push(this[i]);//同时把这个数添加到去重后的数组里

}

}

return arr; //最后返回这个数组,这是hash算法

}

删除数组中存在重复的原素

function getUnique(someArray) {

tempArray = someArray.slice(0); //复制数组到临时数组

for (var i = 0; i < tempArray.length; i++) {

for (var j = i + 1; j < tempArray.length;) {

if (tempArray[j] == tempArray[i])

//后面的原素若和待比较的相同,则删除并计数;

//删除后,后面的原素会自动提前,所以指针j不移动

{

tempArray.splice(j, 1);

}

else {

j++;

}

//不同,则指针移动

}

}

return tempArray;

}

判断某个值是否在数组中

Array.prototype.in_array = function (e) {

for (i = 0; i < this.length; i++) {

if (this[i] == e)

return true;

}

return false;

}

判断某个值在数组中的位置

Array.prototype.indexOf = function (e) {

for (i = 0; i < this.length; i++) {

if (this[i] == e)

return i;

}

return -1;

}

跨浏览器绑定事件

function addEventSamp(obj, evt, fn) {

if (!oTarget) { return; }

if (obj.addEventListener) {

obj.addEventListener(evt, fn, false);

} else if (obj.attachEvent) {

obj.attachEvent(on + evt, fn);

} else {

oTarget[“on” + sEvtType] = fn;

}

}

跨浏览器删除事件

function delEvt(obj, evt, fn) {

if (!obj) { return; }

if (obj.addEventListener) {

obj.addEventListener(evt, fn, false);

} else if (oTarget.attachEvent) {

obj.attachEvent(“on” + evt, fn);

} else {

obj[“on” + evt] = fn;

}

}

说的再多不如动手练一遍,一名优秀的Web后端工程师,一定要基础扎实,具有良好的规范开发习惯。假如你想从事Web后端金融行业,可以选择专业的学习方式,让自己更快进阶这个金融行业​。

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务