Electron學習-底部訊息提示(2021.2.1)
阿新 • • 發佈:2021-02-16
注意:
- 真的從0開始,只有一點C/C++基礎,所以js這方面完全是真·零基礎,完全亦步亦趨跟著老師走的。看的是b站上“技術胖”老師的視訊,學成必謝555(老師的網站是jspang.com,視訊、文章都是免費的,太良心了555)
但是看了幾集發現這個老師舉例不太恰當,望注意哈。 - 之前的學習記錄都在電腦裡,之後有空慢慢傳上來
- 學的是electron,用的是vs code
- 寫這個的主要目的是怕自己之後忘了,方便撿起來
- 教學視訊已經看完啦,這應該是我最後一篇Electron學習了。朋友們下個專題再見ヾ( ̄▽ ̄)Bye~Bye~
--學習內容:底部訊息提示:window.Notification()
step1:新建html,寫一個button,然後在script裡獲取。寫了好多遍,就不寫程式碼了,之後把整個程式碼都放到github上
var object={
title:'!有訊息來了',
body:'你可以來取手機了'
}
step3:設定onclick事件,呼叫window.Notification(object.title,object)
noticebtn.onclick=()=>{
new window.Notification(object.title,object)
}
效果如圖:
程式碼自取:
https://github.com/Junko-Zhou/learning-Electron