Svelte 是一種全新的構建用戶界面的方法。傳統框架如 React 和 Vue 在瀏覽器中需要做大量的工作,而 Svelte 將這些工作放到構建應用程序的編譯階段來處理。(而不是用戶運行時加載,因此比vue和react更快)
與使用虛擬(virtual)DOM 差異對比不同。Svelte 編寫的代碼在應用程序的狀態更改時就能像做外科手術一樣更新 DOM。
將代碼編譯成獨立的小型JavaScript
三個特點:
- 無虛擬DOM: Svelte可以在不依賴虛擬DOM的情況下使用
- 將代碼編譯成體積更小、不依賴框架的普通JS代碼
- 和React一樣,對數據變化做出自己的反應,不需要瀏覽器做額外的工作來將組件轉換爲DOM操作,將數據更改爲JS代碼呈現
什麼時候使用Svelte
- 構建快速、響應迅速的網站: Svelte的小捆綁包能夠確保你創建的任何內容都能夠快速的運行。這使得它非常適合哪些想要快速,SEO驅動的網站和卓越的網絡體驗的用戶
- 爲連接性較差的設備創建Web應用:由於Svelte使用的代碼更少,這意味着要下載和執行的字節更少,因此非常適合構建網絡或設備性能較差的應用
- 設計交互式頁面: 動畫和過度內置於Svelte中。開發人員可以使用svelte/animate模塊創建交互式內容,這是讓訪問者與網站保持互動的好方法,並且不會影響加載速度和SEO