第 12 屆 IT 鐵⼈賽30 天從 0 到 1 學 SvelteDay24 - Svelte 如何編譯程式碼(2)
View Slide
第 12 屆 IT 鐵⼈賽Svelte 會將元件編譯
第 12 屆 IT 鐵⼈賽create_fragment
第 12 屆 IT 鐵⼈賽create_fragmentc(create): 建立 elementelement: document.createElementtext: document.createTextNodeappend: target.appendChilddetach: target.removeChild
第 12 屆 IT 鐵⼈賽create_fragmentm(mount): 將 Element 放入 DOM 當中p(patch): 元件更新時的執⾏函數i(intro): 當 transition 存在時的執⾏函數o(outro):當 transition 出場時d(detch): 當元件銷毀時的執⾏函數
第 12 屆 IT 鐵⼈賽instanceSvelte 元件裡頭執⾏的程式會被包在 instance 中
第 12 屆 IT 鐵⼈賽event listener
第 12 屆 IT 鐵⼈賽SvelteComponent