Lastor
@Lastor
說
Sun, May 22, 2022 7:59 AM
2
1
coding
實驗了一下用 Web Component 做了一個簡易的 Toast 組件,蠻有意思的
try-custom-element-toast
Lastor
@Lastor
說
Sun, May 22, 2022 8:01 AM
感覺這種簡單的組件,應該可以拿來實戰用了
Lastor
@Lastor
說
Sun, May 22, 2022 8:02 AM
主要也是自家的 Toast 提示,目前套了兩個 lib,一個是常見的 SweetAlert,另一個是 toastr
Lastor
@Lastor
說
Sun, May 22, 2022 8:03 AM
比較尷尬的是這個 toastr,依賴 jQuery,很舊的東西已經沒在維護了
GitHub - CodeSeven/toastr: Simple javascript toast n...
Lastor
@Lastor
說
Sun, May 22, 2022 8:03 AM
而且裡面很多功能其實也沒用到,就在想乾脆自己用 Web Component 重寫一個 toast 組件,拔掉 jQuery 依賴
Lastor
@Lastor
說
Sun, May 22, 2022 8:05 AM
話說,這是我自己假日時間寫的,不是工作時間做的,這樣放出來應該沒關係吧
Lastor
@Lastor
說
Sun, May 22, 2022 8:07 AM
總覺得應該有更漂亮的寫法,Web Component 還沒有用很熟。倒是這種 Toast 的計時自動隱藏,還真讓我稍微想了一下該怎麼弄比較單純。要防連續掛 setTimeout
Lastor
@Lastor
說
Sun, May 22, 2022 8:08 AM
以前寫小遊戲的時候,好像有直接為這個做了一個 Class 來處理,感覺那個搞得太複雜了,而且我也忘了那 code 放哪了,乾脆暴力處理一下
載入新的回覆