lodash節流振れ防止を実現

846 ワード

lodash
長年の開発経験を持つ開発者は、utils、helpersなどと呼ばれる自分がよく使うツールライブラリを持っていることが多い.このライブラリは自分の技術の蓄積である一方で、ある技術の拡張であり、技術規範の制定と実現をリードしている.
lodashが提供する関数は主に以下のいくつかの種類に分けられ、関数のリストと使い方の例を見てください:Lodash中国語網
まずlodashをインストールします
npm i --save lodash

コンポーネントへの導入




import _ from 'lodash'
    export default {
			methods: {
				//                              this 
			      scrolls:_.debounce(function (event) {
			          console.log(event.target.scrollTop)
			          if(event.target.scrollTop > 0){
			              this.changeStyle = true;
			          }else{
			              this.changeStyle = false;
			          }
			      }, 200)
			}
    }