js緩動演算法以及應用場景 vue

2022-01-13 05:40:59 字數 1545 閱讀 8219

store->mapcontainer.js

state:

largepassengerflow: null,//

大客流的定時器

largepassengerdata: ,//

大客流的定時器(動態+-10假資料)

largepassengerslowdata: ,//

大客流緩動5*5s後的資料

largepassengerslowdataflow: ,//

大客流緩動5*5s後的資料定時器

twostate: false,//

緩動5次之內為false,第五次為true

mutations:

set_largepassengerflow(_state, obj) ,

set_largepassengerdata(_state, obj) ,

set_largepassengerslowdata(_state, obj) ,

set_largepassengerslowdataflow(_state, obj) ,

set_twostate(_state, obj) ,

selectbox.vue

主要為,勾選之後,靜態restful介面的資料進行定時器加減10

//

大客流getlatestlist() ).then(dl =>);

this

.set_largepassengerdata(sk);

this.bus.$emit('passengersocket', sk);

}, 5000);

this

.set_largepassengerflow(largetime);

});},

home.vue(websocket元件)

mounted() );

},

/*

*** sk1為old陣列,

sk2為new陣列,

stime為定時器

***/changetime(sk1=,sk2=,stime = null

)else

sk4list.push();

}console.log('sk4list',sk4list)

stime = setinterval(() =>);

}//前4次為平均緩動,最後一次為真實資料

if(timenum<5)

else

if (timenum == 5)

else

}, 3000);

}

view code

watch:);

this

.set_largepassengerdata(sk);

this.bus.$emit('passengersocket', sk);

}, 5000);

this

.set_largepassengerslowdataflow(largetime)}}

}

js防抖與節流以及應用場景

在前端開發中會遇到一些頻繁的事件觸發,例如input,keyup,keydown,scroll,resize,mousemove等,這非常影響效能,所以我們需要控制它們觸發的頻率,方法就是防抖與節流。debounce function debounce func,wait wait 如果直接使用un...

simhash 介紹以及應用場景

simhash 演算法是一種區域性敏感的雜湊演算法,能實現相似文字內容的去重。資訊摘要演算法 如果兩者原始內容只相差乙個位元組,所產生的簽名也很有可能差別很大。simhash 演算法 如果原始內容只相差乙個位元組,所產生的簽名差別非常小。simhash值的對比 通過兩者的 simhash 值的二進位...

JS特效 緩動框架封裝及應用

給屬性賦值 既能獲取又能賦值 1 div.style.width 單個賦值 點語法,這個方法比較固定,不能用變數或者字串的形式更換屬性,不方便我們傳值獲取屬性,和給屬性賦值。2 div.style width 變數賦值 中括號形式,傳入字串。可以通過傳字串或者變數的方式獲取和賦值屬性。缺點 只能是對...