$30 off During Our Annual Pro Sale. View Details »

Day4: Svelte 當中的 bind 語法

Kalan
September 13, 2020

Day4: Svelte 當中的 bind 語法

在前端應用當中時常會有 input 值與某變數綁定的場景,在 Svelte 當中提供了 bind 的語法可供使用。同時 Svelte 也可搭配 bind 語法綁定如 currentTime、volume 等屬性,方便做即時更新,減少程式碼。

Kalan

September 13, 2020
Tweet

More Decks by Kalan

Other Decks in Programming

Transcript

  1. 第 12 屆 IT 鐵⼈賽 bind 使⽤情境 當 input 更新時,想要同步更新變數

    當變數的值改變時,想要將值反映到 input 上 將 DOM 屬性賦值給變數以供使⽤ 將 value 綁定到 text 變數
  2. 第 12 屆 IT 鐵⼈賽 綁定 DOM 屬性 綁定常⽤屬性 currentTime

    clientWidth, clientHeight duration muted 更多屬性綁定可參考⽂件