增進效能技巧

這篇文章是拿來紀錄增進如何增進效能涵蓋js或是任何框架, 所謂先求有再求好. 可能現階段還用不到, 但是留著之後可以用

removeEventListener

你我都知道在js中, 都是透過事件來trigger, 那如何讓這個事件『僅會被觸發一次』?
對應到框架就是如何實作出v-once, 其實很簡單, 就是再加上這個事情即可.

<form>
    <button id="button" type="submit">click</button>
</form>

function clicked(e) {
  e.preventDefault(); // 為了form而加上去的
  button.removeEventListener("click", clicked);
}

button.addEventListener("click", clicked);