1.前端面向?qū)ο缶幊痰睦斫?/h3>

前端JS工具函數(shù)好學(xué)嗎？怎么入門Web前端行業(yè)？JS是前端三要素之一，很多企業(yè)招聘過(guò)程中都會(huì)重點(diǎn)考察求職者對(duì)JS的掌握程度，掌握好JS就意味著你擁有更多獲得高薪的機(jī)會(huì)下面就給大家分享一下常用的JS工具函數(shù)以及使用方法。

2.前端面向?qū)ο箝_(kāi)發(fā)

選取DOM元素的方法(注意：原生JS選取DOM元素比使用jQuery類庫(kù)選取要快很多)通過(guò)蘋果11promax后蓋碎了多少錢ID選取元素：document.getElementById(myid);通過(guò)CLASS選取元素：document.getElementsByClassName(myclass)[0];

3.前端面向?qū)ο蟮娜齻€(gè)基本特征

通過(guò)標(biāo)簽選取元素：document.getElementsByTagName(mydiv)[0];通過(guò)NAME屬性選取元素(常用于表單)：document.getElementsByName(myname)[0];

4.前端是面向?qū)ο筮€是面向過(guò)程

JS修改CSS樣式document.getElementById(myid).style.display = none;JS修改CLASS屬蘋果11promax后蓋碎了多少錢性document.getElementById(myid).className = active;

5.前端函數(shù)式編程理解

如果有多個(gè)CLASS屬性，即用空格隔開(kāi)////////document.getElementById(myid).className = active div-1;移除該元素上的所有CLASSdocument.getElementById(myid).className =

6.前端面相對(duì)象開(kāi)發(fā)

注意：使用classList會(huì)優(yōu)于使用classNamedocument.getElementById(myid).classList.item(0);//item為類名的索引docu蘋果11promax后蓋碎了多少錢ment.getElementById(myid).classList.length;//只讀屬性

7.前端要學(xué)函數(shù)式編程思想

document.getElementById(myid).classList.add(newClass);//添加classdocument.getElementById(myid).classList.remove(newClass);//移除class

8.前端什么是函數(shù)

document.getElementById(myid).classList.toggle(newClass);//切換，有則移除，沒(méi)有則添加document.getElementById(myid蘋果11promax后蓋碎了多少錢).classList.contains(newClass);//判斷是否存在該class

9.前端對(duì)象方法

JS修改文本document.getElementById(myid).innerHTML = 123;數(shù)組去重的方法Array.prototype.unique = function(){var tem = {}, //新建一個(gè)空對(duì)象，給數(shù)組中沒(méi)出現(xiàn)過(guò)的數(shù)添加一個(gè)屬性

10.前端函數(shù)式編程和響應(yīng)式編程

arr = [], //去重后的數(shù)組len = this.length; //要進(jìn)行去重?cái)?shù)組的長(zhǎng)度f(wàn)or(var i=0;iif(!temp[this[i]]){ // 判斷數(shù)組中的數(shù)作為屬性蘋果11promax后蓋碎了多少錢名在temp里有沒(méi)有屬性值

temp[this[i]]="abc";//如果沒(méi)有屬性值，則說(shuō)明沒(méi)出現(xiàn)過(guò)給他一個(gè)屬性值arr.push(this[i]);//同時(shí)把這個(gè)數(shù)添加到去重后的數(shù)組里}}return arr; //最后返回這個(gè)數(shù)組，這是hash算法

}刪除數(shù)組中存在重復(fù)的元素function getUnique(someArray) {tempArray = someArray.slice(0); //復(fù)制數(shù)組到臨時(shí)數(shù)組for (var i = 0; i < tempArray.length; i++) {

for (var j = i + 1; j < tempArray.length;) 蘋果11promax后蓋碎了多少錢{if (tempArray[j] == tempArray[i])//后面的元素若和待比較的相同，則刪除并計(jì)數(shù);//刪除后，后面的元素會(huì)自動(dòng)提前，所以指針j不移動(dòng)

{tempArray.splice(j, 1);}else {j++;}//不同，則指針移動(dòng)}}return tempArray;}判斷某個(gè)值是否在數(shù)組中Array.prototype.in_array = function (e) {

for (i = 0; i < this.length; i++) {if (this[i] == e)return true;}return false;}判斷某個(gè)值在數(shù)組中的位置Array.pro蘋果11promax后蓋碎了多少錢totype.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);} e蘋果11promax后蓋碎了多少錢lse {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;}}說(shuō)的再多不如動(dòng)手練一遍，一名優(yōu)秀的Web前端工程師，一定要基礎(chǔ)扎實(shí)，具有良好的規(guī)范開(kāi)發(fā)蘋果11promax后蓋碎了多少錢習(xí)慣。

如果你想從事Web前端行業(yè)，可以選擇專業(yè)的學(xué)習(xí)方式，讓自己更快入門這個(gè)行業(yè)?